/* Service-process timeline. It intentionally loads after the global readability
   layers so the dedicated page keeps one consistent visual system. */
.process-centre-page .conversion-process-list{
  --process-ink:#073f52;
  --process-copy:#61747c;
  --process-gold:#bd8724;
  --process-gold-soft:#f4dfad;
  margin-top:34px;
  display:block;
}

.process-centre-page .conversion-process-steps{
  position:relative;
  display:grid;
  gap:14px;
}

.process-centre-page .conversion-process-steps::before{
  content:"";
  position:absolute;
  z-index:0;
  top:53px;
  bottom:53px;
  left:45px;
  width:2px;
  background:linear-gradient(180deg,#0a5366 0%,#0a5366 88%,rgba(10,83,102,.22) 100%);
}

.process-centre-page .conversion-process-step{
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:18px!important;
  position:relative;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

.process-centre-page .conversion-process-step::after{
  content:"";
  position:absolute;
  z-index:0;
  top:50%;
  left:46px;
  width:55px;
  height:1px;
  background:#d4aa50;
}

.process-centre-page .conversion-step-rail{
  min-height:132px;
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
}

.process-centre-page .conversion-step-rail::after{
  content:"";
  position:absolute;
  right:-14px;
  top:50%;
  width:9px;
  height:9px;
  transform:translateY(-50%);
  border:3px solid #fff;
  border-radius:50%;
  background:#c69335;
  box-shadow:0 0 0 1px rgba(198,147,53,.2);
}

.process-centre-page .conversion-step-rail i{
  width:72px;
  height:72px;
  margin:0;
  display:grid;
  place-items:center;
  position:relative;
  z-index:2;
  border:2px solid #e0b75e;
  border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#126a79 0%,#07485b 52%,#063746 100%);
  box-shadow:0 7px 16px rgba(4,52,67,.18),inset 0 0 0 3px rgba(255,255,255,.12);
  color:#fff!important;
  font:italic 29px/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:-1px;
}

.process-centre-page .conversion-step-card{
  min-height:132px;
  padding:21px 28px;
  display:grid;
  grid-template-columns:82px minmax(0,1fr) minmax(270px,.55fr);
  align-items:center;
  gap:24px;
  position:relative;
  z-index:1;
  overflow:hidden;
  border:1px solid #e8ddca;
  border-radius:14px;
  background:linear-gradient(112deg,#fff 0%,#fff 68%,#fffdf8 100%);
  box-shadow:0 10px 28px rgba(31,65,72,.06);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}

.process-centre-page .conversion-step-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,rgba(221,177,81,.08),rgba(221,177,81,.55),rgba(221,177,81,.08));
  opacity:0;
  transition:opacity .22s ease;
}

.process-centre-page .conversion-process-step:hover .conversion-step-card{
  transform:translateY(-2px);
  border-color:#ddc897;
  box-shadow:0 16px 36px rgba(31,65,72,.095);
}

.process-centre-page .conversion-process-step:hover .conversion-step-card::before{opacity:1}

.process-centre-page .conversion-step-icon{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:1px solid rgba(190,142,49,.13);
  border-radius:17px;
  background:linear-gradient(145deg,#fbf7ef,#f3eee5);
  color:#08475a;
}

.process-centre-page .conversion-step-icon svg{
  width:42px;
  height:42px;
  filter:drop-shadow(0 3px 4px rgba(7,64,81,.08));
}

.process-centre-page .conversion-step-copy{min-width:0}

.process-centre-page .conversion-step-copy h2{
  margin:0!important;
  color:var(--process-ink)!important;
  font:600 26px/1.35 Georgia,"Noto Serif SC","Songti SC",serif!important;
  letter-spacing:.02em;
}

.process-centre-page .conversion-step-copy p{
  max-width:590px;
  margin:7px 0 0!important;
  color:var(--process-copy)!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}

.process-centre-page .conversion-step-output{
  min-width:0;
  min-height:76px;
  padding-left:32px;
  display:flex;
  align-items:center;
  border-left:1px dashed #decfae;
}

.process-centre-page .conversion-step-output>span{
  min-height:42px;
  max-width:100%;
  padding:8px 16px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid #e9c978;
  border-radius:999px;
  background:#fffdf7;
  color:#a87518;
}

.process-centre-page .conversion-step-output svg{
  width:21px;
  height:21px;
  flex:0 0 auto;
}

.process-centre-page .conversion-step-output strong{
  min-width:0;
  color:#9a6a14!important;
  font-size:13.5px!important;
  font-weight:750;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}

.process-centre-page .conversion-page-cta{
  padding:30px 34px;
  border:1px solid rgba(225,184,92,.2);
  border-radius:15px;
  background:radial-gradient(circle at 12% 20%,rgba(228,190,101,.13),transparent 28%),linear-gradient(135deg,#07394b,#064d5e);
  box-shadow:0 14px 34px rgba(4,49,64,.13);
}

.process-centre-page .conversion-page-cta h2{
  font:600 27px/1.35 Georgia,"Noto Serif SC","Songti SC",serif;
  letter-spacing:.02em;
}

.process-centre-page .conversion-page-cta>a{
  min-width:218px;
  min-height:52px;
  justify-content:center;
  border:1px solid #f0cf80;
  border-radius:8px;
  background:linear-gradient(135deg,#f5d78d,#dca842);
  box-shadow:0 8px 20px rgba(0,25,35,.16);
}

@media(max-width:1050px){
  .process-centre-page .conversion-step-card{
    grid-template-columns:72px minmax(0,1fr) minmax(230px,.62fr);
    gap:19px;
    padding:20px 22px;
  }
  .process-centre-page .conversion-step-icon{width:64px;height:64px}
  .process-centre-page .conversion-step-icon svg{width:37px;height:37px}
  .process-centre-page .conversion-step-output{padding-left:22px}
}

@media(max-width:800px){
  .process-centre-page .conversion-process-list{margin-top:22px}
  .process-centre-page .conversion-process-steps{gap:12px}
  .process-centre-page .conversion-process-steps::before{top:38px;bottom:38px;left:26px;width:1.5px}
  .process-centre-page .conversion-process-step{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .process-centre-page .conversion-process-step::after{left:26px;width:38px}
  .process-centre-page .conversion-step-rail{min-height:0}
  .process-centre-page .conversion-step-rail::after{display:none}
  .process-centre-page .conversion-step-rail i{
    width:52px;
    height:52px;
    border-width:1.5px;
    font-size:21px!important;
  }
  .process-centre-page .conversion-step-card{
    min-height:0;
    padding:18px 16px;
    grid-template-columns:52px minmax(0,1fr);
    align-items:start;
    gap:6px 14px;
    border-radius:12px;
  }
  .process-centre-page .conversion-step-icon{
    width:50px;
    height:50px;
    border-radius:13px;
  }
  .process-centre-page .conversion-step-icon svg{width:30px;height:30px}
  .process-centre-page .conversion-step-copy h2{font-size:21px!important;line-height:1.4!important}
  .process-centre-page .conversion-step-copy p{margin-top:5px!important;font-size:14.5px!important;line-height:1.72!important}
  .process-centre-page .conversion-step-output{
    min-height:0;
    padding:12px 0 0;
    grid-column:2;
    border-top:1px dashed #decfae;
    border-left:0;
  }
  .process-centre-page .conversion-step-output>span{
    min-height:38px;
    padding:7px 12px;
    gap:8px;
    border-radius:10px;
  }
  .process-centre-page .conversion-step-output svg{width:18px;height:18px}
  .process-centre-page .conversion-step-output strong{font-size:13px!important}
  .process-centre-page .conversion-process-step:hover .conversion-step-card{transform:none}
  .process-centre-page .conversion-page-cta{padding:25px 20px}
  .process-centre-page .conversion-page-cta h2{font-size:23px}
  .process-centre-page .conversion-page-cta>a{width:100%;min-width:0}
}

@media(max-width:430px){
  .process-centre-page .conversion-process-steps::before{left:23px}
  .process-centre-page .conversion-process-step{grid-template-columns:47px minmax(0,1fr)!important;gap:8px!important}
  .process-centre-page .conversion-process-step::after{left:23px;width:32px}
  .process-centre-page .conversion-step-rail i{width:46px;height:46px;font-size:19px!important}
  .process-centre-page .conversion-step-card{padding:16px 13px;grid-template-columns:44px minmax(0,1fr);gap:6px 11px}
  .process-centre-page .conversion-step-icon{width:44px;height:44px;border-radius:11px}
  .process-centre-page .conversion-step-icon svg{width:27px;height:27px}
  .process-centre-page .conversion-step-copy h2{font-size:19px!important}
  .process-centre-page .conversion-step-copy p{font-size:14px!important}
}

@media(prefers-reduced-motion:reduce){
  .process-centre-page .conversion-step-card{transition:none}
}


/* Unified process follow-through: evidence, FAQ and final consultation. */
.process-centre-page .conversion-process-list{
  margin-bottom:0!important;
  padding-bottom:30px;
}

.process-centre-page .conversion-process-steps::before{
  bottom:-30px;
}

.process-centre-page .conversion-deliverables{
  position:relative;
  margin-top:0!important;
  padding:0 28px 30px!important;
  overflow:visible;
  border:1px solid #e7d8ba!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff9ed 0%,#fffdf8 42%,#fff 100%)!important;
  box-shadow:0 14px 34px rgba(22,61,69,.075)!important;
}

.process-centre-page .conversion-deliverables::before{
  content:"";
  position:absolute;
  z-index:4;
  top:-9px;
  left:38px;
  width:14px;
  height:14px;
  border:3px solid #fff;
  border-radius:50%;
  background:#c89435;
  box-shadow:0 0 0 1px rgba(200,148,53,.22),0 4px 10px rgba(7,63,82,.13);
}

.process-centre-page .conversion-deliverables>header{
  min-height:124px;
  margin:0 -28px 26px!important;
  padding:28px 34px 26px 86px!important;
  display:block!important;
  position:relative;
  overflow:hidden;
  border:0!important;
  border-radius:15px 15px 0 0;
  background:
    radial-gradient(circle at 91% 15%,rgba(237,202,119,.15),transparent 25%),
    linear-gradient(135deg,#07394b 0%,#075267 100%)!important;
}

.process-centre-page .conversion-deliverables>header::before{
  content:"✓";
  position:absolute;
  top:30px;
  left:30px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(239,204,122,.72);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.035);
  color:#f1ca70;
  font:700 20px/1 Georgia,serif;
}

.process-centre-page .conversion-deliverables>header::after{
  content:"";
  position:absolute;
  right:34px;
  bottom:0;
  left:86px;
  height:1px;
  background:linear-gradient(90deg,rgba(239,204,122,.55),rgba(239,204,122,0));
}

.process-centre-page .conversion-deliverables>header>p{
  margin:0 0 7px!important;
  color:#efc769!important;
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.18em!important;
}

.process-centre-page .conversion-deliverables>header>h2{
  margin:0!important;
  color:#fff!important;
  font:600 30px/1.35 Georgia,"Noto Serif SC","Songti SC",serif!important;
  letter-spacing:.025em!important;
}

.process-centre-page .conversion-deliverables>div{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

.process-centre-page .conversion-deliverables>div>article{
  min-width:0;
  min-height:198px!important;
  padding:24px 20px 22px!important;
  display:block!important;
  position:relative;
  overflow:visible;
  border:1px solid #eadfc9!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 7px 18px rgba(25,59,65,.055)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.process-centre-page .conversion-deliverables>div>article::before{
  content:"";
  position:absolute;
  top:-1px;
  right:19px;
  left:19px;
  height:3px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,#d5a344,#efd89e,#d5a344);
  opacity:.72;
}

.process-centre-page .conversion-deliverables>div>article:hover{
  transform:translateY(-3px);
  border-color:#dcc48d!important;
  box-shadow:0 13px 28px rgba(25,59,65,.09)!important;
}

.process-centre-page .conversion-deliverables>div>article>b{
  width:38px;
  height:27px;
  margin:0 0 18px!important;
  display:inline-grid!important;
  place-items:center;
  border:1px solid #e8ca83;
  border-radius:999px;
  background:#fffaf0;
  color:#b77c12!important;
  font:italic 16px/1 Georgia,"Times New Roman",serif!important;
}

.process-centre-page .conversion-deliverables>div>article>h3{
  margin:0 0 8px!important;
  color:#073f52!important;
  font:600 18px/1.45 Georgia,"Noto Serif SC","Songti SC",serif!important;
  letter-spacing:.02em!important;
}

.process-centre-page .conversion-deliverables>div>article>p{
  margin:0!important;
  color:#61747c!important;
  font-size:14.5px!important;
  line-height:1.82!important;
}

.process-centre-page .conversion-faq{
  position:relative;
  margin-top:22px!important;
  padding:30px 32px 32px!important;
  border:1px solid #e7d8ba!important;
  border-radius:16px!important;
  background:
    linear-gradient(135deg,rgba(255,249,237,.82),rgba(255,255,255,.98) 52%),
    #fff!important;
  box-shadow:0 14px 34px rgba(22,61,69,.065)!important;
}

.process-centre-page .conversion-faq::before{
  content:"";
  position:absolute;
  top:0;
  right:32px;
  left:32px;
  height:3px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,transparent,#d8a94f 20%,#efdaa2 50%,#d8a94f 80%,transparent);
}

.process-centre-page .conversion-faq>header{
  margin:0 0 22px!important;
  padding:4px 0 20px!important;
  display:block!important;
  border:0!important;
  border-bottom:1px solid #eadfc9!important;
}

.process-centre-page .conversion-faq>header>p{
  margin:0 0 7px!important;
  color:#bd8724!important;
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.18em!important;
}

.process-centre-page .conversion-faq>header>h2{
  margin:0!important;
  color:#073f52!important;
  font:600 29px/1.4 Georgia,"Noto Serif SC","Songti SC",serif!important;
  letter-spacing:.025em!important;
}

.process-centre-page .conversion-faq>div{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  border:0!important;
}

.process-centre-page .conversion-faq details{
  min-width:0;
  margin:0!important;
  overflow:hidden;
  border:1px solid #eadfc9!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 5px 15px rgba(25,59,65,.045)!important;
}

.process-centre-page .conversion-faq details[open]{
  border-color:#dec48a!important;
  box-shadow:0 9px 22px rgba(25,59,65,.075)!important;
}

.process-centre-page .conversion-faq summary{
  min-height:72px;
  padding:15px 17px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:11px!important;
  border:0!important;
  color:#123f4d!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.55!important;
  cursor:pointer;
  list-style:none;
}

.process-centre-page .conversion-faq summary::-webkit-details-marker{display:none}

.process-centre-page .conversion-faq summary>span{
  width:34px;
  height:34px;
  display:grid!important;
  place-items:center;
  border:1px solid #e7c675;
  border-radius:50%;
  background:#fffaf0;
  color:#b77c12!important;
  font:italic 13px/1 Georgia,"Times New Roman",serif!important;
}

.process-centre-page .conversion-faq summary>b{
  width:28px;
  height:28px;
  display:grid!important;
  place-items:center;
  justify-self:end;
  border:1px solid #d9c7a3;
  border-radius:50%;
  background:#fff;
  color:#0a5366!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1!important;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}

.process-centre-page .conversion-faq details[open] summary>b{
  transform:rotate(45deg);
  border-color:#cda451;
  background:#0a5366;
  color:#fff!important;
}

.process-centre-page .conversion-faq details>p{
  margin:0!important;
  padding:16px 20px 19px 68px!important;
  border-top:1px dashed #dfd0b3!important;
  color:#61747c!important;
  font-size:14.5px!important;
  line-height:1.82!important;
}

.process-centre-page .conversion-page-cta{
  margin-top:22px!important;
}

@media(min-width:1051px){
  .process-centre-page .conversion-deliverables>div>article:not(:last-child)::after{
    content:"›";
    position:absolute;
    z-index:2;
    top:50%;
    right:-21px;
    width:27px;
    height:27px;
    transform:translateY(-50%);
    display:grid;
    place-items:center;
    border:1px solid #e6c675;
    border-radius:50%;
    background:#fffaf0;
    box-shadow:0 4px 9px rgba(25,59,65,.06);
    color:#b77c12;
    font:600 19px/1 Georgia,serif;
  }
}

@media(max-width:1050px){
  .process-centre-page .conversion-deliverables>div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .process-centre-page .conversion-deliverables>div>article{
    min-height:174px!important;
  }
}

@media(max-width:800px){
  .process-centre-page .conversion-process-list{padding-bottom:24px}
  .process-centre-page .conversion-process-steps::before{bottom:-24px}
  .process-centre-page .conversion-deliverables{
    padding:0 16px 18px!important;
    border-radius:14px!important;
  }
  .process-centre-page .conversion-deliverables::before{
    left:19px;
    width:13px;
    height:13px;
  }
  .process-centre-page .conversion-deliverables>header{
    min-height:0;
    margin:0 -16px 16px!important;
    padding:23px 18px 22px 66px!important;
    border-radius:13px 13px 0 0;
  }
  .process-centre-page .conversion-deliverables>header::before{
    top:24px;
    left:18px;
    width:34px;
    height:34px;
    font-size:17px;
  }
  .process-centre-page .conversion-deliverables>header::after{
    right:18px;
    left:66px;
  }
  .process-centre-page .conversion-deliverables>header>p{
    margin-bottom:6px!important;
    font-size:10.5px!important;
    letter-spacing:.14em!important;
  }
  .process-centre-page .conversion-deliverables>header>h2{
    font-size:23px!important;
    line-height:1.45!important;
  }
  .process-centre-page .conversion-deliverables>div{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .process-centre-page .conversion-deliverables>div>article{
    min-height:0!important;
    padding:19px 17px 18px 64px!important;
  }
  .process-centre-page .conversion-deliverables>div>article::before{
    top:17px;
    right:auto;
    bottom:17px;
    left:0;
    width:3px;
    height:auto;
    border-radius:0 4px 4px 0;
  }
  .process-centre-page .conversion-deliverables>div>article>b{
    position:absolute;
    top:18px;
    left:16px;
    width:34px;
    height:27px;
    margin:0!important;
  }
  .process-centre-page .conversion-deliverables>div>article>h3{
    margin-bottom:5px!important;
    font-size:17px!important;
  }
  .process-centre-page .conversion-deliverables>div>article>p{
    font-size:14px!important;
    line-height:1.75!important;
  }
  .process-centre-page .conversion-faq{
    margin-top:16px!important;
    padding:24px 16px 18px!important;
    border-radius:14px!important;
  }
  .process-centre-page .conversion-faq::before{
    right:18px;
    left:18px;
  }
  .process-centre-page .conversion-faq>header{
    margin-bottom:16px!important;
    padding-bottom:16px!important;
  }
  .process-centre-page .conversion-faq>header>p{
    font-size:10.5px!important;
    letter-spacing:.14em!important;
  }
  .process-centre-page .conversion-faq>header>h2{
    font-size:23px!important;
  }
  .process-centre-page .conversion-faq>div{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .process-centre-page .conversion-faq summary{
    min-height:64px;
    padding:13px 13px!important;
    grid-template-columns:34px minmax(0,1fr) 28px!important;
    gap:9px!important;
    font-size:14px!important;
  }
  .process-centre-page .conversion-faq summary>span{
    width:30px;
    height:30px;
    font-size:12px!important;
  }
  .process-centre-page .conversion-faq summary>b{
    width:27px;
    height:27px;
  }
  .process-centre-page .conversion-faq details>p{
    padding:14px 15px 16px 56px!important;
    font-size:14px!important;
    line-height:1.75!important;
  }
  .process-centre-page .conversion-page-cta{margin-top:16px!important}
}

@media(max-width:430px){
  .process-centre-page .conversion-deliverables>header{
    padding-left:61px!important;
  }
  .process-centre-page .conversion-deliverables>header::after{left:61px}
  .process-centre-page .conversion-deliverables>header>h2{font-size:21px!important}
  .process-centre-page .conversion-faq>header>h2{font-size:21px!important}
}

@media(prefers-reduced-motion:reduce){
  .process-centre-page .conversion-deliverables>div>article,
  .process-centre-page .conversion-faq summary>b{transition:none}
}