
:root{
  --navy:#061d34;
  --navy-2:#041528;
  --ink:#0a223d;
  --gold:#c99a50;
  --gold-soft:#e9c984;
  --cream:#faf6ee;
  --paper:#ffffff;
  --text:#1b2938;
  --muted:#66727f;
  --line:rgba(201,154,80,.30);
  --shadow:0 16px 38px rgba(6,29,52,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:Montserrat,Arial,sans-serif;line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit}
.container{width:min(1180px,92%);margin-inline:auto}
.section{padding:88px 0}
.section-label,.eyebrow{margin:0 0 12px;color:var(--gold);font-weight:800;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;color:var(--ink)}
h1{margin:0;font-size:clamp(3rem,5.2vw,5.4rem);line-height:.98}
h2{margin:.08em 0 .32em;font-size:clamp(2.35rem,4vw,4rem);line-height:1.04}
p{margin:0 0 1em}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:0;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s}
.button.gold{background:var(--gold);color:var(--navy)}
.button.gold:hover{background:var(--gold-soft);transform:translateY(-2px)}
.button.outline{border:1px solid rgba(255,255,255,.55);color:#fff}
.button.outline:hover{border-color:var(--gold-soft);color:var(--gold-soft)}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:var(--navy-2);border-bottom:1px solid rgba(201,154,80,.20)}
.nav-wrap{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand img{width:250px;height:94px;object-fit:contain;background:#fff;padding:2px 5px}
.main-nav{display:flex;align-items:center;gap:18px}
.main-nav a{color:#fff;text-decoration:none;font-size:.84rem;font-weight:700}
.main-nav a:hover{color:var(--gold-soft)}
.nav-cta{border:1px solid var(--gold);padding:11px 16px;color:var(--gold-soft)!important}
.language-toggle{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:8px 10px;font-weight:800;cursor:pointer}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span{display:block;width:27px;height:2px;background:var(--gold);margin:5px}

/* Hero */
.hero{background:var(--navy-2);color:#fff}
.hero-grid{display:grid;grid-template-columns:43% 57%;min-height:690px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:58px 50px 58px max(5vw,42px);background:linear-gradient(110deg,var(--navy-2),var(--navy))}
.hero-slogan{margin:0 0 8px;color:var(--gold);font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.hero-bridge{margin:0 0 18px;color:var(--gold-soft);font-weight:800;font-size:clamp(2rem,3.8vw,3.8rem);line-height:1.04;text-transform:uppercase}
.hero h1{color:#fff;font-size:clamp(2.7rem,4.5vw,4.7rem)}
.gold-rule{width:72px;height:3px;background:var(--gold);margin:24px 0}
.hero-lead{max-width:610px;color:rgba(255,255,255,.84)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-photo img{width:100%;height:100%;object-fit:cover}

/* Meet Ethan */
.about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:center}
.portrait img{width:100%;max-height:620px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
.about-copy .role{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.about-copy .intro{font-size:1.08rem;font-weight:700;color:var(--ink)}

/* Services */
.services{background:#fff}
.services-heading{text-align:center;max-width:1040px;margin:0 auto 40px}
.services-heading .from{margin:0 0 7px;color:var(--ink);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.services-heading .bridge{margin:0;color:var(--gold);font-size:clamp(2.25rem,4.4vw,4rem);font-weight:800;line-height:1.04;text-transform:uppercase}
.services-heading .sub{margin-top:16px;color:var(--muted)}
.section-rule-title{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin:34px 0 30px}
.section-rule-title span{height:1px;background:rgba(201,154,80,.62)}
.section-rule-title h3{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);font-size:clamp(1.45rem,2.3vw,2rem);font-weight:800;text-transform:uppercase}

.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-card{
  min-height:300px;
  display:grid;
  grid-template-columns:138px 1px minmax(0,1fr);
  gap:22px;
  align-items:center;
  padding:30px 27px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(6,29,52,.075);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
.service-card:hover{transform:translateY(-5px);border-color:rgba(201,154,80,.58);box-shadow:var(--shadow)}
.service-card::before{content:"";grid-column:2;grid-row:1;width:1px;height:72%;justify-self:center;background:rgba(201,154,80,.52)}
.service-icon{
  grid-column:1;grid-row:1;
  width:112px;height:112px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--cream);
  border:1px solid rgba(201,154,80,.24);
  box-shadow:0 10px 24px rgba(6,29,52,.08)
}
.service-icon svg{width:64px;height:64px;fill:none;stroke:var(--ink);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.service-card:nth-child(1) .service-icon path:nth-last-child(-n+2),
.service-card:nth-child(2) .service-icon circle,
.service-card:nth-child(3) .service-icon path:last-child,
.service-card:nth-child(4) .service-icon circle,
.service-card:nth-child(5) .service-icon path:last-child,
.service-card:nth-child(6) .service-icon path:nth-last-child(-n+2){stroke:var(--gold)}
.service-copy{grid-column:3;grid-row:1;min-width:0}
.service-copy h4{margin:0 0 11px;color:var(--ink);font-size:1.02rem;font-weight:800;line-height:1.25;text-transform:uppercase}
.service-copy h4::after{content:"";display:block;width:36px;height:2px;background:var(--gold);margin-top:10px}
.service-copy p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.7}
.service-copy a{display:inline-flex;margin-top:15px;color:var(--ink);font-size:.80rem;font-weight:800;text-decoration:none}
.service-copy a:hover{color:var(--gold)}

/* Why */
.why{background:linear-gradient(120deg,var(--navy-2),var(--navy));color:#fff}
.why h2{color:#fff}
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.why-cards-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.why-card{min-height:178px;display:flex;flex-direction:column;justify-content:center;padding:24px;border:1px solid rgba(201,154,80,.34);border-radius:14px;background:rgba(255,255,255,.035)}
.why-card strong{display:block;color:var(--gold-soft);font-size:1.02rem;margin-bottom:8px}
.why-card span{color:rgba(255,255,255,.76);font-size:.86rem}

/* Process */
.process{background:var(--cream)}
.process-heading{max-width:930px;margin:0 auto 46px}
.process-journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:13px;align-items:stretch}
.process-card{min-height:285px;padding:27px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 26px rgba(6,29,52,.055);transition:.22s}
.process-card:hover{transform:translateY(-5px);border-color:rgba(201,154,80,.58);box-shadow:var(--shadow)}
.process-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}
.process-number{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold-soft),var(--gold));color:var(--navy);font-weight:900}
.process-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--navy)}
.process-icon svg{width:31px;height:31px;fill:none;stroke:var(--gold-soft);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.process-card h3{margin:0 0 12px;color:var(--ink);font-size:1.35rem;line-height:1.15}
.process-card p{margin:0;color:var(--muted);font-size:.94rem}
.process-connector{display:grid;place-items:center;color:var(--gold);font-size:1.8rem;font-weight:800}

/* Who we work with */
.who-section{background:#fff}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.who-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}
.who-card strong{display:block;color:var(--ink);margin-bottom:6px}
.who-card span{color:var(--muted);font-size:.87rem}

/* Contact */
.contact{background:var(--navy);color:#fff}
.contact h2{color:#fff}
.contact-grid{display:grid;grid-template-columns:.9fr 1fr .42fr;gap:28px}
.contact-details a,.contact-details div{display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.12);text-decoration:none}
.contact-details span{display:block;color:var(--gold-soft);font-size:.7rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.contact-form{display:grid;gap:13px;padding:26px;border:1px solid rgba(201,154,80,.38);border-radius:14px;background:rgba(4,21,40,.48)}
.contact-form label span{display:block;color:var(--gold-soft);font-size:.78rem;font-weight:800;margin-bottom:5px}
.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff}
.qr-card{text-align:center}
.qr-card img{width:180px;margin:0 auto 10px;padding:8px;background:#fff;border-radius:10px}
.qr-card strong{display:block;color:var(--gold-soft);font-size:.78rem;text-transform:uppercase}
.qr-card a{display:inline-block;margin-top:8px;color:#fff;font-size:.8rem}
.whatsapp-float{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.25);z-index:90}

/* Footer */
footer{background:var(--navy-2);color:#fff;padding:34px 0 16px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
.footer-brand img{width:210px;background:#fff;padding:3px}
.footer-grid strong{display:block;color:var(--gold-soft);margin-bottom:9px}
.footer-grid a{display:block;color:rgba(255,255,255,.72);text-decoration:none;font-size:.82rem;margin:6px 0}
.footer-brand p{color:rgba(255,255,255,.6);font-size:.82rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.55);font-size:.78rem}
.footer-bottom div{display:flex;gap:14px}
.footer-bottom a{text-decoration:none}

/* Service detail pages */
.page-hero{padding:74px 0;background:linear-gradient(120deg,var(--navy-2),var(--navy));color:#fff}
.page-hero h1{color:#fff;font-size:clamp(2.8rem,5vw,4.8rem)}
.page-hero p{max-width:760px;color:rgba(255,255,255,.80)}
.service-page-grid{display:block;max-width:900px;margin:0 auto}
.check-list{display:grid;gap:12px;margin-top:28px}
.check{position:relative;padding:16px 18px 16px 50px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(6,29,52,.05)}
.check::before{content:"✓";position:absolute;left:18px;top:14px;color:var(--gold);font-weight:900}
.footer-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.footer-wrap img{width:180px;background:#fff;padding:3px}
.footer-links{display:flex;justify-content:center;gap:18px}
.footer-links a{color:rgba(255,255,255,.75);text-decoration:none}
.footer-copy{color:rgba(255,255,255,.55);font-size:.8rem}

/* Digital card */
.digital-card-page{min-height:100vh;background:var(--cream);display:grid;place-items:center;padding:32px}
.digital-card{width:min(560px,94vw);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;text-align:center;box-shadow:var(--shadow)}
.digital-card .logo{width:210px;margin:0 auto 20px}
.digital-card .portrait{width:170px;height:170px;object-fit:cover;border-radius:50%;margin:0 auto 20px}
.digital-links{display:grid;gap:10px;margin-top:22px}
.digital-links a,.save{display:block;padding:13px 16px;border:1px solid var(--line);text-decoration:none;font-weight:700}
.save{background:var(--gold);color:var(--navy)}

/* Legal pages */
.legal-page{background:var(--cream);padding:70px 0;min-height:100vh}
.legal-wrap{width:min(900px,92%);margin:auto;background:#fff;padding:48px;border-radius:18px;box-shadow:var(--shadow)}
.legal-wrap h1{font-size:clamp(2.6rem,5vw,4.2rem)}
.legal-wrap h2{font-size:1.8rem;margin-top:1.4em}

/* Reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}

/* Responsive */
@media(max-width:1050px){
  .main-nav{position:absolute;top:106px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;padding:24px 4%;background:var(--navy-2)}
  .main-nav.open{display:flex}
  .menu-toggle{display:block}
  .hero-grid,.about-grid,.why-grid,.contact-grid{grid-template-columns:1fr}
  .hero-photo{height:470px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-journey{grid-template-columns:1fr 1fr;gap:18px}
  .process-connector{display:none}
  .who-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .section{padding:64px 0}
  .brand img{width:202px;height:80px}
  .nav-wrap{min-height:90px}
  .main-nav{top:90px}
  .hero-copy{padding:48px 5%}
  .hero-photo{height:350px}
  .service-grid,.why-cards-four,.process-journey,.who-grid,.footer-grid{grid-template-columns:1fr}
  .service-card{grid-template-columns:84px 1px minmax(0,1fr);gap:15px;min-height:0;padding:22px 17px}
  .service-icon{width:76px;height:76px}
  .service-icon svg{width:44px;height:44px}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center}
  .footer-wrap{grid-template-columns:1fr;text-align:center}
  .footer-links{flex-wrap:wrap}
  .footer-wrap img{margin:auto}
  .legal-wrap{padding:28px}
}


/* V5.1 refined Why section */
.why-intro{max-width:640px;font-size:1.03rem;line-height:1.75;color:rgba(255,255,255,.88)}
.why-card{position:relative;padding:26px 24px 24px}
.why-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:16px;border-radius:50%;background:rgba(201,154,80,.10);border:1px solid rgba(201,154,80,.35)}
.why-icon svg{width:24px;height:24px;fill:none;stroke:var(--gold-soft);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.why-card strong{font-size:1.04rem}
.why-card span{line-height:1.62}


/* V5.2 refined How We Work section */
.process-heading{
  max-width:900px;
  margin:0 auto 46px;
}
.process-heading h2{
  font-size:clamp(2.6rem,3.8vw,3.9rem);
  margin-bottom:.18em;
}
.process-subtitle{
  margin:10px auto 0;
  max-width:700px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.7;
}
.process-card{
  min-height:330px;
  padding:30px;
}
.process-top{
  margin-bottom:28px;
}
.process-number{
  width:56px;
  height:56px;
}
.process-icon{
  width:62px;
  height:62px;
}
.process-icon svg{
  width:34px;
  height:34px;
}
.process-card h3{
  margin-bottom:14px;
}
.process-connector{
  color:rgba(201,154,80,.58);
  font-size:1.55rem;
  font-weight:700;
}
@media(max-width:1050px){
  .process-card{min-height:300px}
}
@media(max-width:650px){
  .process-card{min-height:0}
  .process-heading h2{font-size:clamp(2.3rem,10vw,3.1rem)}
}


/* V5.4 visible brand positioning */
.trusted-partner-kicker{
  display:inline-block;
  margin:0 0 14px;
  padding:8px 14px;
  border:1px solid rgba(201,154,80,.55);
  background:rgba(201,154,80,.08);
  color:var(--gold-soft);
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  width:max-content;
}
@media(max-width:650px){
  .trusted-partner-kicker{
    font-size:.76rem;
    letter-spacing:.10em;
    padding:7px 11px;
  }
}


/* V5.5 — Make "Your Trusted UK Partner" the primary brand promise */
.trusted-partner-main{
  margin:8px 0 12px;
  color:#fff;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2.8rem,4.7vw,5.2rem);
  line-height:.96;
  font-weight:700;
  letter-spacing:-.02em;
  text-transform:none;
  max-width:720px;
}
.hero-slogan{
  margin-bottom:6px;
}
.hero-bridge-support{
  margin:0 0 18px;
  color:var(--gold-soft);
  font-size:clamp(1.45rem,2.3vw,2.35rem);
  line-height:1.08;
  letter-spacing:.02em;
  text-transform:none;
  font-weight:800;
}
.hero-support-heading{
  margin:0;
  max-width:650px;
  color:#fff;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(1.25rem,1.9vw,1.8rem);
  line-height:1.35;
  font-weight:700;
}
.hero-lead{
  max-width:660px;
  margin-top:14px;
  font-size:1rem;
  line-height:1.7;
}
@media(max-width:650px){
  .trusted-partner-main{
    font-size:clamp(2.35rem,11vw,3.4rem);
  }
  .hero-bridge-support{
    font-size:1.35rem;
  }
  .hero-support-heading{
    font-size:1.1rem;
  }
}


/* V5.6 hero hierarchy balance */
.trusted-partner-main{
  max-width:680px;
  margin:8px 0 10px;
  font-size:clamp(3rem,4.8vw,5rem);
  line-height:.96;
}
.hero-bridge-support{
  margin:0 0 20px;
  font-size:clamp(1.35rem,2vw,2rem);
  line-height:1.15;
}
.hero-support-heading{
  margin:0;
  max-width:650px;
  color:#fff;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(1.15rem,1.55vw,1.65rem);
  line-height:1.35;
  font-weight:700;
  letter-spacing:.01em;
}
.hero-lead{
  max-width:650px;
  margin-top:18px;
  font-size:.98rem;
  line-height:1.7;
}
@media(max-width:650px){
  .trusted-partner-main{
    font-size:clamp(2.45rem,11vw,3.4rem);
  }
  .hero-bridge-support{
    font-size:1.28rem;
  }
  .hero-support-heading{
    font-size:1.02rem;
    line-height:1.45;
  }
}


/* V5.7 final polish */
.hero-support-heading{
  margin:0;
  max-width:620px;
  color:#fff;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(1rem,1.2vw,1.32rem);
  line-height:1.4;
  font-weight:700;
  letter-spacing:.03em;
}
.services .section-rule-title{
  margin-top:0;
}
.footer-grid > div:nth-child(2) a{
  margin:5px 0;
}
@media(max-width:650px){
  .hero-support-heading{
    font-size:.96rem;
    line-height:1.45;
  }
}


/* V5.8 — keep service descriptor on one clean line */
.hero-support-heading{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  white-space:nowrap;
  color:#fff;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(1.05rem,1.15vw,1.35rem);
  line-height:1.3;
  font-weight:700;
  letter-spacing:.015em;
}
@media(max-width:1200px){
  .hero-support-heading{
    font-size:1rem;
  }
}
@media(max-width:900px){
  .hero-support-heading{
    white-space:normal;
    font-size:1rem;
    line-height:1.4;
  }
}


/* V5.9 — corrected compact hero service line */
.hero .hero-service-line{
  margin:24px 0 0;
  padding:0;
  max-width:100%;
  color:#fff;
  font-family:Montserrat,Arial,sans-serif;
  font-size:1.18rem;
  line-height:1.45;
  font-weight:700;
  letter-spacing:.02em;
  white-space:normal;
}
@media(min-width:1100px){
  .hero .hero-service-line{
    font-size:1.22rem;
    white-space:nowrap;
  }
}
@media(max-width:1099px){
  .hero .hero-service-line{
    font-size:1.08rem;
  }
}
@media(max-width:650px){
  .hero .hero-service-line{
    margin-top:18px;
    font-size:.98rem;
    line-height:1.5;
  }
}


/* V5.10 — give the wording priority over the hero image */
@media(min-width:1100px){
  .hero{
    grid-template-columns:52% 48%;
  }

  .hero-copy{
    padding-right:54px;
  }

  .hero-media{
    position:relative;
    overflow:hidden;
  }

  .hero-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(4,24,42,.10);
    pointer-events:none;
  }

  .hero-media img{
    filter:saturate(.90) brightness(.94);
  }
}

@media(min-width:1450px){
  .hero{
    grid-template-columns:53% 47%;
  }
}

/* Keep the image supportive rather than dominant on mid-size screens */
@media(min-width:900px) and (max-width:1099px){
  .hero{
    grid-template-columns:51% 49%;
  }

  .hero-media img{
    filter:saturate(.92) brightness(.96);
  }
}


/* V5.11 — final hero typography and spacing polish */
@media(min-width:1100px){
  .hero-copy{
    transform:translateY(-18px);
  }

  .trusted-partner-main{
    font-size:clamp(3.15rem,5.05vw,5.25rem);
    line-height:.95;
    margin-bottom:12px;
  }

  .hero-bridge-support{
    margin-bottom:22px;
  }

  .hero .hero-service-line{
    margin-top:26px;
  }

  .hero-lead{
    font-size:1.04rem;
    line-height:1.72;
    max-width:660px;
    margin-top:20px;
  }
}

@media(min-width:1450px){
  .trusted-partner-main{
    font-size:clamp(3.25rem,5.15vw,5.45rem);
  }
}

@media(max-width:1099px){
  .hero-copy{
    transform:none;
  }
}


/* V5.12 — final hero headline + service wording */
@media(min-width:1400px){
  /* Keep the core proposition on one line on wide desktop screens */
  .trusted-partner-main{
    font-size:clamp(3rem,3.55vw,4.45rem);
    line-height:1;
    white-space:nowrap;
    letter-spacing:-0.025em;
    max-width:none;
  }

  .hero .hero-service-line{
    white-space:nowrap;
    font-size:clamp(.96rem,1.02vw,1.15rem);
    letter-spacing:.005em;
  }
}

/* On smaller screens allow natural wrapping rather than shrinking excessively */
@media(max-width:1399px){
  .trusted-partner-main,
  .hero .hero-service-line{
    white-space:normal;
  }
}


/* V5.16 — project conversation CTA beneath services */
.services-cta{
  max-width:920px;
  margin:46px auto 0;
  padding:30px 34px 32px;
  text-align:center;
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 12px 30px rgba(6,29,52,.06);
}
.services-cta-eyebrow{
  margin:0 0 9px;
  color:var(--ink);
  font-size:1.28rem;
  line-height:1.35;
  font-weight:800;
}
.services-cta-copy{
  max-width:700px;
  margin:0 auto 20px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.65;
}
.services-cta-button{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:220px;
}
@media(max-width:650px){
  .services-cta{
    margin-top:32px;
    padding:24px 20px 26px;
  }
  .services-cta-eyebrow{
    font-size:1.12rem;
  }
  .services-cta-copy{
    font-size:.95rem;
  }
}


/* V5.17 — make the services CTA unmistakably visible */
.services-cta{
  max-width:1180px;
  margin:28px auto 0;
  padding:28px 34px 30px;
  text-align:center;
  background:var(--navy);
  border:1px solid rgba(201,154,80,.45);
  border-radius:18px;
  box-shadow:0 14px 32px rgba(6,29,52,.12);
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}
.services-cta-label{
  display:block;
  margin-bottom:8px;
  color:var(--gold-soft);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.16em;
}
.services-cta-eyebrow{
  margin:0 0 8px;
  color:#fff;
  font-size:1.45rem;
  line-height:1.3;
  font-weight:800;
}
.services-cta-copy{
  max-width:760px;
  margin:0 auto 18px;
  color:rgba(255,255,255,.82);
  font-size:1rem;
  line-height:1.65;
}
.services-cta-button{
  display:inline-flex;
  min-width:230px;
}
@media(max-width:650px){
  .services-cta{
    margin-top:24px;
    padding:24px 20px 26px;
  }
  .services-cta-eyebrow{
    font-size:1.2rem;
  }
}


/* V5.18 — Your UK Partner section refinement */
.about-trusted-close{
  margin:26px 0 0;
  max-width:860px;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.6;
  font-weight:800;
}
.about-trust-strip{
  margin-top:18px;
  color:var(--gold);
  font-size:.82rem;
  line-height:1.4;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
@media(max-width:650px){
  .about-trusted-close{
    margin-top:20px;
    font-size:1rem;
  }
  .about-trust-strip{
    font-size:.74rem;
    letter-spacing:.08em;
  }
}


/* V5.19 — Client-focused Your UK Partner hierarchy */
#about .about-client-intro{
  margin:22px 0 0;
  max-width:900px;
  color:var(--ink);
  font-size:1.12rem;
  line-height:1.55;
  font-weight:800;
}
#about .about-body-copy{
  margin:22px 0 0;
  max-width:900px;
  color:var(--ink);
  font-size:1.04rem;
  line-height:1.68;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
}
#about .about-trusted-close{
  margin:26px 0 0;
  max-width:900px;
  color:var(--ink);
  font-size:1.06rem;
  line-height:1.58;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
}
#about .about-trust-strip{
  margin-top:20px;
  color:var(--gold);
  font-size:.78rem;
  line-height:1.45;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
@media(max-width:650px){
  #about .about-client-intro{font-size:1.04rem;margin-top:18px}
  #about .about-body-copy{font-size:1rem;line-height:1.62;margin-top:18px}
  #about .about-trusted-close{font-size:1rem;margin-top:22px}
  #about .about-trust-strip{font-size:.72rem;letter-spacing:.07em;margin-top:16px}
}


/* V5.20 — Restore partner hierarchy */
#about .about-partner-eyebrow{
  margin:0 0 14px;
  color:var(--gold);
  font-size:.84rem;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#about .about-role{
  margin:14px 0 0;
  color:var(--gold);
  font-size:1rem;
  line-height:1.35;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
@media(max-width:650px){
  #about .about-partner-eyebrow{font-size:.76rem;margin-bottom:10px}
  #about .about-role{font-size:.9rem;margin-top:10px}
}


/* V5.21 — About section colour hierarchy
   Gold ONLY on:
   1. Your UK Partner
   2. Trusted UK partner statement
   3. UK Knowledge • Turkish Understanding • Practical Experience
*/
#about .about-partner-eyebrow,
#about .eyebrow.about-partner-eyebrow{
  color:var(--gold) !important;
}

#about .about-role{
  color:var(--ink) !important;
}

#about .about-client-intro{
  color:var(--gold) !important;
}

#about .about-body-copy{
  color:var(--ink) !important;
  font-weight:400 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

#about .about-trusted-close{
  color:var(--ink) !important;
}

#about .about-trust-strip{
  color:var(--gold) !important;
}

/* V5.30 — Contact form refinement */
.contact-reassurance{
  margin:14px 0 0;
  text-align:center;
  color:rgba(255,255,255,.72);
  font-size:.80rem;
  line-height:1.5;
}

/* V5.32 — Make the services CTA conversion button clearly visible */
.services-cta .services-cta-button,
.services-cta .btn.btn-gold{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:230px;
  min-height:52px;
  padding:0 24px;
  background:var(--gold) !important;
  color:var(--navy) !important;
  border:1px solid var(--gold) !important;
  border-radius:0;
  text-decoration:none !important;
  font-weight:800;
  opacity:1 !important;
  visibility:visible !important;
}
.services-cta .services-cta-button:hover,
.services-cta .btn.btn-gold:hover{
  background:var(--gold-soft) !important;
  border-color:var(--gold-soft) !important;
  color:var(--navy) !important;
  transform:translateY(-2px);
}


/* V5.35 — lighter Why / interests section only */
#why {
  background: #12304A !important;
}
#why .why-card,
#why .benefit-card,
#why .feature-card {
  background: #1B3B56 !important;
}


/* V5.36 — match the Interests section with the website's light content sections */
#why {
  background: #FBF8F2 !important;
  color: #08233F !important;
}
#why h2,
#why p {
  color: #08233F !important;
}
#why .why-card,
#why .benefit-card,
#why .feature-card {
  background: #FFFFFF !important;
  border-color: #E7D6B8 !important;
}
#why .why-card h3,
#why .benefit-card h3,
#why .feature-card h3 {
  color: #08233F !important;
}
#why .why-card p,
#why .benefit-card p,
#why .feature-card p {
  color: #647386 !important;
}


