:root{
    --navy:#0B1F3A;
    --navy-2:#13294B;
    --gold:#C8A24B;
    --gold-soft:#E2C880;
    --green:#1E7A5A;
    --green-soft:#2FA277;
    --paper:#F7F5EF;
    --ink:#0B1F3A;
    --muted:#5B6675;
    --line:rgba(11,31,58,.12);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:"Aptos","Aptos Display",-apple-system,"Segoe UI",sans-serif;
    background:var(--paper);
    color:var(--ink);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }
  p,li{text-align:justify;text-justify:inter-word;hyphens:auto}
  .wrap{max-width:1140px;margin:0 auto;padding:0 32px}
  .eyebrow{
    font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;
    color:var(--gold);font-weight:600;text-align:left;
  }
  h1,h2,h3{line-height:1.15;letter-spacing:-.01em;text-align:left}

  /* NAV */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(11,31,58,.92);backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(200,162,75,.25);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
  .brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;letter-spacing:.18em;font-size:1.05rem}
  .mark{width:30px;height:30px;flex:none}
  .nav ul{display:flex;gap:34px;list-style:none}
  .nav a{color:#cdd6e4;text-decoration:none;font-size:.86rem;letter-spacing:.05em;transition:color .2s}
  .nav a:hover{color:var(--gold)}
  .nav .cta{background:var(--gold);color:var(--navy);padding:9px 20px;border-radius:2px;font-weight:600}
  .nav .cta:hover{background:var(--gold-soft);color:var(--navy)}
  @media(max-width:760px){.nav ul{display:none}}

  /* HERO */
  .hero{
    position:relative;overflow:hidden;
    background:
      radial-gradient(120% 90% at 85% -10%, rgba(30,122,90,.35), transparent 55%),
      radial-gradient(80% 70% at 5% 110%, rgba(200,162,75,.22), transparent 60%),
      linear-gradient(160deg,var(--navy),var(--navy-2));
    color:#fff;
  }
  .hero-grid::before{
    content:"";position:absolute;inset:0;
    background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:64px 64px;mask-image:radial-gradient(80% 80% at 70% 20%,#000,transparent);
  }
  .hero .wrap{position:relative;padding:96px 32px 110px}
  .hero h1{font-size:clamp(2.5rem,5.5vw,4.2rem);font-weight:700;max-width:14ch;margin:22px 0 24px}
  .hero h1 span{color:var(--gold)}
  .hero p.lead{max-width:54ch;color:#c9d3e2;font-size:1.12rem}
  .hero-actions{display:flex;gap:16px;margin-top:38px;flex-wrap:wrap}
  .btn{padding:14px 28px;border-radius:2px;font-weight:600;text-decoration:none;font-size:.92rem;letter-spacing:.03em;transition:.2s}
  .btn-gold{background:var(--gold);color:var(--navy)}
  .btn-gold:hover{background:var(--gold-soft)}
  .btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
  .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:70px;border:1px solid rgba(255,255,255,.12)}
  .stat{background:linear-gradient(160deg,var(--navy),var(--navy-2));padding:26px 22px}
  .stat .n{font-size:2rem;font-weight:700;color:var(--gold)}
  .stat .l{font-size:.78rem;color:#aebbcd;letter-spacing:.04em;margin-top:4px}
  @media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}

  /* SECTIONS */
  section{padding:88px 0}
  .section-head{max-width:60ch;margin-bottom:48px}
  .section-head h2{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:700;margin:14px 0 16px}
  .section-head p{color:var(--muted)}

  .alt{background:var(--navy);color:#fff}
  .alt .section-head p{color:#b9c4d4}
  .alt .eyebrow{color:var(--gold-soft)}

  /* GLOSSARY */
  .gloss{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  table.glossary{width:100%;border-collapse:collapse;font-size:.9rem}
  table.glossary th{
    background:var(--navy);color:#fff;text-align:left;padding:14px 18px;
    font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  }
  table.glossary td{padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
  table.glossary td:first-child{font-weight:700;color:var(--green);white-space:nowrap;width:130px}
  table.glossary tr:nth-child(even) td{background:rgba(11,31,58,.025)}

  /* CARDS */
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  @media(max-width:860px){.cards{grid-template-columns:1fr}}
  .card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:32px 28px;transition:.25s}
  .card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,31,58,.10)}
  .card h3{font-size:1.18rem;margin-bottom:12px;color:var(--navy)}
  .card p{color:var(--muted);font-size:.94rem}
  .card .tag{display:inline-block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:14px}

  /* TECH ROW */
  .tech{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
  @media(max-width:860px){.tech{grid-template-columns:1fr;gap:36px}}
  .spec{list-style:none;border-top:1px solid rgba(255,255,255,.14)}
  .spec li{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}
  .spec .k{color:#b9c4d4;font-size:.92rem}
  .spec .v{color:var(--gold);font-weight:700;text-align:right}
  .panel{background:linear-gradient(160deg,var(--navy-2),#0e2240);border:1px solid rgba(200,162,75,.3);padding:8px}

  /* BOT MODEL */
  .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);background:#fff}
  @media(max-width:760px){.flow{grid-template-columns:1fr}}
  .flow .step{padding:30px 26px;border-right:1px solid var(--line)}
  .flow .step:last-child{border-right:none}
  .flow .num{font-size:.8rem;font-weight:700;color:var(--gold);letter-spacing:.1em}
  .flow .step h3{font-size:1.05rem;margin:8px 0 8px}
  .flow .step p{font-size:.9rem;color:var(--muted)}

  /* PRODUCTS — four feature cards */
  .prodfull{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  @media(max-width:820px){.prodfull{grid-template-columns:1fr}}
  .pcard{
    background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);
    padding:30px 30px 28px;transition:.25s;position:relative;
  }
  .pcard:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(11,31,58,.12);border-top-color:var(--green)}
  .pcard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
  .pcard .pnum{font-size:1.6rem;font-weight:700;color:rgba(11,31,58,.18);letter-spacing:.04em}
  .pcard .pmodel{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--green);background:rgba(30,122,90,.10);padding:5px 11px;border-radius:2px}
  .pcard h3{font-size:1.3rem;color:var(--navy);margin-bottom:4px}
  .pcard .ptag{color:var(--gold);font-weight:600;font-size:.82rem;letter-spacing:.03em;margin-bottom:14px;text-align:left}
  .pcard p{color:var(--muted);font-size:.92rem}
  .pcard .pspecs{list-style:none;margin-top:18px;border-top:1px solid var(--line)}
  .pcard .pspecs li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.82rem}
  .pcard .pspecs li span:first-child{color:var(--muted)}
  .pcard .pspecs li span:last-child{color:var(--navy);font-weight:700;text-align:right}

  /* PATENT BADGES */
  .patent-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
  .pbadge{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:rgba(200,162,75,.12);border:1px solid rgba(200,162,75,.4);padding:7px 14px;border-radius:40px}
  .pbadge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green-soft);flex:none}

  /* RECYCLING */
  .recycle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  @media(max-width:860px){.recycle-grid{grid-template-columns:1fr}}
  .rcard{background:#fff;border:1px solid var(--line);border-bottom:3px solid var(--green);padding:30px 28px;transition:.25s}
  .rcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(30,122,90,.12)}
  .ricon{width:56px;height:56px;margin-bottom:16px}
  .ricon svg{width:100%;height:100%}
  .rcard h3{font-size:1.12rem;color:var(--navy);margin-bottom:10px}
  .rcard p{color:var(--muted);font-size:.92rem}

  /* PARTNER FORM */
  .partner-form{max-width:860px;margin:8px auto 0;text-align:left}
  .pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
  @media(max-width:680px){.pf-grid{grid-template-columns:1fr}}
  .pf-field{display:block;margin-bottom:18px}
  .pf-field>span,.pf-field legend{display:block;font-size:.78rem;letter-spacing:.04em;color:#cdd6e4;margin-bottom:8px;font-weight:600;text-align:left}
  .pf-field em{color:#8b97a9;font-style:normal;font-weight:400}
  .pf-field input,.pf-field select,.pf-field textarea{
    width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);
    color:#fff;padding:12px 14px;border-radius:3px;font-family:inherit;font-size:.92rem;transition:.2s;
  }
  .pf-field textarea{resize:vertical}
  .pf-field input::placeholder,.pf-field textarea::placeholder{color:#7e8aa0}
  .pf-field input:focus,.pf-field select:focus,.pf-field textarea:focus{outline:none;border-color:var(--gold);background:rgba(255,255,255,.10)}
  .pf-field select option{background:#0e2240;color:#fff}
  fieldset.pf-field{border:none;padding:0}
  .pf-chips{display:flex;flex-wrap:wrap;gap:10px}
  .pf-chips label{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);padding:9px 14px;border-radius:40px;cursor:pointer;font-size:.86rem;color:#dbe3ee;transition:.18s}
  .pf-chips label:hover{border-color:var(--gold)}
  .pf-chips input{width:auto;accent-color:var(--green-soft);margin:0}
  .pf-chips input:checked + span{color:var(--gold);font-weight:600}
  .pf-actions{margin-top:14px;text-align:center}
  .pf-actions .btn{border:none;cursor:pointer;font-size:.95rem}
  .pf-note{font-size:.74rem;color:#8b97a9;margin-top:14px;text-align:center;max-width:48ch;margin-left:auto;margin-right:auto}
  .pf-result{max-width:760px;margin:32px auto 0;background:rgba(200,162,75,.10);border:1px solid var(--gold);border-radius:4px;padding:30px 32px;text-align:left}
  .pf-result h3{color:var(--gold);font-size:1.3rem;margin-bottom:12px}
  .pf-result p{color:#dbe3ee;text-align:left;margin-bottom:14px}
  .pf-result .track{display:inline-block;background:var(--green);color:#fff;font-weight:700;padding:6px 16px;border-radius:3px;letter-spacing:.04em;font-size:.85rem;margin-bottom:16px}
  .pf-result .btn{margin-top:6px}
  .pf-err{border-color:#e08a8a !important}

  /* MARKET / DAM CHART */
  .market-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:28px}
  @media(max-width:680px){.market-stats{grid-template-columns:repeat(2,1fr)}}
  .mstat{background:#fff;padding:20px 18px}
  .alt .mstat{background:linear-gradient(160deg,var(--navy),var(--navy-2))}
  .mstat .ml{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
  .alt .mstat .ml{color:#aebbcd}
  .mstat .mv{font-size:1.5rem;font-weight:700;color:var(--navy)}
  .alt .mstat .mv{color:var(--gold)}
  .mstat .md{font-size:.78rem;font-weight:700;margin-top:3px}
  .chart-wrap{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:24px 22px 18px}
  .alt .chart-wrap{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10)}
  .chart-canvas{position:relative;height:340px;width:100%}
  @media(max-width:680px){.chart-canvas{height:300px}}
  .chart-src{font-size:.74rem;color:var(--muted);margin-top:14px;text-align:left}
  .alt .chart-src{color:#8b97a9}
  .chart-src a{color:var(--green);text-decoration:none}
  .alt .chart-src a{color:var(--gold-soft)}
  .chart-src a:hover{text-decoration:underline}

  /* COMPLIANCE */
  .reg{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  @media(max-width:760px){.reg{grid-template-columns:1fr}}
  .reg a{display:block;background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);padding:22px 24px;text-decoration:none;color:var(--ink);transition:.2s}
  .reg a:hover{border-left-color:var(--gold);box-shadow:0 10px 30px rgba(11,31,58,.08)}
  .reg .t{font-weight:700;color:var(--navy);margin-bottom:4px}
  .reg .u{font-size:.8rem;color:var(--green);word-break:break-all;text-align:left}

  /* CTA */
  .closing{background:linear-gradient(160deg,var(--navy),var(--navy-2));color:#fff;text-align:center}
  .closing .wrap{padding:96px 32px}
  .closing h2{font-size:clamp(2rem,4vw,3rem);text-align:center;max-width:18ch;margin:0 auto 20px}
  .closing p{max-width:52ch;margin:0 auto 34px;color:#c1ccdb;text-align:center}
  .closing h2 span{color:var(--gold)}

  /* FOOTER */
  footer{background:#081729;color:#8b97a9;padding:46px 0;font-size:.85rem}
  footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
  footer .brand{color:#fff}
  footer a{color:#8b97a9;text-decoration:none}
  footer a:hover{color:var(--gold)}

  /* reveal */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}
/* ============ SHARED MULTI-PAGE ADDITIONS ============ */
/* page hero (smaller than home hero) */
.page-hero{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(120% 90% at 85% -10%, rgba(30,122,90,.32), transparent 55%),
    radial-gradient(80% 70% at 5% 110%, rgba(200,162,75,.20), transparent 60%),
    linear-gradient(160deg,var(--navy),var(--navy-2));
}
.page-hero .wrap{position:relative;padding:84px 32px 72px}
.page-hero h1{font-size:clamp(2.1rem,4.4vw,3.2rem);font-weight:700;max-width:20ch;margin:18px 0 16px}
.page-hero h1 span{color:var(--gold)}
.page-hero p.lead{max-width:60ch;color:#c9d3e2;font-size:1.08rem}

/* generic prose blocks */
.prose p{color:var(--muted);margin-bottom:18px;max-width:74ch}
.alt .prose p{color:#c1ccdb}
.lead-in{font-size:1.15rem;color:var(--navy);font-weight:600;max-width:70ch;margin-bottom:24px;text-align:justify}

/* values / mission cards (about + careers) */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:860px){.vgrid{grid-template-columns:1fr}}
.vcard{background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);padding:28px 26px;transition:.25s}
.vcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,31,58,.10);border-left-color:var(--gold)}
.vcard .vnum{font-size:.78rem;font-weight:700;color:var(--gold);letter-spacing:.14em}
.vcard h3{font-size:1.12rem;color:var(--navy);margin:8px 0 10px}
.vcard p{color:var(--muted);font-size:.92rem}
.alt .vcard{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);border-left-color:var(--green-soft)}
.alt .vcard h3{color:#fff}
.alt .vcard p{color:#aebbcd}

/* team grid */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:760px){.team{grid-template-columns:1fr}}
.tcard{background:#fff;border:1px solid var(--line);padding:26px;text-align:center}
.tavatar{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--navy),var(--navy-2));color:var(--gold);font-weight:700;font-size:1.4rem;letter-spacing:.04em}
.tcard h3{font-size:1.05rem;color:var(--navy);text-align:center;margin-bottom:2px}
.tcard .role{color:var(--green);font-size:.82rem;font-weight:600;text-align:center}

/* contact layout */
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr;gap:32px}}
.contact-info{list-style:none}
.contact-info li{padding:18px 0;border-bottom:1px solid var(--line)}
.contact-info .ci-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:5px}
.contact-info .ci-val{color:var(--navy);font-size:1rem}
.contact-info a{color:var(--green);text-decoration:none}
.contact-info a:hover{color:var(--gold)}

/* form on LIGHT background (contact + careers use light) */
.form-light .pf-field>span,.form-light .pf-field legend{color:var(--navy)}
.form-light .pf-field em{color:var(--muted)}
.form-light .pf-field input,.form-light .pf-field select,.form-light .pf-field textarea{
  background:#fff;border:1px solid var(--line);color:var(--ink);
}
.form-light .pf-field input::placeholder,.form-light .pf-field textarea::placeholder{color:#9aa3b2}
.form-light .pf-field input:focus,.form-light .pf-field select:focus,.form-light .pf-field textarea:focus{border-color:var(--gold);background:#fff}
.form-light .pf-field select option{background:#fff;color:var(--ink)}
.form-light .pf-chips label{background:#fff;border-color:var(--line);color:var(--muted)}
.form-light .pf-chips input:checked + span{color:var(--green)}
.form-light .pf-note{color:var(--muted)}
.form-light .pf-result{background:rgba(30,122,90,.08);border-color:var(--green)}
.form-light .pf-result h3{color:var(--green)}
.form-light .pf-result p{color:var(--navy)}

/* center page section heads when needed */
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head.center .eyebrow{text-align:center}
.section-head.center h2,.section-head.center p{text-align:center}

/* active nav link */
.nav a.active{color:var(--gold)}

/* ============ LANGUAGE SWITCHER ============ */
.lang-switch{position:relative;margin-left:auto;margin-right:18px}
.lang-btn{
  display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);color:#dbe3ee;padding:7px 12px;border-radius:3px;
  font-family:inherit;font-size:.82rem;letter-spacing:.04em;cursor:pointer;transition:.18s;
}
.lang-btn:hover{border-color:var(--gold);color:#fff}
.lang-globe{font-size:.95rem;line-height:1}
.lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;min-width:170px;background:#0e2240;
  border:1px solid rgba(200,162,75,.3);border-radius:4px;padding:6px;
  box-shadow:0 18px 40px rgba(0,0,0,.4);display:none;z-index:80;
}
.lang-menu.open{display:block}
.lang-item{
  display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;
  color:#cdd6e4;padding:9px 12px;border-radius:3px;font-family:inherit;font-size:.86rem;cursor:pointer;transition:.15s;
}
.lang-item:hover{background:rgba(200,162,75,.12);color:#fff}
.lang-item.sel{color:var(--gold);font-weight:700}
@media(max-width:760px){.lang-switch{margin-right:10px}.lang-btn .lang-current{display:none}}

/* ============ RTL SUPPORT (Arabic) ============ */
[dir="rtl"] body,[dir="rtl"]{text-align:right}
[dir="rtl"] p,[dir="rtl"] li{text-align:justify}
[dir="rtl"] .eyebrow,[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,
[dir="rtl"] .pf-field>span,[dir="rtl"] .pf-field legend,[dir="rtl"] .ptag,
[dir="rtl"] .ci-label,[dir="rtl"] .tcard h3,[dir="rtl"] .tcard .role{text-align:right}
[dir="rtl"] .nav ul{flex-direction:row-reverse}
[dir="rtl"] .lang-switch{margin-left:18px;margin-right:auto}
[dir="rtl"] .spec li,[dir="rtl"] .pcard .pspecs li,[dir="rtl"] .contact-info{direction:rtl}
[dir="rtl"] .spec .v,[dir="rtl"] .pcard .pspecs li span:last-child{text-align:left}
[dir="rtl"] .card,[dir="rtl"] .pcard,[dir="rtl"] .vcard,[dir="rtl"] .rcard{border-left:1px solid var(--line);border-right:3px solid var(--gold)}
[dir="rtl"] .vcard{border-right:3px solid var(--green);border-left:1px solid var(--line)}
[dir="rtl"] .reg a{border-left:none;border-right:3px solid var(--green)}
[dir="rtl"] .pcard{border-right:none;border-top:3px solid var(--gold)}
[dir="rtl"] .section-head.center h2,[dir="rtl"] .section-head.center p,
[dir="rtl"] .closing h2,[dir="rtl"] .closing p{text-align:center}