:root{
      --bg:#f6f8fc;
      --white:#ffffff;
      --text:#111827;
      --muted:#6b7280;
      --line:#e7ecf4;
      --blue:#256fdc;
      --blue-2:#0f4fac;
      --blue-dark:#102b46;
      --blue-soft:#eaf2ff;
      --gold:#c79a3c;
      --gold-soft:#fff3d8;
      --shadow:0 24px 70px rgba(16,43,70,.10);
      --shadow-soft:0 14px 40px rgba(16,43,70,.08);
      --radius-xl:34px;
      --radius-lg:26px;
      --radius-md:18px;
      --max:1280px;
      --font-display:"LAXR",system-ui,sans-serif;
      --font-subtitle:"DG Sahabah","BigVesta",system-ui,sans-serif;
      --font-body:"BigVesta",system-ui,sans-serif;
    }

    *{box-sizing:border-box}

    html{scroll-behavior:smooth}

    body{
      margin:0;
      /* Previous site font: font-family:"Alexandria",sans-serif; */
      font-family:var(--font-body);
      color:var(--text);
      background:
        radial-gradient(circle at 0% 0%, rgba(37,111,220,.12), transparent 26%),
        radial-gradient(circle at 100% 0%, rgba(199,154,60,.10), transparent 22%),
        linear-gradient(180deg, #fbfcff 0%, #f6f8fc 100%);
    }

    a{text-decoration:none;color:inherit}
    h1{
      font-family:var(--font-display);
    }

    h2,
    h3,
    h4,
    h5,
    h6{
      font-family:var(--font-subtitle);
    }

    .label-badge,
    .section-eyebrow,
    .pill,
    .overline{
      font-family:var(--font-subtitle);
    }
    img{display:block;max-width:100%}

    button,
    input,
    select,
    textarea{
      /* Previous site font: font-family:"Alexandria",sans-serif; */
      font-family:var(--font-body);
    }

    .container{
      width:min(var(--max), calc(100% - 48px));
      margin-inline:auto;
    }

    .btn{
      min-height:46px;
      padding:0 18px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border-radius:999px;
      font-weight:900;
      border:1px solid transparent;
      transition:.25s ease;
      white-space:nowrap;
      cursor:pointer;
    }

    .btn-primary{
      background:linear-gradient(135deg, var(--blue), #5595ff);
      color:#fff;
      box-shadow:0 14px 30px rgba(37,111,220,.22);
    }

    .btn-primary:hover{
      transform:translateY(-2px);
      box-shadow:0 20px 38px rgba(37,111,220,.28);
    }

    .btn-light{
      background:rgba(255,255,255,.16);
      color:#fff;
      border-color:rgba(255,255,255,.24);
      backdrop-filter:blur(10px);
    }

    .btn-light:hover{
      background:rgba(255,255,255,.24);
    }

    .btn-outline{
      background:#fff;
      border-color:var(--line);
      color:var(--blue-dark);
    }

    .btn-outline:hover{
      border-color:var(--blue);
      color:var(--blue);
    }

    .section{padding:80px 0}

    .section-head{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:24px;
      margin-bottom:32px;
    }

    .eyebrow{
      color:var(--blue);
      font-weight:900;
      margin-bottom:8px;
      font-size:15px;
    }

    .section-title{
      font-family:var(--font-subtitle);
      margin:0;
      font-size:clamp(28px, 3.5vw, 44px);
      line-height:1.4;
      letter-spacing:-0.5px;
      font-weight:900;
      color:var(--blue-dark);
    }

    .section-desc{
      margin:0;
      max-width:540px;
      line-height:1.9;
      color:var(--muted);
      font-size:17px;
    }

    /* ================= TOP SHOWCASE ================= */

    .top-showcase{
      padding:16px 0 70px;
    }

    .page-stage{
      background:linear-gradient(180deg, #f7f9ff 0%, #fbfcff 100%);
      border:1px solid #edf1f7;
      border-radius:38px;
      box-shadow:var(--shadow);
      padding:34px;
      position:relative;
      overflow:hidden;
    }

    .page-stage::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 0% 0%, rgba(112,164,255,.16), transparent 28%),
        radial-gradient(circle at 100% 100%, rgba(199,154,60,.08), transparent 24%);
      pointer-events:none;
    }

    .showcase-grid{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1fr;
      grid-template-areas:
        "hero"
        "side";
      gap:24px;
      align-items:start;
    }

    .hero-area{grid-area:hero}

    .top-showcase{
      padding:8px 0 74px;
    }

    .top-showcase > .container{
      width:calc(100% - 16px);
      max-width:none;
    }

    .top-showcase .page-stage{
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      overflow:visible;
    }

    .top-showcase .page-stage::before{
      display:none;
    }

    .top-showcase .showcase-grid{
      display:block;
    }

    .top-showcase .side-area{
      display:none;
    }

    .top-showcase .hero-shell{
      padding:0;
      border:0;
      border-radius:18px;
      background:transparent;
      box-shadow:none;
    }

    .top-showcase .hero-card{
      min-height:min(760px, calc(100vh - 16px));
      border-radius:18px;
      box-shadow:0 22px 70px rgba(16,43,70,.14);
    }

    .top-showcase .trusted-strip{
      width:min(1180px, calc(100% - 32px));
      margin:36px auto 0;
      border:0;
      background:transparent;
      box-shadow:none;
    }
    .side-area{grid-area:side}

    /* ================= HERO FIXED ================= */

    .hero-shell{
      background:#fff;
      border:1px solid var(--line);
      border-radius:28px;
      padding:8px;
      box-shadow:var(--shadow-soft);
    }

    .hero-card{
      min-height:720px;
      border-radius:22px;
      overflow:hidden;
      position:relative;
      background:#111;
      isolation:isolate;
    }

    .hero-card img.hero-bg{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
      z-index:-2;
    }

    .hero-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.35) 40%, rgba(0,0,0,.82) 100%),
        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.28));
      z-index:-1;
    }

    .hero-nav{
      position:absolute;
      top:18px;
      left:18px;
      right:18px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:16px;
      padding:9px 12px;
      border-radius:999px;
      background:rgba(37,39,43,.56);
      border:1px solid rgba(255,255,255,.16);
      backdrop-filter:blur(16px);
      z-index:5;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:150px;
      color:#fff;
      font-weight:900;
    }

    .brand img{
      width:46px;
      height:46px;
      object-fit:contain;
      filter:drop-shadow(0 6px 16px rgba(0,0,0,.25));
    }

    .menu{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:4px;
      color:rgba(255,255,255,.92);
      font-size:14px;
      font-weight:800;
    }

    .menu a{
      padding:9px 11px;
      border-radius:999px;
      transition:.2s ease;
    }

    .menu a:hover{
      background:rgba(255,255,255,.14);
      color:#fff;
    }

    .hero-copy{
      width:min(610px, calc(100% - 38px));
      margin-left:auto;
      margin-right:0;
      padding:190px 34px 120px;
      color:#fff;
      text-align:right;
    }

    .hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:9px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.14);
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter:blur(10px);
      color:#dceaff;
      font-weight:900;
      font-size:14px;
      margin-bottom:26px;
    }

    .hero-kicker::before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:#7eb3ff;
      box-shadow:0 0 0 5px rgba(126,179,255,.16);
    }

    .hero-title{
      margin:0;
      font-size:clamp(58px, 5.9vw, 86px);
      line-height:1.09;
      letter-spacing:-1px;
      font-weight:900;
      max-width:580px;
    }

    .hero-title span{
      display:block;
      color:#ffffff;
      margin-top:0;
    }

    .hero-sub{
      margin:24px 0 0;
      font-size:19px;
      line-height:2;
      color:rgba(255,255,255,.86);
      max-width:570px;
    }

    .hero-actions{
      margin-top:34px;
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    .trusted-strip{
      background:#fff;
      margin-top:12px;
      border:1px solid var(--line);
      border-radius:22px;
      padding:18px 18px 14px;
      box-shadow:var(--shadow-soft);
    }

    .trusted-title{
      text-align:center;
      font-size:13px;
      font-weight:900;
      color:#111827;
      margin-bottom:14px;
    }

    .trusted-list{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:10px;
    }

    .trusted-item{
      min-height:44px;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      border-radius:14px;
      background:#fafcff;
      border:1px solid #eef2f8;
      color:#6b7280;
      font-weight:800;
      font-size:13px;
      padding:8px;
    }

    /* ================= SIDE CTA ================= */

    .side-cta{
      min-height:130px;
      border-radius:26px;
      overflow:hidden;
      position:relative;
      background:#111;
      box-shadow:var(--shadow-soft);
    }

    .side-cta img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .side-cta::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, rgba(37,111,220,.93), rgba(16,43,70,.78));
    }

    .side-cta-content{
      position:relative;
      z-index:2;
      color:#fff;
      padding:24px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      height:100%;
    }

    .side-cta-content h4{
      margin:0 0 8px;
      font-size:28px;
      font-weight:900;
      line-height:1.15;
    }

    .side-cta-content p{
      margin:0;
      color:rgba(255,255,255,.82);
      font-size:14px;
      line-height:1.75;
      max-width:420px;
    }

    /* ================= ABOUT ================= */

    .split-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:18px;
    }

    .card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:28px;
      box-shadow:var(--shadow-soft);
    }

    .about-card{
      padding:34px;
      position:relative;
      overflow:hidden;
    }

    .about-card::before{
      content:"";
      position:absolute;
      width:220px;
      height:220px;
      border-radius:50%;
      left:-90px;
      bottom:-90px;
      background:rgba(37,111,220,.08);
    }

    .about-card p{
      position:relative;
      z-index:2;
      margin:0;
      color:var(--muted);
      line-height:2;
      font-size:18px;
    }

    .vision-stack{
      display:grid;
      gap:14px;
    }

    .mini-card{
      padding:22px;
      border-radius:22px;
      background:linear-gradient(180deg, #fff, #fbfdff);
      border:1px solid var(--line);
      box-shadow:var(--shadow-soft);
    }

    .mini-card h3{
      margin:0 0 8px;
      font-size:24px;
      font-weight:900;
      color:var(--blue-dark);
    }

    .mini-card p{
      margin:0;
      color:var(--muted);
      line-height:1.8;
      font-size:15.5px;
    }

    /* ================= SERVICES ================= */

    .services-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
    }

    .service-card{
      padding:22px;
      border-radius:24px;
      background:#fff;
      border:1px solid var(--line);
      box-shadow:var(--shadow-soft);
      min-height:205px;
      transition:.25s ease;
    }

    .service-card:hover{
      transform:translateY(-6px);
      border-color:#d8e4f8;
      box-shadow:0 24px 50px rgba(16,43,70,.10);
    }

    .service-index{
      width:48px;
      height:48px;
      border-radius:16px;
      display:grid;
      place-items:center;
      background:var(--blue-soft);
      color:var(--blue);
      font-weight:900;
      margin-bottom:16px;
      direction:ltr;
    }

    .service-card h3{
      margin:0 0 7px;
      font-size:20px;
      font-weight:900;
      color:var(--blue-dark);
    }

    .service-card small{
      display:block;
      margin-bottom:10px;
      color:var(--gold);
      font-weight:900;
      direction:rtl;
      text-align:right;
    }

    .service-card p{
      margin:0;
      color:var(--muted);
      font-size:15px;
      line-height:1.75;
    }

    /* ================= WORKS ================= */

    .works-layout{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:16px;
    }

    .work-card{
      position:relative;
      overflow:hidden;
      min-height:420px;
      border-radius:28px;
      background:#111;
      box-shadow:var(--shadow-soft);
    }

    .work-card.small{min-height:202px}

    .work-card img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      transition:.35s ease;
    }

    .work-card:hover img{transform:scale(1.05)}

    .work-card::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(8,25,46,.76));
    }

    .work-content{
      position:absolute;
      right:20px;
      left:20px;
      bottom:20px;
      z-index:2;
      color:#fff;
    }

    .pill{
      display:inline-flex;
      padding:6px 11px;
      border-radius:999px;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.16);
      backdrop-filter:blur(10px);
      color:#fff;
      font-size:12px;
      font-weight:800;
      margin-bottom:10px;
    }

    .work-content h3{
      margin:0 0 6px;
      font-size:28px;
      font-weight:900;
      line-height:1.15;
    }

    .work-content p{
      margin:0;
      color:rgba(255,255,255,.82);
      line-height:1.7;
      font-size:14px;
    }

    .works-side{
      display:grid;
      gap:16px;
    }

    /* ================= TEAM ================= */

    .team-box{
      padding:18px;
      display:grid;
      grid-template-columns:.95fr 1.05fr;
      gap:18px;
      align-items:stretch;
    }

    .team-media{
      min-height:360px;
      border-radius:22px;
      overflow:hidden;
      background:#111;
      position:relative;
    }

    .team-media img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .team-text{
      padding:16px 8px 16px 6px;
    }

    .team-text h2{
      margin:0 0 14px;
      font-size:44px;
      line-height:1.15;
      color:var(--blue-dark);
    }

    .team-text p{
      margin:0 0 20px;
      color:var(--muted);
      line-height:1.9;
      font-size:17px;
    }

    .team-points{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
    }

    .team-points div{
      background:#f9fbff;
      border:1px solid var(--line);
      border-radius:16px;
      padding:14px 15px;
      font-weight:800;
      color:var(--blue-dark);
    }

    /* ================= FINAL CTA ================= */

    .final-cta{
      padding-bottom:90px;
    }

    .final-cta-box{
      border-radius:34px;
      overflow:hidden;
      position:relative;
      min-height:260px;
      background:#111;
      box-shadow:var(--shadow);
    }

    .final-cta-box img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .final-cta-box::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, rgba(16,43,70,.96), rgba(37,111,220,.72));
    }

    .final-cta-content{
      position:relative;
      z-index:2;
      padding:44px;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      min-height:260px;
    }

    .final-cta-content h2{
      margin:0 0 12px;
      font-size:clamp(34px, 4vw, 58px);
      line-height:1.4;
      font-weight:900;
      max-width:640px;
    }

    .final-cta-content p{
      margin:0;
      max-width:640px;
      color:rgba(255,255,255,.82);
      font-size:18px;
      line-height:1.8;
    }

    footer{
      padding:28px 0 36px;
      border-top:1px solid var(--line);
      color:var(--muted);
      font-weight:700;
      background:transparent;
    }

    .footer-inner{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
    }

    /* ================= RESPONSIVE ================= */

    @media (max-width: 1180px){
      .showcase-grid{
        grid-template-columns:1fr;
        grid-template-areas:
          "hero"
          "side";
      }

      .hero-card{
        min-height:680px;
      }

      .hero-copy{
        padding:165px 28px 110px;
      }

      .hero-title{
        font-size:clamp(50px, 8vw, 74px);
      }

      .hero-nav{
        grid-template-columns:1fr auto;
      }

      .menu{
        display:none;
      }
    }

    @media (max-width: 1100px){
      .split-grid,
      .works-layout,
      .team-box{
        grid-template-columns:1fr;
      }

      .final-cta-content{
        flex-direction:column;
        align-items:flex-start;
      }

      .services-grid{
        grid-template-columns:repeat(2,1fr);
      }

      .trusted-list{
        grid-template-columns:repeat(3,1fr);
      }
    }

    @media (max-width: 720px){
      .container{
        width:min(100% - 20px, var(--max));
      }

      .top-showcase{
        padding-top:10px;
      }

      .page-stage{
        padding:12px;
        border-radius:28px;
      }

      .hero-shell{
        border-radius:24px;
        padding:7px;
      }

      .hero-card{
        min-height:640px;
        border-radius:18px;
      }

      .hero-card::before{
        background:
          linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.78) 100%);
      }

      .hero-nav{
        top:10px;
        left:10px;
        right:10px;
        padding:8px 10px;
      }

      .brand{
        min-width:auto;
      }

      .brand span{
        display:none;
      }

      .brand img{
        width:42px;
        height:42px;
      }

      .hero-nav .btn{
        min-height:40px;
        padding:0 13px;
        font-size:13px;
      }

      .hero-copy{
        width:100%;
        padding:135px 20px 80px;
      }

      .hero-title{
        font-size:44px;
        line-height:1.15;
        letter-spacing:-1px;
      }

      .hero-sub{
        font-size:16px;
        line-height:1.9;
        margin-top:18px;
      }

      .hero-kicker{
        font-size:13px;
        margin-bottom:20px;
      }

      .hero-actions{
        flex-direction:column;
        margin-top:26px;
      }

      .hero-actions .btn{
        width:100%;
      }

      .services-grid,
      .team-points,
      .trusted-list{
        grid-template-columns:1fr;
      }


      .side-cta-content,
      .final-cta-content{
        padding:24px;
        align-items:flex-start;
      }

      .side-cta-content,
      .final-cta-content{
        flex-direction:column;
      }

      .section{
        padding:56px 0;
      }

      .section-head{
        display:block;
      }

      .section-desc{
        margin-top:12px;
      }

      .work-card,
      .team-media,
      .final-cta-box{
        min-height:320px;
      }

      .work-card.small{
        min-height:220px;
      }

      .team-text h2{
        font-size:34px;
      }

      .footer-inner{
        flex-direction:column;
        text-align:center;
      }
    }
    @media (max-width: 640px){
      .container{
        width:calc(100% - 28px);
      }
    }
    /* ================= INSTAGRAM-STYLE WIDGETS ================= */

    .section:not(.top-showcase){
      padding:74px 0;
    }

    .section:not(.top-showcase) .container{
      position:relative;
    }

    .section-head{
      align-items:flex-start;
      margin-bottom:28px;
    }

    .eyebrow{
      width:max-content;
      padding:8px 12px;
      border-radius:999px;
      background:linear-gradient(135deg, rgba(37,111,220,.10), rgba(68,218,185,.16));
      color:#1265c8;
      font-size:13px;
    }

    .services-grid{
      gap:18px;
    }

    .service-card{
      position:relative;
      overflow:hidden;
      border-radius:22px;
      border:1px solid rgba(216,228,248,.92);
      background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,252,255,.96)),
        radial-gradient(circle at 0% 0%, rgba(76,216,185,.18), transparent 32%);
      box-shadow:0 18px 45px rgba(16,43,70,.08);
    }

    .service-card::before{
      content:"";
      position:absolute;
      inset:0 0 auto;
      height:5px;
      background:linear-gradient(90deg, #45d8b9, #256fdc, #c79a3c);
    }

    .service-card::after{
      content:"#تنظيم_الفعاليات";
      position:absolute;
      left:18px;
      bottom:16px;
      color:rgba(37,111,220,.18);
      font-size:13px;
      font-weight:900;
    }

    .service-index{
      background:linear-gradient(135deg, #e8fbf7, #eaf2ff);
      color:#0f4fac;
      border:1px solid rgba(37,111,220,.12);
    }

    .service-card h3,
    .service-card small,
    .service-card p{
      position:relative;
      z-index:1;
    }

    .service-card p{
      padding-bottom:18px;
    }

    .works-layout{
      grid-template-columns:repeat(3, 1fr);
      gap:18px;
    }

    .works-side{
      display:contents;
    }

    .work-card,
    .work-card.small{
      min-height:auto;
      aspect-ratio:1 / 1;
      border-radius:24px;
      border:8px solid #fff;
      box-shadow:0 20px 55px rgba(16,43,70,.13);
    }

    .work-card::after{
      background:
        linear-gradient(180deg, rgba(8,25,46,.06) 35%, rgba(8,25,46,.82) 100%),
        linear-gradient(120deg, rgba(69,216,185,.24), rgba(37,111,220,.12));
    }

    .work-content{
      right:20px;
      left:20px;
      bottom:18px;
    }

    .pill{
      background:rgba(255,255,255,.18);
      border-color:rgba(255,255,255,.24);
      font-size:12px;
    }

    .work-content h3{
      font-size:clamp(22px, 2.4vw, 34px);
    }

    .work-content p{
      max-width:92%;
    }

    .team-box,
    .final-cta-box,
    .about-card,
    .mini-card{
      border-radius:24px;
      border-color:rgba(216,228,248,.92);
      box-shadow:0 18px 45px rgba(16,43,70,.08);
    }

    @media (max-width: 980px){
      .works-layout{
        grid-template-columns:1fr;
      }

      .work-card,
      .work-card.small{
        aspect-ratio:4 / 5;
      }
    }
    /* ================= CENTERED LOGO HERO ================= */

    :root{
      --brand-gold:#d7aa58;
      --brand-gold-light:#ffd384;
      --brand-gold-dark:#9e7532;
    }

    .btn-primary{
      background:linear-gradient(135deg, var(--brand-gold-light), var(--brand-gold), var(--brand-gold-dark));
      color:#102b46;
      box-shadow:0 16px 34px rgba(199,154,60,.30);
    }

    .btn-primary:hover{
      box-shadow:0 22px 44px rgba(199,154,60,.38);
    }

    .top-showcase .hero-card{
      display:grid;
      place-items:center;
    }

    .top-showcase .hero-card::before{
      background:
        radial-gradient(circle at 50% 48%, rgba(0,0,0,.18), rgba(0,0,0,.56) 58%, rgba(0,0,0,.72) 100%),
        linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.26));
    }

    .top-showcase .hero-copy{
      width:min(760px, calc(100% - 40px));
      margin:0 auto;
      padding:150px 24px 105px;
      text-align:center;
    }

    .hero-logo{
      width:min(230px, 46vw);
      height:auto;
      margin:0 auto 24px;
      filter:drop-shadow(0 16px 30px rgba(0,0,0,.36));
    }

    .top-showcase .hero-kicker{
      margin-inline:auto;
    }

    .top-showcase .hero-title,
    .top-showcase .hero-sub{
      margin-left:auto;
      margin-right:auto;
    }

    .top-showcase .hero-actions{
      justify-content:center;
    }

    .top-showcase .hero-actions .btn-primary,
    .top-showcase .hero-nav > .btn-light{
      background:linear-gradient(135deg, var(--brand-gold-light), var(--brand-gold), var(--brand-gold-dark));
      color:#102b46;
      border-color:rgba(255,211,132,.45);
      box-shadow:0 14px 32px rgba(199,154,60,.28);
    }

    .top-showcase .hero-actions .btn-light{
      background:rgba(255,255,255,.14);
      color:#fff;
      border-color:rgba(255,255,255,.22);
    }

    .top-showcase .brand{
      min-width:auto;
    }

    .top-showcase .brand img{
      width:70px;
      height:50px;
      object-fit:contain;
      filter:drop-shadow(0 10px 18px rgba(0,0,0,.34));
    }

    .top-showcase .brand span{
      display:none;
    }

    @media (max-width: 760px){
      .top-showcase .hero-copy{
        padding:140px 18px 82px;
      }

      .hero-logo{
        width:min(180px, 54vw);
        margin-bottom:18px;
      }
    }
    .top-showcase .hero-title{
      font-size:clamp(48px, 5.2vw, 76px);
      line-height:1.18;
    }

    @media (max-width: 760px){
      .top-showcase .hero-title{
        font-size:clamp(38px, 12vw, 58px);
        line-height:1.2;
      }
    }
    /* Final hero title spacing fix */
    .top-showcase .hero-title{
      font-size:clamp(38px, 4.6vw, 64px) !important;
      line-height:1.36 !important;
      max-width:820px;
    }

    .top-showcase .hero-title span{
      line-height:inherit !important;
      margin-top:.08em;
    }

    @media (max-width: 760px){
      .top-showcase .hero-title{
        font-size:clamp(32px, 10vw, 48px) !important;
        line-height:1.38 !important;
      }
    }
    .hero-card video.hero-bg{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
      z-index:-2;
      display:block;
    }
    .top-showcase .hero-nav > .btn-light{
      background:#d7aa58 !important;
      color:#102b46 !important;
      border-color:#d7aa58 !important;
      box-shadow:0 12px 28px rgba(215,170,88,.30) !important;
    }

    .top-showcase .hero-nav > .btn-light:hover{
      background:#ffd384 !important;
      border-color:#ffd384 !important;
    }
    /* Header CTA color refinement */
    .top-showcase .hero-nav > .btn-light{
      background:#c79a3c !important;
      color:#fff !important;
      border-color:rgba(255,255,255,.20) !important;
      box-shadow:0 12px 28px rgba(199,154,60,.32) !important;
    }

    .top-showcase .hero-nav > .btn-light:hover{
      background:#d6aa50 !important;
      border-color:rgba(255,255,255,.28) !important;
    }
    /* Sticky shrinking header */
    .top-showcase .hero-nav{
      position:fixed !important;
      top:18px !important;
      left:24px !important;
      right:24px !important;
      z-index:1000 !important;
      padding:14px 18px !important;
      min-height:76px;
      background:rgba(24,27,31,.42) !important;
      border-color:rgba(255,255,255,.18) !important;
      box-shadow:none;
      transition:top .25s ease, left .25s ease, right .25s ease, padding .25s ease, min-height .25s ease, background .25s ease, box-shadow .25s ease;
    }

    .top-showcase .brand img{
      width:118px !important;
      height:74px !important;
      transition:width .25s ease, height .25s ease, filter .25s ease;
    }

    .top-showcase .menu,
    .top-showcase .hero-nav .btn{
      transition:font-size .25s ease, min-height .25s ease, padding .25s ease;
    }

    body.is-scrolled .top-showcase .hero-nav{
      top:10px !important;
      left:22px !important;
      right:22px !important;
      padding:7px 12px !important;
      min-height:54px;
      background:rgba(20,24,30,.82) !important;
      box-shadow:0 16px 42px rgba(0,0,0,.22);
    }

    body.is-scrolled .top-showcase .brand img{
      width:70px !important;
      height:44px !important;
    }

    body.is-scrolled .top-showcase .menu{
      font-size:13px;
    }

    body.is-scrolled .top-showcase .hero-nav .btn{
      min-height:38px;
      padding-inline:15px;
      font-size:13px;
    }

    @media (max-width: 760px){
      .top-showcase .hero-nav{
        top:10px !important;
        left:10px !important;
        right:10px !important;
        padding:10px 12px !important;
        min-height:62px;
        grid-template-columns:auto auto;
      }

      .top-showcase .brand img{
        width:82px !important;
        height:54px !important;
      }

      body.is-scrolled .top-showcase .hero-nav{
        top:8px !important;
        left:8px !important;
        right:8px !important;
        padding:6px 10px !important;
        min-height:48px;
      }

      body.is-scrolled .top-showcase .brand img{
        width:58px !important;
        height:38px !important;
      }
    }
    .top-showcase .hero-title span{
      font-size:.78em;
    }

    .top-showcase .hero-sub{
      max-width:780px;
    }

    @media (max-width: 760px){
      .top-showcase .hero-title span{
        font-size:.72em;
      }
    }
    .top-showcase .hero-actions .btn-primary{
      background:#fff !important;
      color:#102b46 !important;
      border-color:rgba(255,255,255,.70) !important;
      box-shadow:0 14px 30px rgba(255,255,255,.18) !important;
    }

    .top-showcase .hero-actions .btn-primary:hover{
      background:#f8fafc !important;
      border-color:#fff !important;
    }
    /* Hero social-style blue overlay */
    .top-showcase .hero-card::before{
      background:
        linear-gradient(120deg, rgba(70,214,184,.42) 0%, rgba(37,111,220,.28) 38%, rgba(16,43,70,.70) 100%),
        radial-gradient(circle at 50% 48%, rgba(0,0,0,.06), rgba(0,0,0,.36) 58%, rgba(0,0,0,.58) 100%) !important;
    }
    /* Hero bottom-heavy blue overlay */
    .top-showcase .hero-card::before{
      background:
        linear-gradient(180deg, rgba(0,0,0,.14) 0%, rgba(0,0,0,.06) 28%, rgba(22,85,158,.46) 66%, rgba(9,48,106,.84) 100%),
        linear-gradient(120deg, rgba(71,216,185,.16) 0%, rgba(37,111,220,.24) 72%, rgba(12,39,82,.42) 100%) !important;
    }
    /* Final hero overlay: blue only at the bottom */
    .top-showcase .hero-card::before{
      background:linear-gradient(180deg,
        rgba(0,0,0,.4) 0%,
        rgba(0,0,0,.6) 26%,
        rgba(0,0,0,.8) 46%,
        rgba(19,72,132,.8) 64%,
        rgba(18,91,178,.88) 84%,
        rgba(7,47,114,.88) 100%
      ) !important;
    }
    /* Mobile header visibility fix */
    @media (max-width: 1180px){
      .top-showcase .hero-nav{
        grid-template-columns:auto 1fr auto !important;
      }

      .top-showcase .menu{
        display:flex !important;
        justify-content:flex-start;
        overflow-x:auto;
        overflow-y:hidden;
        white-space:nowrap;
        scrollbar-width:none;
        min-width:0;
      }

      .top-showcase .menu::-webkit-scrollbar{
        display:none;
      }
    }

    @media (max-width: 760px){
      .top-showcase .hero-nav{
        grid-template-columns:auto 1fr auto !important;
        gap:8px !important;
        border-radius:18px !important;
      }

      .top-showcase .menu{
        gap:2px;
        font-size:12px;
      }

      .top-showcase .menu a{
        padding:8px 9px;
      }

      .top-showcase .hero-nav > .btn-light{
        display:inline-flex !important;
        min-height:36px !important;
        padding:0 12px !important;
        font-size:12px !important;
        flex:0 0 auto;
      }

      .top-showcase .brand{
        flex:0 0 auto;
      }

      .top-showcase .brand img{
        width:58px !important;
        height:38px !important;
      }
    }

    @media (max-width: 480px){
      .top-showcase .hero-nav{
        left:8px !important;
        right:8px !important;
        padding:6px 8px !important;
      }

      .top-showcase .hero-nav > .btn-light{
        padding:0 10px !important;
      }
    }
    /* Mobile menu button */
    .mobile-menu-toggle{
      display:none;
      width:42px;
      height:42px;
      border:1px solid rgba(255,255,255,.22);
      border-radius:999px;
      background:rgba(255,255,255,.12);
      align-items:center;
      justify-content:center;
      flex-direction:column;
      gap:4px;
      cursor:pointer;
      backdrop-filter:blur(10px);
    }

    .mobile-menu-toggle span{
      width:18px;
      height:2px;
      border-radius:99px;
      background:#fff;
      display:block;
      transition:transform .2s ease, opacity .2s ease;
    }

    .hero-nav.menu-open .mobile-menu-toggle span:nth-child(1){
      transform:translateY(6px) rotate(45deg);
    }

    .hero-nav.menu-open .mobile-menu-toggle span:nth-child(2){
      opacity:0;
    }

    .hero-nav.menu-open .mobile-menu-toggle span:nth-child(3){
      transform:translateY(-6px) rotate(-45deg);
    }

    @media (max-width: 760px){
      .top-showcase .hero-nav{
        grid-template-columns:auto 1fr auto !important;
        overflow:visible;
      }

      .top-showcase .mobile-menu-toggle{
        display:inline-flex !important;
        justify-self:center;
      }

      .top-showcase .menu{
        display:none !important;
        position:absolute;
        top:calc(100% + 8px);
        right:0;
        left:0;
        padding:10px;
        border-radius:18px;
        background:rgba(20,24,30,.90);
        border:1px solid rgba(255,255,255,.14);
        box-shadow:0 18px 46px rgba(0,0,0,.24);
        backdrop-filter:blur(18px);
        overflow:visible;
        white-space:normal;
      }

      .top-showcase .hero-nav.menu-open .menu{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:6px;
      }

      .top-showcase .menu a{
        padding:10px 12px;
        text-align:center;
        background:rgba(255,255,255,.08);
      }

      .top-showcase .hero-nav > .btn-light{
        justify-self:end;
      }
    }

    @media (max-width: 420px){
      .top-showcase .hero-nav.menu-open .menu{
        grid-template-columns:1fr;
      }
    }
    /* Services section refined after hero */
    #services{
      padding-top:82px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.74), rgba(246,248,252,0)),
        radial-gradient(circle at 100% 0%, rgba(37,111,220,.10), transparent 30%),
        radial-gradient(circle at 0% 18%, rgba(199,154,60,.08), transparent 26%);
    }

    #services .section-head{
      align-items:flex-start;
      margin-bottom:36px;
    }

    #services .section-desc{
      max-width:660px;
      font-size:16px;
      line-height:2;
    }

    #services .services-grid{
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:18px;
    }

    #services .service-card{
      min-height:285px;
      padding:24px;
      display:flex;
      flex-direction:column;
    }

    #services .service-index{
      margin-bottom:18px;
    }

    #services .service-card h3{
      font-size:19px;
      line-height:1.45;
    }

    #services .service-card small{
      min-height:20px;
      line-height:1.5;
    }

    #services .service-card p{
      padding-bottom:22px;
      line-height:1.85;
    }

    @media (max-width: 1100px){
      #services .services-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 720px){
      #services{
        padding-top:58px;
      }

      #services .services-grid{
        grid-template-columns:1fr;
      }

      #services .service-card{
        min-height:auto;
      }
    }
    /* Expandable services widget */
    .services-slider-section{
      padding:86px 0 76px;
      background:
        radial-gradient(circle at 0% 0%, rgba(37,111,220,.10), transparent 26%),
        radial-gradient(circle at 100% 8%, rgba(199,154,60,.08), transparent 24%),
        linear-gradient(180deg,#fbfcff,#f6f8fc);
    }

    .services-slider-section .section-head{
      align-items:flex-start;
      margin-bottom:34px;
    }

    .services-slider-section .section-desc{
      max-width:680px;
      font-size:16px;
      line-height:2;
    }

    .services-slider{
      display:flex;
      gap:14px;
      min-height:470px;
      direction:rtl;
    }

    .expand-service{
      flex:1;
      position:relative;
      overflow:hidden;
      border-radius:30px;
      background:#111;
      box-shadow:0 18px 48px rgba(16,43,70,.10);
      transition:flex .55s cubic-bezier(.2,.8,.2,1), transform .35s ease, box-shadow .35s ease;
      cursor:pointer;
      isolation:isolate;
    }

    .expand-service.is-active{
      flex:3.15;
      box-shadow:0 28px 75px rgba(16,43,70,.16);
    }

    .expand-service:hover{
      transform:translateY(-4px);
    }

    .expand-service img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .65s ease, filter .35s ease;
      z-index:-2;
    }

    .expand-service.is-active img{
      transform:scale(1.06);
    }

    .expand-service::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(16,43,70,.86)),
        linear-gradient(90deg, rgba(37,111,220,.28), transparent 58%);
      z-index:-1;
    }

    .expand-content{
      position:absolute;
      right:22px;
      left:22px;
      bottom:22px;
      z-index:2;
      color:#fff;
    }

    .expand-content span{
      width:48px;
      height:48px;
      display:grid;
      place-items:center;
      border-radius:16px;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter:blur(12px);
      font-weight:900;
      direction:ltr;
      margin-bottom:14px;
    }

    .expand-content h3{
      margin:0 0 7px;
      color:#fff;
      font-size:26px;
      line-height:1.25;
      font-weight:900;
      white-space:nowrap;
    }

    .expand-content small{
      display:block;
      color:#dceaff;
      font-weight:900;
      margin-bottom:10px;
      direction:rtl;
      text-align:right;
      opacity:.95;
    }

    .expand-content p{
      margin:0;
      color:rgba(255,255,255,.86);
      line-height:1.85;
      font-size:15px;
      max-width:560px;
      opacity:0;
      max-height:0;
      overflow:hidden;
      transform:translateY(10px);
      transition:.35s ease;
    }

    .expand-service.is-active .expand-content p{
      opacity:1;
      max-height:150px;
      transform:translateY(0);
    }

    .expand-service:not(.is-active) .expand-content{
      right:18px;
      left:18px;
    }

    .expand-service:not(.is-active) .expand-content h3{
      writing-mode:vertical-rl;
      transform:rotate(180deg);
      font-size:22px;
      margin-top:12px;
      white-space:nowrap;
    }

    .expand-service:not(.is-active) .expand-content small,
    .expand-service:not(.is-active) .expand-content p{
      display:none;
    }

    .services-progress{
      display:grid;
      grid-template-columns:repeat(8,1fr);
      gap:10px;
      margin-top:22px;
      direction:rtl;
    }

    .progress-dot{
      height:8px;
      border:0;
      padding:0;
      border-radius:999px;
      overflow:hidden;
      background:#dce6f5;
      cursor:pointer;
      position:relative;
    }

    .progress-dot span{
      position:absolute;
      inset:0;
      width:0;
      background:linear-gradient(90deg,#256fdc,#66a3ff);
      border-radius:999px;
    }

    .progress-dot.is-active span{
      animation:serviceProgress 4s linear forwards;
    }

    @keyframes serviceProgress{
      from{width:0}
      to{width:100%}
    }

    @media (max-width:1050px){
      .services-slider{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        min-height:auto;
      }

      .expand-service,
      .expand-service.is-active{
        min-height:330px;
        flex:unset;
      }

      .expand-service:not(.is-active) .expand-content h3{
        writing-mode:horizontal-tb;
        transform:none;
        white-space:normal;
      }

      .expand-service:not(.is-active) .expand-content small{
        display:block;
      }

      .expand-service .expand-content p{
        opacity:1;
        max-height:none;
        transform:none;
      }

      .services-progress{
        grid-template-columns:repeat(4,1fr);
      }
    }

    @media (max-width:640px){
      .services-slider-section{
        padding:58px 0;
      }

      .services-slider{
        grid-template-columns:1fr;
      }

      .expand-service,
      .expand-service.is-active{
        min-height:355px;
      }

      .expand-content h3{
        white-space:normal;
        font-size:24px;
      }
    }
    /* Section eyebrow brand color */
    .eyebrow{
      color:#a8751f !important;
      background:linear-gradient(135deg, rgba(199,154,60,.16), rgba(255,211,132,.22)) !important;
      border:1px solid rgba(199,154,60,.18);
    }
    /* Professional brand services treatment */
    .services-slider-section{
      background:#f8fafc !important;
      padding-top:78px !important;
    }

    .services-slider-section .section-title{
      font-family:var(--font-subtitle);
      color:#102b46;
    }

    .services-slider{
      gap:12px;
    }

    .expand-service{
      border-radius:22px !important;
      box-shadow:0 18px 44px rgba(16,43,70,.10) !important;
      border:1px solid rgba(255,255,255,.70);
      background:#102b46 !important;
    }

    .expand-service.is-active{
      box-shadow:0 26px 68px rgba(16,43,70,.18) !important;
    }

    .expand-service img{
      filter:saturate(.88) contrast(1.02) brightness(.88);
    }

    .expand-service.is-active img{
      filter:saturate(.96) contrast(1.04) brightness(.92);
    }

    .expand-service::after{
      background:
        linear-gradient(180deg, rgba(16,43,70,.08) 0%, rgba(16,43,70,.34) 46%, rgba(16,43,70,.92) 100%),
        linear-gradient(90deg, rgba(16,43,70,.62), rgba(16,43,70,.06) 54%) !important;
    }

    .expand-service::before{
      content:"";
      position:absolute;
      inset:0 0 auto;
      height:4px;
      background:#c79a3c;
      z-index:2;
      opacity:.95;
    }

    .expand-content span{
      background:rgba(199,154,60,.92) !important;
      border-color:rgba(255,255,255,.18) !important;
      color:#fff;
      backdrop-filter:none;
      box-shadow:0 10px 24px rgba(0,0,0,.16);
    }

    .expand-content h3{
      color:#fff;
      text-shadow:0 2px 16px rgba(0,0,0,.22);
    }

    .expand-content small{
      color:#d8b56d !important;
      opacity:1 !important;
    }

    .expand-content p{
      color:rgba(255,255,255,.86) !important;
    }

    .progress-dot{
      background:#d9e1ec !important;
    }

    .progress-dot span{
      background:#c79a3c !important;
    }

    @media (max-width:1050px){
      .expand-service::after{
        background:linear-gradient(180deg, rgba(16,43,70,.12), rgba(16,43,70,.88)) !important;
      }
    }
    /* Professional section label */
    .eyebrow{
      width:auto !important;
      display:inline-flex !important;
      align-items:center !important;
      gap:10px !important;
      padding:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      color:#a8751f !important;
      font-size:13px !important;
      line-height:1.4 !important;
      font-weight:800 !important;
      margin-bottom:12px !important;
    }

    .eyebrow::before{
      content:"";
      width:28px;
      height:2px;
      border-radius:99px;
      background:#c79a3c;
      display:inline-block;
    }
    /* Simple about section */
    .about-section{
      background:transparent;
    }

    .about-simple{
      display:grid;
      gap:34px;
      justify-items:center;
      text-align:center;
    }

    .about-simple__content{
      max-width:900px;
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
    }

    .about-simple .section-title{
      font-family:var(--font-subtitle);
      max-width:900px;
      margin-bottom:18px;
    }

    .about-simple .section-desc{
      max-width:760px;
      margin-bottom:26px;
      line-height:2;
    }

    .about-simple__button{
      width:max-content;
    }

    .about-counters{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:18px;
      max-width:920px;
      width:100%;
    }

    .about-counter{
      padding:0;
      border:0;
      background:transparent;
      text-align:center;
    }

    .about-counter strong{
      display:block;
      color:var(--blue-dark);
      font-size:clamp(42px, 6vw, 78px);
      line-height:1;
      font-weight:900;
      letter-spacing:0;
      direction:ltr;
      text-align:center;
    }

    .about-counter span{
      display:block;
      margin-top:10px;
      color:var(--muted);
      font-size:17px;
      font-weight:900;
      line-height:1.7;
      text-align:center;
    }

    @media (max-width: 760px){
      .about-counters{
        grid-template-columns:1fr;
        gap:22px;
      }

      .about-simple__button{
        width:100%;
      }
    }
    /* Request modal */
    .request-modal{
      position:fixed;
      inset:0;
      z-index:2000;
      display:none;
      align-items:center;
      justify-content:center;
      padding:22px;
    }

    .request-modal.is-open{
      display:flex;
    }

    .request-modal__backdrop{
      position:absolute;
      inset:0;
      background:rgba(8,18,30,.66);
      backdrop-filter:blur(8px);
    }

    .request-modal__dialog{
      position:relative;
      width:min(560px, 100%);
      max-height:calc(100vh - 44px);
      overflow:auto;
      border-radius:26px;
      background:#fff;
      box-shadow:0 34px 90px rgba(8,18,30,.28);
      border:1px solid rgba(231,236,244,.92);
    }

    .request-modal__accent{
      height:5px;
      background:#c79a3c;
    }

    .request-modal__inner{
      padding:28px;
    }

    .request-modal__close{
      position:absolute;
      top:16px;
      left:16px;
      width:38px;
      height:38px;
      border:1px solid #e7ecf4;
      border-radius:999px;
      background:#fff;
      color:#102b46;
      font-size:22px;
      line-height:1;
      cursor:pointer;
      display:grid;
      place-items:center;
    }

    .request-modal__close:hover{
      border-color:#c79a3c;
      color:#a8751f;
    }

    .request-modal__logo{
      width:86px;
      height:58px;
      object-fit:contain;
      margin-bottom:14px;
      filter:drop-shadow(0 8px 18px rgba(16,43,70,.12));
    }

    .request-modal h2{
      margin:0;
      color:#102b46;
      font-size:30px;
      line-height:1.25;
      font-weight:900;
    }

    .request-modal__lead{
      margin:10px 0 22px;
      color:#64748b;
      line-height:1.9;
      font-size:15px;
    }

    .request-form{
      display:grid;
      gap:14px;
    }

    .form-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }

    .request-field label{
      display:block;
      color:#102b46;
      font-size:13px;
      font-weight:900;
      margin-bottom:7px;
    }

    .request-field input,
    .request-field select,
    .request-field textarea{
      width:100%;
      border:1px solid #dfe6f0;
      border-radius:14px;
      background:#fbfcff;
      color:#102b46;
      font:inherit;
      padding:13px 14px;
      outline:none;
      transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .request-field textarea{
      min-height:96px;
      resize:vertical;
    }

    .request-field input:focus,
    .request-field select:focus,
    .request-field textarea:focus{
      border-color:#c79a3c;
      background:#fff;
      box-shadow:0 0 0 4px rgba(199,154,60,.12);
    }

    .request-submit{
      width:100%;
      min-height:50px;
      border:0;
      border-radius:999px;
      background:#c79a3c;
      color:#fff;
      font:inherit;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 14px 32px rgba(199,154,60,.24);
    }

    .request-submit:hover{
      background:#b88a31;
    }

    .request-success{
      display:none;
      margin-top:14px;
      padding:14px 16px;
      border-radius:16px;
      background:#f7f1e5;
      border:1px solid rgba(199,154,60,.24);
      color:#102b46;
      line-height:1.8;
      font-weight:800;
    }

    .request-modal.is-submitted .request-success{
      display:block;
    }

    body.modal-open{
      overflow:hidden;
    }

    @media (max-width: 640px){
      .request-modal{
        padding:14px;
      }

      .request-modal__inner{
        padding:24px 18px 20px;
      }

      .form-row{
        grid-template-columns:1fr;
      }

      .request-modal h2{
        font-size:25px;
      }
    }
    /* Remove decorative gold divider lines */
    .eyebrow{
      gap:0 !important;
    }

    .eyebrow::before,
    .expand-service::before,
    .about-story-panel::before{
      content:none !important;
      display:none !important;
    }
    /* Filterable works section */
    #works{
      background:#fff;
    }

    .works-toolbar{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:-4px 0 24px;
    }

    .work-filter{
      min-height:42px;
      padding:0 16px;
      border-radius:999px;
      border:1px solid #dfe6f0;
      background:#fff;
      color:#102b46;
      font-weight:800;
      cursor:pointer;
      transition:.2s ease;
    }

    .work-filter:hover,
    .work-filter.is-active{
      background:#102b46;
      border-color:#102b46;
      color:#fff;
      box-shadow:0 12px 28px rgba(16,43,70,.14);
    }

    .works-layout.works-grid{
      display:grid;
      grid-template-columns:1.12fr .94fr .94fr;
      gap:16px;
      align-items:stretch;
    }

    .works-grid .work-card{
      min-height:310px;
      border-radius:22px;
      transition:opacity .25s ease, transform .25s ease, filter .25s ease;
    }

    .works-grid .work-card.work-featured{
      min-height:636px;
      grid-row:span 2;
    }

    .works-grid .work-card.is-hidden{
      display:none;
    }

    .works-grid .work-card::after{
      background:linear-gradient(180deg, rgba(16,43,70,.04) 0%, rgba(16,43,70,.28) 48%, rgba(16,43,70,.90) 100%);
    }

    .works-grid .work-content h3{
      font-size:24px;
      line-height:1.35;
    }

    .works-grid .work-featured .work-content h3{
      font-size:34px;
    }

    .works-more{
      display:flex;
      justify-content:center;
      margin-top:26px;
    }

    .works-more .btn-primary,
    .services-slider-section .btn-primary,
    .about-simple__button{
      background:#c79a3c !important;
      color:#fff !important;
      border-color:#c79a3c !important;
      box-shadow:0 14px 32px rgba(199,154,60,.24) !important;
    }

    .works-more .btn-primary:hover,
    .services-slider-section .btn-primary:hover,
    .about-simple__button:hover{
      background:#d6aa50 !important;
      border-color:#d6aa50 !important;
    }

    @media (max-width: 980px){
      .works-layout.works-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      .works-grid .work-card.work-featured{
        min-height:420px;
        grid-column:1 / -1;
        grid-row:auto;
      }
    }

    @media (max-width: 640px){
      .works-toolbar{
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:6px;
        scrollbar-width:none;
      }

      .works-toolbar::-webkit-scrollbar{
        display:none;
      }

      .work-filter{
        flex:0 0 auto;
        min-height:38px;
        padding:0 13px;
        font-size:13px;
      }

      .works-layout.works-grid{
        grid-template-columns:1fr;
      }

      .works-grid .work-card,
      .works-grid .work-card.work-featured{
        min-height:360px;
        grid-column:auto;
      }
    }
    /* Works grid filtered state fix */
    .works-grid.is-filtered{
      grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    }

    .works-grid.is-filtered .work-card,
    .works-grid.is-filtered .work-card.work-featured{
      min-height:360px !important;
      grid-column:auto !important;
      grid-row:auto !important;
    }

    .works-grid.is-filtered .work-featured .work-content h3{
      font-size:24px !important;
    }
    @media (max-width: 980px){
      .works-grid.is-filtered{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
      }
    }


    @media (max-width: 640px){
      .works-grid.is-filtered{
        grid-template-columns:1fr !important;
      }
    }
    /* Works grid final: no overlapping featured card */
    #works .works-layout.works-grid{
      grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
      grid-auto-flow:row !important;
      align-items:stretch !important;
    }

    #works .works-grid .work-card,
    #works .works-grid .work-card.work-featured{
      min-height:360px !important;
      grid-column:auto !important;
      grid-row:auto !important;
    }

    #works .works-grid .work-featured .work-content h3{
      font-size:24px !important;
    }

    @media (max-width: 980px){
      #works .works-layout.works-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
      }
    }

    @media (max-width: 640px){
      #works .works-layout.works-grid{
        grid-template-columns:1fr !important;
      }
    }
    /* Team design 03: auto carousel */
    .team-carousel-section{
      background:#f8fafc;
      overflow:hidden;
    }

    .team-carousel-head{
      align-items:flex-start;
      margin-bottom:34px;
    }

    .team-carousel-wrap{
      overflow:hidden;
      position:relative;
      padding:8px 0 24px;
    }

    .team-carousel-wrap::before,
    .team-carousel-wrap::after{
      content:"";
      position:absolute;
      top:0;
      bottom:0;
      width:112px;
      z-index:4;
      pointer-events:none;
    }

    .team-carousel-wrap::before{
      right:0;
      background:linear-gradient(90deg, transparent, #f8fafc);
    }

    .team-carousel-wrap::after{
      left:0;
      background:linear-gradient(90deg, #f8fafc, transparent);
    }

    .team-carousel-track{
      display:flex;
      gap:16px;
      width:max-content;
      direction:ltr;
      --team-loop-distance:-1956px;
      animation:teamScroll 38s linear infinite;
      will-change:transform;
    }

    .team-carousel-wrap:hover .team-carousel-track{
      animation-play-state:paused;
    }

    @keyframes teamScroll{
      from{transform:translateX(0)}
      to{transform:translateX(var(--team-loop-distance))}
    }

    .team-carousel-card{
      width:310px;
      flex:0 0 auto;
      background:#fff;
      border:1px solid #e7ecf4;
      border-radius:24px;
      padding:12px;
      box-shadow:0 18px 48px rgba(16,43,70,.08);
      direction:rtl;
    }

    .team-carousel-card .team-card-img{
      height:300px;
      border-radius:18px;
      overflow:hidden;
      background:#102b46;
    }

    .team-carousel-card .team-card-img img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .35s ease;
    }

    .team-carousel-card:hover .team-card-img img{
      transform:scale(1.045);
    }

    .team-carousel-card .team-card-body{
      padding:18px 8px 8px;
    }

    .team-carousel-card h3{
      margin:0 0 8px;
      color:#102b46;
      font-size:22px;
      line-height:1.35;
      font-weight:800;
    }

    .team-carousel-card .team-role{
      display:block;
      color:#a8751f;
      font-weight:900;
      font-size:13px;
      margin-bottom:10px;
      direction:rtl;
      text-align:right;
    }

    .team-carousel-card p{
      margin:0;
      color:#6b7280;
      line-height:1.85;
      font-size:14px;
    }

    @media (max-width: 760px){
      .team-carousel-wrap::before,
      .team-carousel-wrap::after{
        width:48px;
      }

      .team-carousel-track{
        animation-duration:46s;
        --team-loop-distance:-1776px;
      }

      .team-carousel-card{
        width:280px;
      }

      .team-carousel-card .team-card-img{
        height:285px;
      }
    }
    /* Final section rhythm after hero */
    #services.services-slider-section{
      padding-bottom:112px !important;
    }

    .about-section,
    #works,
    .team-carousel-section{
      padding-top:112px !important;
      padding-bottom:112px !important;
    }

    .final-cta{
      padding-top:112px !important;
      padding-bottom:96px !important;
    }

    @media (max-width: 760px){
      #services.services-slider-section{
        padding-bottom:76px !important;
      }

      .about-section,
      #works,
      .team-carousel-section{
        padding-top:76px !important;
        padding-bottom:76px !important;
      }

      .final-cta{
        padding-top:76px !important;
        padding-bottom:72px !important;
      }
    }
    /* Team typography refinement */
    .team-carousel-card h3{
      font-weight:700 !important;
    }

    .team-carousel-card .team-role{
      font-weight:800 !important;
      direction:rtl !important;
    }
    /* Team carousel true infinite loop */
    .team-carousel-track{
      animation:none !important;
      transform:translate3d(0,0,0);
    }
    /* Mobile full-width hero */
    @media (max-width: 760px){
      .top-showcase{
        padding-top:0 !important;
      }

      .top-showcase > .container{
        width:100vw !important;
        max-width:none !important;
        margin-inline:calc(50% - 50vw) !important;
      }

      .top-showcase .hero-shell,
      .top-showcase .hero-card{
        border-radius:0 !important;
        border:0 !important;
        box-shadow:none !important;
      }

      .top-showcase .hero-card{
        min-height:100svh !important;
      }
    }
    /* Team cards must stay fully visible */
    .team-carousel-wrap::before,
    .team-carousel-wrap::after{
      display:none !important;
      content:none !important;
    }

    .team-carousel-card{
      opacity:1 !important;
      visibility:visible !important;
    }
    /* Final hero overlay requested */
    .top-showcase .hero-card::before{
      background:linear-gradient(180deg,
        rgba(0,0,0,.4) 0%,
        rgba(0,0,0,.6) 26%,
        rgba(0,0,0,.8) 46%,
        rgba(19,72,132,.8) 64%,
        rgba(18,91,178,.88) 84%,
        rgba(7,47,114,.88) 100%
      ) !important;
    }
    /* Team continuous marquee without empty gaps */
    .team-carousel-wrap{
      direction:ltr !important;
    }

    .team-carousel-track{
      display:flex !important;
      gap:0 !important;
      width:max-content !important;
      animation:teamMarquee 42s linear infinite !important;
      will-change:transform;
    }

    .team-carousel-wrap:hover .team-carousel-track{
      animation-play-state:paused !important;
    }

    .team-carousel-set{
      display:flex;
      gap:16px;
      padding-inline-end:16px;
      flex:0 0 auto;
    }

    @keyframes teamMarquee{
      from{transform:translate3d(0,0,0)}
      to{transform:translate3d(calc(-1 * var(--team-set-width, 1956px)),0,0)}
    }

    @media (max-width: 760px){
      .team-carousel-track{
        animation-duration:48s !important;
      }
    }
    /* Smooth page scrolling */
    html{
      scroll-behavior:smooth;
      scroll-padding-top:92px;
    }

    @media (max-width: 760px){
      html{
        scroll-padding-top:72px;
      }
    }
    /* Footer — نجمة الستين (RTL · info-columns) */
