:root{
    --ink:#0E2547;
    --ink-soft:#153A61;
    --paper:#F7F6F2;
    --paper-dim:#EDF1F6;
    --blue:#005AAA;
    --blue-soft:rgba(0,90,170,0.12);
    --green:#8DC63F;
    --green-soft:rgba(141,198,63,0.14);
    --slate:#54617A;
    --white:#FFFFFF;
    --line:rgba(14,37,71,0.10);
    --line-dark:rgba(247,246,242,0.14);
    --font-head:'Space Grotesk', sans-serif;
    --font-body:'Inter', sans-serif;
    --font-mono:'JetBrains Mono', monospace;
    --font-ar:'Tajawal', sans-serif;
    --max:1180px;
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--font-ar);
    background:var(--paper);
    color:var(--ink);
    line-height:1.85;
    -webkit-font-smoothing:antialiased;
  }
  body.font-en{font-family:var(--font-body); line-height:1.6;}
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  .wrap{max-width:var(--max); margin:0 auto; padding:0 32px;}
  section{position:relative; scroll-margin-top:90px;}
  .product-card{scroll-margin-top:90px;}
  h1,h2,h3,h4{font-family:var(--font-ar); font-weight:700; letter-spacing:0;}
  body.font-en h1, body.font-en h2, body.font-en h3, body.font-en h4{font-family:var(--font-head); font-weight:600; letter-spacing:-0.01em;}
  .eyebrow{
    font-family:var(--font-mono);
    font-size:12px;
    letter-spacing:0.05em;
    text-transform:uppercase;
    color:var(--blue);
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
  }
  body.font-en .eyebrow{letter-spacing:0.14em;}
  .eyebrow::before{
    content:"";
    width:20px; height:1px;
    background:var(--blue);
    display:inline-block;
    flex-shrink:0;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:13px 26px;
    border-radius:3px;
    font-family:inherit;
    font-weight:700;
    font-size:14.5px;
    cursor:pointer;
    border:1px solid transparent;
    transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
    background:none;
  }
  body.font-en .btn{font-weight:600;}
  .btn-primary{
    background:var(--green);
    color:var(--ink);
  }
  .btn-primary:hover{transform:translateY(-2px);}
  .btn-ghost{
    border-color:var(--line-dark);
    color:var(--paper);
  }
  .btn-ghost:hover{border-color:var(--green); color:var(--green);}
  .btn-outline-dark{
    border-color:var(--line);
    color:var(--ink);
  }
  .btn-outline-dark:hover{border-color:var(--blue); color:var(--blue);}
  .lang-toggle{
    font-family:var(--font-body);
    font-size:13px;
  }

  /* reveal animation */
  .reveal{opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1; transform:none; transition:none;}
    html{scroll-behavior:auto;}
  }

  /* NAV */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    padding:14px 0;
    transition:background .3s ease, padding .3s ease, border-color .3s ease;
    border-bottom:1px solid transparent;
  }
  header.scrolled{
    background:rgba(14,37,71,0.94);
    backdrop-filter:blur(10px);
    padding:10px 0;
    border-bottom:1px solid var(--line-dark);
  }
  nav{display:flex; align-items:center; justify-content:space-between; gap:20px;}
  .logo{display:flex; align-items:center;}
  .logo img{height:52px; width:auto; display:block; transition:height .25s ease;}
  header.scrolled .logo img{height:42px;}
  footer .logo img{height:46px;}

  /* MEGA MENU */
  .nav-links{display:flex; gap:6px; align-items:center;}
  .nav-item{position:relative;}
  .nav-trigger{
    background:none; border:none; cursor:pointer;
    font-family:inherit;
    font-size:14.5px; font-weight:500;
    color:rgba(247,246,242,0.75);
    padding:10px 12px;
    display:flex; align-items:center; gap:6px;
    transition:color .2s ease;
  }
  .nav-trigger .chev{
    width:9px; height:9px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);
    transition:transform .25s ease;
    margin-top:-3px;
  }
  .nav-item.open .nav-trigger .chev{transform:rotate(225deg); margin-top:3px;}
  .nav-item:hover .nav-trigger, .nav-item.open .nav-trigger{color:var(--paper);}
  .nav-links > a{
    font-size:14.5px; font-weight:500;
    color:rgba(247,246,242,0.75);
    padding:10px 12px;
    transition:color .2s ease;
  }
  .nav-links > a:hover{color:var(--paper);}

  .mega-panel{
    position:fixed;
    top:64px;
    left:50%;
    transform:translate(-50%, -10px);
    width:min(920px, calc(100vw - 48px));
    background:var(--white);
    border:1px solid var(--line);
    border-radius:10px;
    box-shadow:0 24px 60px rgba(14,37,71,0.22);
    padding:28px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease, transform .22s ease, visibility .22s;
    z-index:200;
    color:var(--ink);
  }
  header.scrolled .mega-panel{top:56px;}
  .nav-item.open .mega-panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%, 0);
  }
  .mega-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    border-radius:8px;
    overflow:hidden;
  }
  .mega-grid.cols-2{grid-template-columns:repeat(2, 1fr);}
  .mega-col{
    background:var(--paper);
    padding:22px 22px;
    transition:background .2s ease;
  }
  .mega-col:hover{background:var(--white);}
  .mega-col-head{
    display:flex; align-items:center; justify-content:space-between;
    font-weight:700;
    font-size:14.5px;
    margin-bottom:14px;
    padding-bottom:12px;
    border-bottom:1px solid var(--line);
  }
  .mega-col-head .arrow-icon{
    width:16px; height:16px;
    flex-shrink:0;
    color:var(--blue);
  }
  .mega-col ul{display:flex; flex-direction:column; gap:9px;}
  .mega-col ul a, .mega-col ul span.soon-link{
    font-size:13.5px;
    color:var(--slate);
    transition:color .15s ease;
    cursor:pointer;
  }
  .mega-col ul a:hover{color:var(--blue);}
  .mega-tile{
    background:var(--ink);
    color:var(--paper);
    display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
    gap:8px;
    padding:22px;
    cursor:pointer;
    transition:background .2s ease;
  }
  .mega-tile:hover{background:var(--ink-soft);}
  .mega-tile .mega-col-head{border-bottom:1px solid var(--line-dark); color:var(--paper);}
  .mega-tile p{font-size:12.5px; color:rgba(247,246,242,0.6);}
  .soon-badge{
    display:inline-block;
    font-family:var(--font-mono);
    font-size:10px;
    letter-spacing:.03em;
    background:var(--blue-soft);
    color:var(--blue);
    padding:2px 7px;
    border-radius:20px;
    margin-inline-start:8px;
  }

  /* Mobile drawer */
  .mobile-overlay{
    position:fixed; inset:0;
    background:var(--ink);
    z-index:300;
    display:flex; flex-direction:column;
    padding:26px 28px;
    transform:translateX(100%);
    transition:transform .3s ease;
  }
  html[dir="rtl"] .mobile-overlay{transform:translateX(-100%);}
  .mobile-overlay.open{transform:translateX(0);}
  .mobile-overlay-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:34px;}
  .mobile-close{background:none; border:none; color:var(--paper); font-size:28px; line-height:1; cursor:pointer;}
  .mobile-links{display:flex; flex-direction:column; gap:4px; overflow-y:auto;}
  .mobile-group{border-bottom:1px solid var(--line-dark); padding:6px 0 14px; margin-bottom:10px;}
  .mobile-group-title{
    font-family:var(--font-mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase;
    color:rgba(247,246,242,0.4); margin-bottom:12px;
  }
  .mobile-links a, .mobile-links span.soon-link{
    display:block; font-size:16px; font-weight:500; color:var(--paper);
    padding:9px 0;
  }
  .mobile-links a.sub{font-size:14px; font-weight:400; color:rgba(247,246,242,0.65); padding:6px 0;}

  .nav-cta{display:flex; align-items:center; gap:14px;}
  .nav-toggle{
    display:none;
    background:none; border:1px solid var(--line-dark); border-radius:4px;
    width:38px; height:38px;
    color:var(--paper);
    cursor:pointer;
    align-items:center; justify-content:center;
  }
  .nav-toggle svg{width:18px; height:18px;}

  /* HERO */
  .hero{
    background:var(--ink);
    color:var(--paper);
    padding:170px 0 110px;
    overflow:hidden;
    position:relative;
    border-bottom:1px solid var(--line-dark);
  }
  .hero::before{
    content:"";
    position:absolute; inset:0;
    background-image:
      linear-gradient(var(--line-dark) 1px, transparent 1px),
      linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse 80% 60% at 50% 20%, black 40%, transparent 90%);
    opacity:.6;
  }
  .hero-inner{
    position:relative; z-index:2;
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:40px;
    align-items:center;
  }
  .hero h1{
    font-size:clamp(32px, 4.2vw, 50px);
    line-height:1.25;
    letter-spacing:0;
    margin-bottom:22px;
  }
  body.font-en .hero h1{font-size:clamp(34px, 4.4vw, 54px); line-height:1.08; letter-spacing:-0.02em;}
  .hero h1 em{
    font-style:normal;
    color:var(--green);
  }
  .hero p.lead{
    font-size:17px;
    color:rgba(247,246,242,0.72);
    max-width:480px;
    margin-bottom:34px;
  }
  .hero-ctas{display:flex; gap:16px; margin-bottom:56px; flex-wrap:wrap;}
  .stat-row{
    display:flex;
    gap:44px;
    border-top:1px solid var(--line-dark);
    padding-top:28px;
    flex-wrap:wrap;
  }
  .stat-row .stat-num{
    font-family:var(--font-mono);
    font-size:26px;
    font-weight:600;
    color:var(--paper);
    display:block;
  }
  .stat-row .stat-label{
    font-size:12.5px;
    color:rgba(247,246,242,0.55);
    margin-top:4px;
  }

  /* network visual */
  .network{
    position:relative;
    height:440px;
    display:flex; align-items:center; justify-content:center;
  }
  .network svg{width:100%; height:100%; overflow:visible;}
  .node-pulse{
    animation:pulse 2.6s ease-in-out infinite;
    transform-origin:center;
  }
  .node-pulse.d1{animation-delay:.2s;}
  .node-pulse.d2{animation-delay:.7s;}
  .node-pulse.d3{animation-delay:1.1s;}
  .node-pulse.d4{animation-delay:1.6s;}
  .node-pulse.d5{animation-delay:.4s;}
  @keyframes pulse{
    0%,100%{opacity:.35;}
    50%{opacity:1;}
  }
  .line-flow{
    stroke-dasharray:4 6;
    animation:flow 3s linear infinite;
  }
  @keyframes flow{
    to{stroke-dashoffset:-40;}
  }
  @media (prefers-reduced-motion: reduce){
    .node-pulse, .line-flow{animation:none; opacity:.85;}
  }

  /* SECTION GENERIC */
  .section{padding:104px 0;}
  .section-head{
    max-width:640px;
    margin-bottom:60px;
  }
  .section-head h2{
    font-size:clamp(25px,3vw,34px);
    line-height:1.35;
    margin-bottom:16px;
  }
  body.font-en .section-head h2{font-size:clamp(26px,3vw,36px); line-height:1.15;}
  .section-head p{
    color:var(--slate);
    font-size:16px;
  }
  .section-dark{background:var(--ink); color:var(--paper);}
  .section-dark .section-head p{color:rgba(247,246,242,0.65);}

  /* PRODUCTS */
  .products-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .product-card{
    background:var(--paper);
    padding:40px 34px;
    display:flex;
    flex-direction:column;
    transition:background .25s ease;
  }
  .product-card:hover{background:var(--white);}
  .product-index{
    font-family:var(--font-mono);
    font-size:12px;
    color:var(--blue);
    margin-bottom:24px;
  }
  .product-icon{
    width:44px; height:44px;
    border-radius:8px;
    background:var(--blue-soft);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:22px;
  }
  .product-icon svg{width:22px; height:22px; stroke:var(--blue);}
  .product-card h3{font-size:19px; margin-bottom:12px;}
  .product-card p{
    color:var(--slate);
    font-size:14.5px;
    flex-grow:1;
    margin-bottom:24px;
  }
  .product-link{
    font-size:13.5px;
    font-weight:700;
    color:var(--ink);
    display:inline-flex;
    align-items:center;
    gap:6px;
    border-bottom:1px solid var(--ink);
    padding-bottom:2px;
    width:fit-content;
    transition:color .2s ease, border-color .2s ease, gap .2s ease;
  }
  .product-link:hover{color:var(--blue); border-color:var(--blue); gap:10px;}

  /* VALUES */
  .values-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:48px;
  }
  .value-item .value-num{
    font-family:var(--font-mono);
    font-size:13px;
    color:rgba(247,246,242,0.4);
    margin-bottom:18px;
    display:block;
  }
  .value-item h3{font-size:19px; margin-bottom:12px; color:var(--paper);}
  .value-item p{color:rgba(247,246,242,0.65); font-size:14.5px;}

  /* TRUST / STATS BANNER */
  .trust{
    background:var(--paper-dim);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:64px 0;
  }
  .trust-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:36px;
  }
  .trust-text{max-width:380px;}
  .trust-text .eyebrow{margin-bottom:12px;}
  .trust-text h3{font-size:21px; line-height:1.5;}
  body.font-en .trust-text h3{font-size:22px; line-height:1.3;}
  .trust-stats{display:flex; gap:56px; flex-wrap:wrap;}
  .trust-stats .stat-num{
    font-family:var(--font-mono);
    font-size:34px;
    font-weight:600;
    color:var(--ink);
    display:block;
  }
  .trust-stats .stat-label{
    font-size:12.5px;
    color:var(--slate);
    margin-top:6px;
    max-width:150px;
  }

  /* ABOUT */
  .about-grid{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:70px;
    align-items:start;
  }
  .about-grid h2{
    font-size:clamp(25px,3vw,32px);
    line-height:1.4;
    margin-bottom:20px;
  }
  body.font-en .about-grid h2{font-size:clamp(26px,3vw,34px); line-height:1.2;}
  .about-grid > div:first-child p{color:var(--slate); font-size:15.5px;}
  .mission-cols{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
  .mission-card{
    border-top:2px solid var(--blue);
    padding-top:20px;
  }
  .mission-card h4{font-size:16px; margin-bottom:10px;}
  .mission-card p{font-size:14.5px; color:var(--slate);}

  /* CONTACT */
  .contact-grid{
    display:grid;
    grid-template-columns:0.85fr 1.15fr;
    gap:60px;
  }
  .contact-info h2{font-size:clamp(25px,3vw,32px); margin-bottom:18px; line-height:1.4;}
  body.font-en .contact-info h2{font-size:clamp(26px,3vw,34px); line-height:1.2;}
  .contact-info p{color:rgba(247,246,242,0.65); font-size:15px; margin-bottom:36px; max-width:380px;}
  .contact-detail{
    display:flex; align-items:center; gap:14px;
    padding:16px 0;
    border-top:1px solid var(--line-dark);
  }
  .contact-detail:last-of-type{border-bottom:1px solid var(--line-dark);}
  .contact-detail .cd-label{font-size:12px; font-family:var(--font-mono); color:rgba(247,246,242,0.4); width:90px; flex-shrink:0;}
  .contact-detail a, .contact-detail span{font-size:15px; color:var(--paper);}
  .social-row{display:flex; gap:14px; margin-top:28px;}
  .social-row a{
    width:38px; height:38px;
    border:1px solid var(--line-dark);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    transition:border-color .2s ease, color .2s ease;
    color:rgba(247,246,242,0.7);
  }
  .social-row a:hover{border-color:var(--blue); color:var(--blue);}
  .social-row svg{width:16px; height:16px;}

  form.contact-form{
    background:var(--ink-soft);
    border:1px solid var(--line-dark);
    border-radius:6px;
    padding:40px;
  }
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px;}
  .field{display:flex; flex-direction:column; gap:8px;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:12.5px; font-family:var(--font-mono); color:rgba(247,246,242,0.5);}
  .field input, .field textarea{
    background:rgba(247,246,242,0.04);
    border:1px solid var(--line-dark);
    border-radius:3px;
    padding:12px 14px;
    color:var(--paper);
    font-family:inherit;
    font-size:14.5px;
    resize:vertical;
  }
  .field input:focus, .field textarea:focus{
    outline:none;
    border-color:var(--blue);
  }
  .field input::placeholder, .field textarea::placeholder{color:rgba(247,246,242,0.3);}
  .contact-form .btn-primary{width:100%; justify-content:center; margin-top:6px;}
  .form-note{font-size:12.5px; color:rgba(247,246,242,0.4); margin-top:14px;}

  /* FOOTER */
  footer{
    background:var(--ink);
    color:rgba(247,246,242,0.55);
    padding:56px 0 30px;
    border-top:1px solid var(--line-dark);
  }
  .footer-top{
    display:flex; justify-content:space-between; align-items:flex-start;
    flex-wrap:wrap; gap:40px;
    padding-bottom:40px;
    border-bottom:1px solid var(--line-dark);
    margin-bottom:26px;
  }
  .footer-cols{display:flex; gap:70px; flex-wrap:wrap;}
  .footer-col h5{
    font-family:var(--font-mono);
    font-size:12px;
    letter-spacing:.02em;
    text-transform:uppercase;
    color:rgba(247,246,242,0.4);
    margin-bottom:16px;
  }
  .footer-col a{
    display:block;
    font-size:14px;
    color:rgba(247,246,242,0.7);
    margin-bottom:10px;
    transition:color .2s ease;
  }
  .footer-col a:hover{color:var(--blue);}
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:center;
    flex-wrap:wrap; gap:16px;
    font-size:13px;
  }

  /* OFFICE / TEAM GALLERY */
  .office-gallery{
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:14px;
    height:460px;
  }
  .office-gallery a{
    display:block;
    position:relative;
    border-radius:8px;
    overflow:hidden;
    background:var(--paper-dim);
  }
  .office-gallery a:first-child{grid-row:1 / 3;}
  .office-gallery img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
  }
  .office-gallery a:hover img{transform:scale(1.05);}
  .og-caption{
    position:absolute; inset-inline:0; bottom:0;
    padding:16px 18px;
    background:linear-gradient(to top, rgba(14,37,71,0.85), transparent);
    color:var(--paper);
    font-size:13px;
    font-weight:500;
  }

  /* EXHIBITION SHOWCASE */
  .exhibition-banner{
    position:relative;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:16px;
    height:420px;
  }
  .exhibition-banner img{width:100%; height:100%; object-fit:cover; display:block;}
  .exhibition-banner .eb-overlay{
    position:absolute; inset:0;
    background:linear-gradient(to top, rgba(14,37,71,0.88) 0%, rgba(14,37,71,0.25) 55%, transparent 100%);
    display:flex; flex-direction:column; justify-content:flex-end;
    padding:32px;
  }
  .exhibition-banner .eb-overlay .eyebrow{color:var(--green); margin-bottom:10px;}
  .exhibition-banner .eb-overlay h3{color:var(--paper); font-size:22px; max-width:620px; line-height:1.4;}
  .exhibition-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:14px;
  }
  .exhibition-grid a{
    display:block; border-radius:8px; overflow:hidden;
    aspect-ratio:1/1;
    position:relative;
  }
  .exhibition-grid img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease;}
  .exhibition-grid a:hover img{transform:scale(1.08);}

  .award-card{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:28px;
    align-items:center;
    background:var(--paper-dim);
    border:1px solid var(--line);
    border-radius:10px;
    padding:24px;
    margin-top:20px;
  }
  .award-card img{
    width:100%; border-radius:6px; display:block;
    box-shadow:0 12px 30px rgba(14,37,71,0.18);
  }
  .award-card h4{font-size:16px; margin-bottom:8px;}
  .award-card p{font-size:13.5px; color:var(--slate);}

  @media (max-width:920px){
    .office-gallery{grid-template-columns:1fr 1fr; grid-template-rows:auto auto; height:auto;}
    .office-gallery a{height:220px;}
    .office-gallery a:first-child{grid-row:auto; grid-column:1/3; height:260px;}
    .exhibition-banner{height:280px;}
    .exhibition-grid{grid-template-columns:repeat(2, 1fr);}
    .award-card{grid-template-columns:1fr; text-align:center;}
    .award-card img{max-width:200px; margin:0 auto;}
  }
  .services-overview-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .svc-card{
    background:var(--paper);
    padding:34px 30px;
    scroll-margin-top:90px;
    transition:background .2s ease;
  }
  .svc-card:hover{background:var(--white);}
  .svc-card-head{display:flex; align-items:center; gap:12px; margin-bottom:16px;}
  .svc-icon{
    width:40px; height:40px; border-radius:8px;
    background:var(--blue-soft);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .svc-icon svg{width:20px; height:20px; stroke:var(--blue);}
  .svc-card h3{font-size:17px;}
  .svc-card ul{display:flex; flex-direction:column; gap:8px;}
  .svc-card ul li{font-size:13.5px; color:var(--slate); padding-inline-start:14px; position:relative;}
  .svc-card ul li::before{
    content:"";
    position:absolute; inset-inline-start:0; top:9px;
    width:5px; height:5px; border-radius:50%;
    background:var(--green);
  }

  /* INDUSTRIES */
  .industries-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
  }
  .industry-card{
    background:var(--ink-soft);
    border:1px solid var(--line-dark);
    border-radius:8px;
    padding:26px 24px;
    transition:border-color .2s ease, transform .2s ease;
  }
  .industry-card:hover{border-color:var(--green); transform:translateY(-3px);}
  .industry-icon{
    width:38px; height:38px; border-radius:8px;
    background:rgba(141,198,63,0.14);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:16px;
  }
  .industry-icon svg{width:19px; height:19px; stroke:var(--green);}
  .industry-card h4{font-size:15.5px; color:var(--paper); margin-bottom:6px;}
  .industry-card p{font-size:13px; color:rgba(247,246,242,0.55);}

  /* PARTNERS */
  .partners-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .partner-row{
    background:var(--paper);
    padding:20px 26px;
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:16px;
    flex-wrap:wrap;
  }
  .partner-row .p-cat{font-size:13.5px; font-weight:700; color:var(--ink); min-width:180px;}
  .partner-row .p-names{font-size:13px; color:var(--slate); text-align:end;}

  @media (max-width:920px){
    .services-overview-grid{grid-template-columns:1fr;}
    .industries-grid{grid-template-columns:repeat(2,1fr);}
    .partners-grid{grid-template-columns:1fr;}
    .partner-row .p-names{text-align:start;}
  }
  @media (max-width:560px){
    .industries-grid{grid-template-columns:1fr;}
  }
  @media (max-width: 920px){
    .hero-inner{grid-template-columns:1fr;}
    .network{height:300px; order:-1;}
    .products-grid{grid-template-columns:1fr;}
    .values-grid{grid-template-columns:1fr; gap:36px;}
    .about-grid{grid-template-columns:1fr; gap:40px;}
    .contact-grid{grid-template-columns:1fr;}
    .nav-links{display:none;}
    .nav-toggle{display:flex;}
  }
  @media (max-width: 680px){
    .nav-cta .btn-ghost{display:none;}
  }
  @media (max-width: 400px){
    .logo img{height:40px;}
    header.scrolled .logo img{height:36px;}
  }
  @media (max-width: 560px){
    .wrap{padding:0 20px;}
    .form-row{grid-template-columns:1fr;}
    .trust-stats{gap:32px;}
    .footer-cols{gap:40px;}
  }

  :focus-visible{outline:2px solid var(--blue); outline-offset:2px;}

  /* PAGE HERO (sub-pages) */
  .page-hero{
    background:var(--ink);
    color:var(--paper);
    padding:160px 0 70px;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid var(--line-dark);
  }
  .page-hero::before{
    content:"";
    position:absolute; inset:0;
    background-image:
      linear-gradient(var(--line-dark) 1px, transparent 1px),
      linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse 70% 100% at 30% 0%, black 30%, transparent 85%);
    opacity:.6;
  }
  .page-hero-inner{position:relative; z-index:2; max-width:720px;}
  .page-hero h1{
    font-size:clamp(30px, 4vw, 46px);
    line-height:1.3;
    margin-bottom:16px;
  }
  body.font-en .page-hero h1{line-height:1.12; letter-spacing:-0.01em;}
  .page-hero p{font-size:16px; color:rgba(247,246,242,0.7); max-width:600px;}
  .breadcrumb{
    display:flex; align-items:center; gap:8px;
    font-family:var(--font-mono); font-size:12px;
    color:rgba(247,246,242,0.45);
    margin-bottom:18px;
  }
  .breadcrumb a{color:rgba(247,246,242,0.6); transition:color .2s ease;}
  .breadcrumb a:hover{color:var(--green);}
  .breadcrumb .sep{opacity:.5;}

  /* Active nav state */
  .nav-links > a.active, .nav-item.active .nav-trigger{color:var(--paper);}
  .nav-links > a.active{border-bottom:2px solid var(--green); padding-bottom:8px;}

  /* ABOUT PAGE — purpose/vision/mission/values quad + goals/strategy */
  .quad-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    margin-bottom:70px;
  }
  .quad-card{background:var(--paper); padding:32px 30px;}
  .quad-card h4{font-size:13px; font-family:var(--font-mono); text-transform:uppercase; letter-spacing:.04em; color:var(--blue); margin-bottom:14px;}
  .quad-card p{font-size:15px; color:var(--ink); line-height:1.8;}
  .quad-card ul{display:flex; flex-direction:column; gap:10px;}
  .quad-card ul li{font-size:14.5px; color:var(--slate); padding-inline-start:16px; position:relative;}
  .quad-card ul li::before{
    content:""; position:absolute; inset-inline-start:0; top:8px;
    width:5px; height:5px; border-radius:50%; background:var(--green);
  }

  .strategy-list{display:flex; flex-direction:column; gap:0;}
  .strategy-item{
    display:flex; align-items:flex-start; gap:18px;
    padding:18px 0;
    border-top:1px solid var(--line-dark);
  }
  .strategy-item:last-child{border-bottom:1px solid var(--line-dark);}
  .strategy-num{
    font-family:var(--font-mono); font-size:13px; color:var(--green);
    flex-shrink:0; width:28px; padding-top:2px;
  }
  .strategy-item p{font-size:14.5px; color:rgba(247,246,242,0.75);}

  /* Founding stat strip on about page */
  .founding-strip{
    display:flex; gap:50px; flex-wrap:wrap;
    padding:28px 0; margin-bottom:10px;
    border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  }
  .founding-strip div{display:flex; flex-direction:column; gap:4px;}
  .founding-strip .f-num{font-family:var(--font-mono); font-size:22px; font-weight:600; color:var(--ink);}
  .founding-strip .f-label{font-size:12.5px; color:var(--slate);}

  @media (max-width:700px){
    .quad-grid{grid-template-columns:1fr;}
  }