/* V5.37 — restore visible body wording inside the four Interests cards */
#why .why-card p,
#why .benefit-card p,
#why .feature-card p,
#why .why-card .card-text,
#why .benefit-card .card-text,
#why .feature-card .card-text {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #647386 !important;
}


/* V5.38 — FIX: descriptive card text is stored in <span>, not <p> */
#why .why-card span {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #647386 !important;
  font-size: .92rem !important;
  line-height: 1.62 !important;
  margin-top: 4px !important;
}
#why .why-card strong {
  color: #08233F !important;
}

/* V5.39 — stronger icon visibility while keeping the light section */
#why .why-card .why-icon,
#why .why-card .icon,
#why .why-card [class*="icon"] {
  background: #F3E7D1 !important;
  border-color: #D2A458 !important;
  color: #B98535 !important;
}
#why .why-card .why-icon svg,
#why .why-card .icon svg,
#why .why-card [class*="icon"] svg {
  stroke: #B98535 !important;
  color: #B98535 !important;
  opacity: 1 !important;
}


/* V5.41 — visually separate adjacent Interests and Journey sections */
.interests-section {
  background: #f4f1eb !important;
  position: relative;
  border-bottom: 1px solid rgba(201, 155, 83, 0.28);
}
.interests-section::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  width: 84px;
  height: 2px;
  background: #c99b53;
  opacity: 0.72;
}
#process,
#how-we-work {
  background: #fbf8f2 !important;
}