/* ===================================================== */
.site-footer {
	--f-black:      #080c12;
	--f-dark:       #0b1220;
	--f-blue:       #1a4fa0;
	--f-blue-mid:   #1d5cc4;
	--f-gold:       #c79a3c;
	--f-white:      #ffffff;
	--f-white-dim:  rgba(255,255,255,.70);
	--f-white-mute: rgba(255,255,255,.40);
	--f-border:     rgba(255,255,255,.10);

	position: relative;
	direction: rtl;
	overflow: hidden;
	background: linear-gradient(
		160deg,
		#060a10 0%,
		#080e1a 30%,
		#0d1f42 65%,
		#0a1530 100%
	);
	color: var(--f-white);
	font-weight: 500;
}

.site-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 55% 50% at 4% 95%, rgba(199,154,60,.18) 0, transparent 68%),
		radial-gradient(ellipse 50% 45% at 95% 8%,  rgba(29,92,196,.30) 0, transparent 65%);
	pointer-events: none;
}

.site-footer a {
	color: inherit;
	text-decoration: none;
}

/* ── INNER WRAPPER ─────────────────────────────────── */
.footer-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: clamp(32px, 6vw, 40px);
	width: min(1180px, calc(100% - 80px));
	margin-inline: auto;
	padding-block: clamp(44px, 6vw, 72px);
}

