/* ---- Service page additions ---- */
  .breadcrumb{
    display:flex; align-items:center; gap:8px;
    font-family:'Tajawal', sans-serif; font-size:0.85rem; color:var(--ink-500);
    margin-bottom:26px;
  }
  .breadcrumb a{color:var(--ink-500);}
  .breadcrumb a:hover{color:var(--orange-500);}
  .breadcrumb .sep{opacity:.5;}
  .breadcrumb .current{color:var(--ink-100); font-weight:600;}

  .page-hero{
    padding:150px 0 90px;
    position:relative;
    background:
      radial-gradient(ellipse 900px 500px at 80% 0%, rgba(62,124,184,0.10), transparent 60%),
      radial-gradient(ellipse 700px 500px at 10% 10%, rgba(232,134,60,0.10), transparent 55%),
      var(--navy-900);
    border-bottom:1px solid var(--line);
  }
  .page-hero .inner{max-width:760px;}
  .page-hero .service-icon{
    width:74px; height:74px; margin-bottom:28px;
    display:flex; align-items:center; justify-content:center; font-size:1.8rem;
  }
  .page-hero h1{
    font-size:clamp(2.3rem, 4.2vw, 3.4rem); font-weight:700; line-height:1.22; margin-bottom:20px;
  }
  .page-hero .lead{font-size:1.08rem; color:var(--ink-300); max-width:600px; margin-bottom:34px;}
  .page-hero .cta-row{display:flex; gap:16px; flex-wrap:wrap;}

  .feature-list{display:flex; flex-direction:column;}
  .feature-item{
    display:flex; gap:22px; padding:28px 0;
    border-bottom:1px solid var(--line);
  }
  .feature-item:first-child{padding-top:0;}
  .feature-item:last-child{border-bottom:none;}
  .feature-item .mark{
    flex:none; width:42px; height:42px;
    clip-path:polygon(26% 0%, 74% 0%, 100% 50%, 74% 100%, 26% 100%, 0% 50%);
    background:linear-gradient(135deg, var(--orange-500), var(--blue-500));
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:1rem;
  }
  .feature-item h4{font-size:1.1rem; font-weight:700; margin-bottom:6px;}
  .feature-item p{font-size:0.94rem; color:var(--ink-500); max-width:560px;}

  .story-block{
    background:linear-gradient(150deg, #ffffff, var(--navy-700));
    border:1px solid var(--line); border-radius:28px;
    padding:56px; box-shadow:var(--shadow);
  }
  .story-block .quote{
    font-family:'Lalezar', sans-serif; font-weight:400;
    font-size:clamp(1.4rem, 2.6vw, 1.9rem); line-height:1.6;
    background:linear-gradient(100deg, var(--orange-500), var(--blue-500));
    -webkit-background-clip:text; background-clip:text; color:transparent;
    margin-bottom:22px;
  }
  .story-block p{color:var(--ink-300); font-size:1rem; margin-bottom:14px;}
  .story-block p:last-child{margin-bottom:0;}

  .process.cols-3{grid-template-columns:repeat(3,1fr);}
  .process.cols-3::before{right:16%; left:16%;}

  .related-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .related-card{
    background:linear-gradient(160deg, #ffffff, var(--navy-700));
    border:1px solid var(--line); border-radius:20px; padding:30px 26px;
    box-shadow:var(--shadow); transition:transform .3s ease, border-color .3s ease;
  }
  .related-card:hover{transform:translateY(-5px); border-color:rgba(232,134,60,0.35);}
  .related-card .mark{
    width:48px; height:48px; margin-bottom:18px;
    clip-path:polygon(26% 0%, 74% 0%, 100% 50%, 74% 100%, 26% 100%, 0% 50%);
    background:linear-gradient(145deg, var(--navy-700), var(--navy-800));
    display:flex; align-items:center; justify-content:center; font-size:1.2rem;
    border:1px solid var(--line);
  }
  .related-card h4{font-size:1.02rem; font-weight:700; margin-bottom:8px;}
  .related-card p{font-size:0.88rem; color:var(--ink-500); margin-bottom:14px;}
  .related-card a.more{font-size:0.85rem; font-weight:600; color:var(--orange-500);}
  .related-card a.more:hover{color:var(--blue-500);}

  .service-more{
    display:inline-flex; align-items:center; gap:6px;
    font-size:0.88rem; font-weight:600; color:var(--orange-500); margin-top:16px;
  }
  .service-more:hover{color:var(--blue-500);}

  @media (max-width:960px){
    .related-grid{grid-template-columns:1fr;}
    .process.cols-3{grid-template-columns:1fr 1fr;}
    .story-block{padding:36px 26px;}
  }
  @media (max-width:600px){
    .process.cols-3{grid-template-columns:1fr;}
    .page-hero{padding:130px 0 60px;}
  }