/* V5.42 — premium Interests feature layout */
.interests-section .why-grid,
#why .why-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  background: transparent !important;
}

#why .interests-feature {
  display: grid !important;
  grid-template-columns: 70px 1fr !important;
  column-gap: 20px !important;
  align-items: start !important;
  min-height: 150px !important;
  padding: 28px 30px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative !important;
}

#why .interests-feature:nth-child(odd) {
  border-right: 1px solid rgba(201,155,83,.28) !important;
}
#why .interests-feature:nth-child(-n+2) {
  border-bottom: 1px solid rgba(201,155,83,.28) !important;
}

#why .interests-feature .why-icon,
#why .interests-feature .icon,
#why .interests-feature [class*="icon"] {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  border-radius: 50% !important;
  background: #08233F !important;
  border: 1px solid #C99B53 !important;
  color: #D5A85E !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
}

#why .interests-feature .why-icon svg,
#why .interests-feature .icon svg,
#why .interests-feature [class*="icon"] svg {
  stroke: #D5A85E !important;
  color: #D5A85E !important;
  opacity: 1 !important;
}

#why .interests-feature strong,
#why .interests-feature h3 {
  color: #08233F !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
  margin: 2px 0 8px !important;
  align-self: end !important;
}

#why .interests-feature span,
#why .interests-feature p {
  color: #647386 !important;
  font-size: .95rem !important;
  line-height: 1.58 !important;
  margin: 0 !important;
  max-width: 30ch !important;
}