/* ── BRAND COLUMN (right) ──────────────────────────── */
.footer-brand {
	flex: 0 0 auto;
	width: clamp(210px, 22%, 270px);
	text-align: right;
}

.footer-logo {
	width: clamp(90px, 12vw, 130px);
	height: auto;
	margin-inline-end: auto;
	margin-bottom: 28px;
	object-fit: contain;
}

.footer-contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer-contact-list li {
	display: flex;
	align-items: flex-start;
	flex-direction: row;   /* direction:rtl على الأب يضع الأيقونة يمين */
	gap: 10px;
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--f-white-dim);
}

.footer-contact-icon {
	flex-shrink: 0;
	display: inline-grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid var(--f-gold);
	color: var(--f-gold);
	font-size: 11px;
	margin-top: 1px;
}

.footer-contact-list a,
.footer-contact-list address {
	color: inherit;
	text-decoration: none;
	font-style: normal;
	transition: color .18s ease;
}

.footer-contact-list a:hover {
	color: var(--f-gold);
}

/* ── NAV COLUMNS (left) ────────────────────────────── */
.footer-nav {
	flex: 1 1 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	text-align: right;
}

.footer-nav-col {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.footer-nav-title {
	margin: 0 0 16px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--f-gold);
}

.footer-nav-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 11px;
	direction: rtl;
	text-align: right;
}