@media (max-width: 900px) {
  .interests-section .why-grid,
  #why .why-grid {
    grid-template-columns: 1fr !important;
  }
  #why .interests-feature {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(201,155,83,.28) !important;
  }
  #why .interests-feature:last-child {
    border-bottom: 0 !important;
  }
}


/* V5.43 — DISTINCT alternative for "Your Interests" items
   Small gold rounded-square icon tiles + open horizontal rows.
   Deliberately avoids circles and card boxes. */
#why .why-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px 46px !important;
  background: transparent !important;
}

#why .interests-feature {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 20px !important;
  row-gap: 7px !important;
  align-items: start !important;
  min-height: 128px !important;
  padding: 18px 0 24px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(201,155,83,.34) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#why .interests-feature .why-icon,
#why .interests-feature .icon,
#why .interests-feature [class*="icon"] {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  background: #F1E2C6 !important;
  border: 1px solid #D4A85E !important;
  box-shadow: 0 8px 20px rgba(8,35,63,.07) !important;
  color: #08233F !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#why .interests-feature .why-icon svg,
#why .interests-feature .icon svg,
#why .interests-feature [class*="icon"] svg {
  stroke: #08233F !important;
  color: #08233F !important;
  opacity: 1 !important;
  width: 25px !important;
  height: 25px !important;
}

#why .interests-feature strong,
#why .interests-feature h3 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  color: #08233F !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
  margin: 2px 0 0 !important;
  align-self: start !important;
}

#why .interests-feature span,
#why .interests-feature p {
  grid-column: 2 !important;
  grid-row: 2 !important;
  color: #66778A !important;
  font-size: .96rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: 34ch !important;
}

/* Kill older cross-divider treatment */
#why .interests-feature:nth-child(odd),
#why .interests-feature:nth-child(-n+2) {
  border-right: 0 !important;
}

@media (max-width: 900px) {
  #why .why-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  #why .interests-feature {
    grid-template-columns: 60px minmax(0,1fr) !important;
    padding: 18px 0 22px !important;
  }
}


/* Bridge to England V5.44 wordmark */
.brand-wordmark{
  display:flex;flex-direction:column;justify-content:center;text-decoration:none;
  min-width:250px;line-height:1.05
}
.brand-main{
  font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;font-weight:700;
  letter-spacing:.08em;color:#10233f;white-space:nowrap
}
.brand-sub{
  margin-top:7px;font-size:.61rem;font-weight:700;letter-spacing:.20em;
  color:#a9823d;white-space:nowrap
}
.footer-wordmark{display:inline-flex;flex-direction:column;text-decoration:none;line-height:1.05}
.footer-brand-main{
  font-family:Georgia,"Times New Roman",serif;font-size:1.22rem;font-weight:700;
  letter-spacing:.08em;color:#fff;white-space:nowrap
}
.footer-brand-sub{
  margin-top:7px;font-size:.56rem;font-weight:700;letter-spacing:.18em;
  color:#d8bd7b;white-space:nowrap
}
@media(max-width:760px){
  .brand-wordmark{min-width:0}
  .brand-main{font-size:1.08rem;letter-spacing:.055em}
  .brand-sub{font-size:.50rem;letter-spacing:.13em;margin-top:5px}
}