.footer-nav-col a {
	color: var(--f-white-dim);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.35;
	transition: color .18s ease, padding-right .18s ease;
}

.footer-nav-col a:hover {
	color: var(--f-white);
	padding-right: 4px;
}

/* ── BOTTOM BAR ────────────────────────────────────── */
.footer-bottom {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: min(1180px, calc(100% - 80px));
	margin-inline: auto;
	padding-block: 14px;
	border-top: 1px solid var(--f-border);
	color: var(--f-white-mute);
	font-size: 11.5px;
	font-weight: 700;
	direction: rtl;
	text-align: center;
}


/* ── RESPONSIVE ────────────────────────────────────── */
@media (max-width: 860px) {
	.footer-inner {
		flex-direction: column;
		width: calc(100% - 48px);
		gap: 32px;
	}
	.footer-brand {
		width: 100%;
		text-align: right;
	}
	.footer-logo {
		margin-inline-start: 0;
		margin-inline-end: auto;
	}
	.footer-nav {
		width: 100%;
		flex-wrap: wrap;
		gap: 24px 36px;
	}
	.footer-bottom {
		width: calc(100% - 48px);
		flex-direction: column;
		gap: 6px;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.footer-inner { width: calc(100% - 32px); }
	.footer-nav { gap: 20px 28px; }
	.footer-nav-col a { font-size: 13px; }
	.footer-bottom { width: calc(100% - 32px); font-size: 11px; }
}

    /* Clients section */
    .clients-section{
      background:#fff;
      overflow:hidden;
    }

    .clients-head{
      text-align:center;
      margin:0 auto 42px;
    }

    .clients-head .eyebrow{
      margin-inline:auto;
    }

    .clients-head .section-title{
      font-family:var(--font-subtitle);
      max-width:820px;
      margin-inline:auto;
    }

    .clients-head .section-desc{
      max-width:720px;
      margin:18px auto 0;
    }

    .clients-grid{
      display:grid;
      grid-template-columns:repeat(6, minmax(0, 1fr));
      gap:18px 22px;
      align-items:center;
    }

    .client-logo{
      min-height:118px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:18px 12px;
      text-align:center;
      color:#8b929d;
      filter:grayscale(1);
      opacity:.68;
      border-radius:18px;
      border:1px solid transparent;
      background:transparent;
      transition:color .25s ease, opacity .25s ease, filter .25s ease, transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
    }

    .client-logo strong{
      display:block;
      font-size:clamp(20px, 2.2vw, 32px);
      line-height:1.1;
      font-weight:900;
      letter-spacing:0;
    }

    .client-logo span{
      display:block;
      font-size:12px;
      line-height:1.35;
      font-weight:800;
      opacity:.82;
      direction:ltr;
    }

    .client-logo:hover{
      color:var(--client-color, #102b46);
      filter:grayscale(0);
      opacity:1;
      transform:translateY(-4px);
      background:#fff;
      border-color:rgba(16,43,70,.08);
      box-shadow:0 18px 44px rgba(16,43,70,.08);
    }

    .client-logo img{
      max-width:100%;
      max-height:72px;
      width:auto;
      height:auto;
      object-fit:contain;
      transition:transform .3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .client-logo:hover img{
      transform:scale(1.08);
    }

    @media (max-width: 1100px){
      .clients-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px){
      .clients-head{
        text-align:right;
      }

      .clients-head .eyebrow,
      .clients-head .section-title,
      .clients-head .section-desc{
        margin-inline:0;
      }

      .clients-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
      }

      .client-logo{
        min-height:104px;
        padding:14px 10px;
      }

      .client-logo img{
        max-height:56px;
      }
    }
/* Homepage final CTA: match services page CTA */
.home-services-cta .final-cta-box {
	position: relative;
	min-height: 0;
	padding: 80px 40px;
	border-radius: var(--radius-xl);
	overflow: hidden;
	text-align: center;
	background: var(--blue-dark);
	box-shadow: var(--shadow);
}

.home-services-cta .final-cta-bg {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.25;
}

.home-services-cta .final-cta-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		radial-gradient(circle at 50% 50%, rgba(37, 111, 220, 0.3), transparent 70%),
		linear-gradient(135deg, rgba(16, 43, 70, 0.95) 0%, rgba(15, 79, 172, 0.9) 100%);
}

.home-services-cta .final-cta-content {
	position: relative;
	z-index: 3;
	display: block;
	max-width: 720px;
	min-height: 0;
	margin: 0 auto;
	padding: 0;
	color: #ffffff;
}

.home-services-cta .final-cta-content h2 {
	max-width: none;
	margin: 0 0 20px;
	color: #ffffff;
	font-size: clamp(2rem, 4vw, 3.2rem);
	font-weight: 900;
	line-height: 1.4;
}

.home-services-cta .final-cta-content p {
	max-width: none;
	margin: 0 0 38px;
	color: rgba(255, 255, 255, 0.88);
	font-size: 1.18rem;
	line-height: 1.85;
}

.home-services-cta .final-cta-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 18px;
}

.home-services-cta .btn-gold,
.home-services-cta .btn-whatsapp {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 50px;
	padding: 0 28px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease;
}

.home-services-cta .btn-gold {
	color: #ffffff;
	background: linear-gradient(135deg, var(--gold), #d8b258);
	box-shadow: 0 12px 26px rgba(199, 154, 60, 0.28);
}

.home-services-cta .btn-whatsapp {
	color: var(--blue-dark);
	background: #ffffff;
	border-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 14px 30px rgba(255, 255, 255, 0.18);
}

.home-services-cta .btn-gold:hover,
.home-services-cta .btn-whatsapp:hover {
	transform: translateY(-3px);
}

.home-services-cta .btn-gold:hover {
	color: #ffffff;
	box-shadow: 0 18px 34px rgba(199, 154, 60, 0.38);
}

.home-services-cta .btn-whatsapp:hover {
	color: var(--blue-dark);
	background: #f8fafc;
	border-color: #ffffff;
}

@media (max-width: 768px) {
	.home-services-cta .final-cta-box {
		padding: 50px 24px;
	}

	.home-services-cta .final-cta-actions {
		gap: 12px;
	}

	.home-services-cta .btn-gold,
	.home-services-cta .btn-whatsapp {
		width: 100%;
	}
}