:root{
    --navy:#122238;
    --navy-deep:#0B1626;
    --gold:#D3A62A;
    --gold-deep:#B0871A;
    --bg:#F7F6F2;
    --bg-alt:#EFEDE6;
    --panel:#FFFFFF;
    --ink:#122238;
    --steel:#5B6672;
    --steel-soft:#68737D;
    --gold-text:#806000;
    --line:#DEDBD1;
    --line-dark:rgba(255,255,255,0.14);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;overflow-x:hidden;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{
    font-family:'Archivo',sans-serif;
    margin:0;
    letter-spacing:-0.01em;
  }
  .mono{font-family:'IBM Plex Mono',monospace;}
  .eyebrow{
    font-family:'IBM Plex Mono',monospace;
    font-size:12px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--gold-text);
    display:flex;
    align-items:center;
    gap:10px;
  }
  .eyebrow::before{
    content:"";
    width:22px;
    height:2px;
    background:var(--gold);
  }
  a{color:inherit;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

  /* -------- chevron divider signature -------- */
  .chevrons{
    display:flex;
    gap:4px;
    align-items:center;
  }
  .chevrons span{
    width:0;height:0;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:9px solid var(--gold);
  }
  .chevrons span:nth-child(2){border-left-color:var(--navy);}

  /* -------- Header -------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(247,246,242,0.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;height:80px;}
  .logo-mark{display:flex;align-items:center;gap:10px;}
  .logo-mark img{height:34px;width:auto;}
  .logo-text{font-family:'Archivo',sans-serif;font-weight:800;font-size:17px;letter-spacing:0.01em;line-height:1.1;}
  .logo-text small{display:block;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:9px;letter-spacing:0.16em;color:var(--gold-text);margin-top:2px;}
  .navlinks{display:flex;gap:32px;font-size:14px;font-weight:500;color:var(--steel);}
  .navlinks a{text-decoration:none;transition:color .15s;}
  .navlinks a:hover{color:var(--navy);}
  .nav-cta{
    font-family:'IBM Plex Mono',monospace;font-size:13px;
    background:var(--navy);color:#fff;padding:11px 22px;
    text-decoration:none;border:1px solid var(--navy);
    transition:background .15s,color .15s;
  }
  .nav-cta:hover{background:var(--gold-deep);border-color:var(--gold-deep);}

  /* -------- Hero -------- */
  .hero{
    position:relative;
    padding:100px 0 90px;
    background:
      linear-gradient(180deg, rgba(18,34,56,0.04), transparent 40%),
      var(--bg);
    border-bottom:1px solid var(--line);
    overflow:hidden;
  }
  .hero-chev{
    position:absolute;
    right:-120px;top:50%;transform:translateY(-50%);
    width:520px;height:520px;
    opacity:0.06;
    pointer-events:none;
  }
  .hero-inner{position:relative;z-index:2;max-width:760px;}
  .hero h1{font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.08;margin:18px 0 22px;}
  .hero h1 em{font-style:normal;color:var(--gold-deep);}
  .hero p.lead{font-size:18px;line-height:1.6;color:var(--steel);max-width:560px;margin:0 0 34px;}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
  .btn-primary{
    font-family:'IBM Plex Mono',monospace;font-size:13px;
    background:var(--navy);color:#fff;padding:15px 26px;
    text-decoration:none;border:1px solid var(--navy);
    transition:background .15s;
  }
  .btn-primary:hover{background:var(--gold-deep);border-color:var(--gold-deep);}
  .btn-ghost{
    font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--navy);
    padding:15px 4px;text-decoration:none;border-bottom:1px solid var(--navy);
  }
  .hero-tags{
    margin-top:56px;display:flex;gap:10px;flex-wrap:wrap;
  }
  .hero-tags span{
    font-family:'IBM Plex Mono',monospace;font-size:11px;
    border:1px solid var(--line);padding:6px 12px;color:var(--steel);
    background:var(--panel);
  }

  /* -------- Section shell -------- */
  section{padding:92px 0;}
  .section-head{
    display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
    margin-bottom:48px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px;
  }
  .section-head h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;margin-top:10px;}
  .section-head p{color:var(--steel);max-width:400px;font-size:15px;line-height:1.55;}

  /* -------- Overview -------- */
  .overview{background:var(--bg-alt);border-bottom:1px solid var(--line);}
  .overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
  .overview h2{font-size:clamp(26px,3.2vw,34px);font-weight:800;margin-bottom:20px;line-height:1.2;}
  .overview p{color:var(--steel);font-size:15.5px;line-height:1.7;margin:0 0 16px;}
  .overview p strong{color:var(--ink);}
  .stat-col{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);}
  .stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);}
  .stat-row .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--steel);}
  .stat-row .v{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px;text-align:right;max-width:280px;}

  /* -------- Plate (nameplate signature) -------- */
  .plate{position:relative;background:var(--panel);border:1px solid var(--line);}
  .plate::before,.plate::after,.plate .bl,.plate .br{content:"";position:absolute;width:14px;height:14px;pointer-events:none;}
  .plate::before{top:-1px;left:-1px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);}
  .plate::after{top:-1px;right:-1px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);}
  .plate .bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--gold);border-left:2px solid var(--gold);}
  .plate .br{bottom:-1px;right:-1px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);}

  /* -------- Solutions -------- */
  .solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  .sol-card{background:var(--panel);padding:30px 26px;display:flex;flex-direction:column;gap:12px;min-height:200px;}
  .sol-num{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gold-text);}
  .sol-card h3{font-size:17px;font-weight:700;line-height:1.3;}
  .sol-card p{font-size:14px;color:var(--steel);line-height:1.55;margin:0;}

  /* -------- Categories -------- */
  .categories{background:var(--navy);color:#fff;border-bottom:1px solid var(--line);}
  .categories .eyebrow{color:var(--gold);}
  .categories .eyebrow::before{background:var(--gold);}
  .categories .section-head{border-bottom-color:var(--line-dark);}
  .categories .section-head p{color:#AEB8C4;}
  .cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.12);}
  .cat-card{background:var(--navy-deep);padding:26px 24px;display:flex;flex-direction:column;gap:10px;min-height:130px;}
  .cat-card h3{font-size:15.5px;font-weight:700;color:var(--gold);}
  .cat-card p{font-size:13px;color:#AEB8C4;line-height:1.55;margin:0;}

  /* -------- Industries -------- */
  .industries-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
  .ind-card{
    padding:26px 18px;
    text-align:center;
    display:flex;flex-direction:column;gap:8px;align-items:center;
  }
  .ind-num{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--gold-text);}
  .ind-card h3{font-size:14.5px;font-weight:700;}
  .ind-card p{font-size:12.5px;color:var(--steel);line-height:1.5;margin:0;}

  /* -------- Why -------- */
  .why{background:var(--bg-alt);border-bottom:1px solid var(--line);}
  .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  .why-card{background:var(--panel);padding:28px 26px;display:flex;gap:16px;}
  .why-mark{font-family:'Archivo',sans-serif;font-weight:800;font-size:20px;color:var(--gold-text);flex-shrink:0;}
  .why-card h3{font-size:16px;font-weight:700;margin-bottom:8px;}
  .why-card p{font-size:14px;color:var(--steel);line-height:1.55;margin:0;}

  /* -------- How we work -------- */
  .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;}
  .step{
    padding:0 18px 0 0;
    position:relative;
  }
  .step:not(:last-child)::after{
    content:"";position:absolute;top:20px;right:-1px;width:100%;height:1px;
    background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 12px);
  }
  .step-num{
    width:40px;height:40px;border:2px solid var(--navy);color:var(--navy);
    display:flex;align-items:center;justify-content:center;
    font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;
    margin-bottom:18px;background:var(--bg);position:relative;z-index:2;
  }
  .step h3{font-size:14.5px;font-weight:700;margin-bottom:8px;}
  .step p{font-size:12.5px;color:var(--steel);line-height:1.55;margin:0;}

  /* -------- Markets -------- */
  .markets{background:var(--navy);color:#fff;}
  .markets .eyebrow{color:var(--gold);}
  .markets .eyebrow::before{background:var(--gold);}
  .markets-inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
  .markets h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;line-height:1.2;margin:14px 0 20px;}
  .markets p{color:#AEB8C4;font-size:15.5px;line-height:1.7;margin:0 0 22px;}
  .markets-strip{
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.04em;
    color:var(--gold);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);
    padding:14px 0;
  }
  .markets-side{border:1px solid var(--line-dark);padding:32px;background:rgba(255,255,255,0.03);}
  .markets-side .row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line-dark);font-size:13.5px;}
  .markets-side .row:last-child{border-bottom:none;}
  .markets-side .row span:first-child{color:#8B96A2;}
  .markets-side .row span:last-child{font-weight:600;color:#fff;}

  /* -------- Supplier CTA band -------- */
  .supplier{padding:70px 0;border-bottom:1px solid var(--line);}
  .supplier-inner{
    display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;
    padding:40px;
  }
  .supplier-inner h2{font-size:24px;font-weight:800;margin-bottom:8px;}
  .supplier-inner p{color:var(--steel);font-size:14.5px;max-width:520px;margin:0;}
  .btn-outline{
    font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--navy);
    padding:14px 24px;text-decoration:none;border:1px solid var(--navy);white-space:nowrap;
    transition:background .15s,color .15s;
  }
  .btn-outline:hover{background:var(--navy);color:#fff;}

  /* -------- Final CTA / Contact -------- */
  .contact{background:var(--navy-deep);color:#fff;border-top:1px solid var(--line);}
  .contact .eyebrow{color:var(--gold);}
  .contact .eyebrow::before{background:var(--gold);}
  .contact .section-head{border-bottom-color:var(--line-dark);}
  .contact .section-head p{color:#AEB8C4;}
  .contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;}
  .contact-info{display:flex;flex-direction:column;gap:24px;}
  .info-row{border-top:1px solid var(--line-dark);padding-top:16px;}
  .info-row .mono{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:6px;}
  .info-row .val{font-size:16px;font-weight:500;}
  .info-row a{text-decoration:none;}
  .form-plate{background:#101C2E;border:1px solid var(--line-dark);}
  .form-plate::before,.form-plate::after,.form-plate .bl,.form-plate .br{border-color:var(--gold);}
  form{padding:28px;display:flex;flex-direction:column;gap:14px;}
  form h3{font-size:16px;font-weight:700;margin-bottom:2px;}
  form .intro{font-size:13px;color:#AEB8C4;margin-bottom:8px;}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .field{display:flex;flex-direction:column;gap:6px;}
  .field label{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:#8B96A2;}
  .field input,.field textarea{
    background:transparent;border:none;border-bottom:1px solid var(--line-dark);color:#fff;
    font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:14.5px;padding:8px 2px;outline:none;resize:none;
  }
  .field input:focus,.field textarea:focus{border-bottom-color:var(--gold);}
  .field input::placeholder,.field textarea::placeholder{color:#57626D;}
  .submit-btn{
    margin-top:6px;font-family:'IBM Plex Mono',monospace;font-size:13px;
    background:var(--gold);color:var(--navy-deep);border:none;padding:15px 20px;cursor:pointer;
    transition:background .15s;font-weight:600;
  }
  .submit-btn:hover{background:#E5BC4F;}
  .form-note{font-size:11.5px;color:#8B96A2;margin-top:-2px;}

  /* -------- Footer -------- */
  footer{background:var(--navy-deep);color:#8B96A2;padding:36px 0;border-top:1px solid var(--line-dark);}
  .footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:13px;flex-wrap:wrap;gap:16px;}
  .footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;}
  .footer-links a{text-decoration:none;}
  .footer-links a:hover{color:#fff;}
  .footer-brand{display:flex;align-items:center;gap:10px;}
  .footer-brand img{height:22px;}

  /* -------- Reveal -------- */
  .reveal{opacity:1;}
  @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}}

  a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;}

  @media (max-width:980px){
    .navlinks{display:none;}
    .overview-grid{grid-template-columns:1fr;}
    .solutions-grid{grid-template-columns:1fr 1fr;}
    .cat-grid{grid-template-columns:1fr 1fr;}
    .industries-grid{grid-template-columns:repeat(3,1fr);}
    .why-grid{grid-template-columns:1fr;}
    .steps{grid-template-columns:1fr 1fr;gap:28px;}
    .step::after{display:none;}
    .markets-inner{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .supplier-inner{flex-direction:column;align-items:flex-start;}
  }
  @media (max-width:640px){
    .wrap{padding:0 20px;}
    .solutions-grid{grid-template-columns:1fr;}
    .cat-grid{grid-template-columns:1fr;}
    .industries-grid{grid-template-columns:1fr 1fr;}
    .steps{grid-template-columns:1fr;}
    .row2{grid-template-columns:1fr;}
    .hero{padding:80px 0 60px;}
  }

/* ============================================================
   ADDITIONS — mobile nav, sticky CTA, FAQ, form states, a11y
   ============================================================ */

/* Skip link (accessibility) */
.skip-link{
  position:absolute;left:16px;top:-60px;background:var(--navy);color:#fff;
  padding:12px 18px;z-index:200;text-decoration:none;
  font-family:'IBM Plex Mono',monospace;font-size:13px;transition:top .15s;
}
.skip-link:focus{top:16px;}

/* Visible focus states everywhere */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid var(--gold-deep);outline-offset:2px;
}

/* Mobile menu */
.menu-toggle{
  display:none;background:none;border:1px solid var(--line);
  padding:9px 11px;cursor:pointer;align-items:center;justify-content:center;
}
.menu-toggle svg{width:20px;height:20px;display:block;stroke:var(--navy);}
.nav-actions{display:flex;align-items:center;gap:10px;}
.mobile-panel{
  display:none;position:fixed;inset:80px 0 0 0;background:var(--bg);
  z-index:59;padding:24px 20px 40px;overflow-y:auto;
}
.mobile-panel.open{display:block;}
.mobile-panel ul{list-style:none;margin:0;padding:0;}
.mobile-panel li{border-bottom:1px solid var(--line);}
.mobile-panel a{display:block;padding:17px 0;text-decoration:none;font-size:17px;font-weight:600;color:var(--ink);}
.mobile-ctas{display:flex;flex-direction:column;gap:12px;margin-top:26px;}
.mobile-ctas a{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 20px;text-decoration:none;
  font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;
}
.m-cta-quote{background:var(--gold);color:var(--navy-deep);}
.m-cta-wa{background:#1F2E22;color:#fff;}
.m-cta-wa svg{width:16px;height:16px;}

/* WhatsApp button */
.btn-whatsapp{
  display:inline-flex;align-items:center;gap:8px;
  background:#1F2E22;color:#fff;border:1px solid #1F2E22;
  font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;
  padding:14px 24px;text-decoration:none;transition:background .15s;
}
.btn-whatsapp:hover{background:#274031;}
.btn-whatsapp svg{width:16px;height:16px;flex-shrink:0;}

/* Sticky mobile CTA bar */
.sticky-cta{
  position:fixed;bottom:0;left:0;right:0;z-index:70;display:none;gap:10px;
  background:var(--panel);border-top:1px solid var(--line);padding:11px 14px;
  box-shadow:0 -4px 16px rgba(0,0,0,0.08);
}
.sticky-cta a{
  flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
  padding:13px 10px;text-decoration:none;
  font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;
}
.sticky-cta .s-quote{background:var(--navy);color:#fff;}
.sticky-cta .s-wa{background:#1F2E22;color:#fff;}
.sticky-cta svg{width:15px;height:15px;}

/* FAQ */
.faq{background:var(--bg-alt);border-top:1px solid var(--line);}
.faq-list{border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;background:none;border:none;cursor:pointer;text-align:left;
  padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;
  font-family:'Archivo',sans-serif;font-weight:700;font-size:16.5px;color:var(--ink);
}
.faq-q .ind{
  font-family:'IBM Plex Mono',monospace;font-size:20px;color:var(--gold-deep);
  flex-shrink:0;line-height:1;transition:transform .2s;
}
.faq-item[open] .faq-q .ind{transform:rotate(45deg);}
.faq-a{padding:0 0 22px;color:var(--steel);font-size:14.5px;line-height:1.7;max-width:820px;}
details.faq-item summary{list-style:none;}
details.faq-item summary::-webkit-details-marker{display:none;}

/* Form status + errors */
.form-status{display:none;padding:14px 16px;font-size:13.5px;line-height:1.55;border:1px solid;}
.form-status.show{display:block;}
.form-status.success{background:rgba(59,138,90,0.12);border-color:#3B8A5A;color:#8FD9AE;}
.form-status.error{background:rgba(178,58,58,0.12);border-color:#B23A3A;color:#E08A8A;}
.field-err{display:none;color:#E08A8A;font-size:11.5px;font-family:'IBM Plex Mono',monospace;}
.field.invalid .field-err{display:block;}
.field.invalid input,.field.invalid textarea{border-bottom-color:#E08A8A !important;}
.submit-btn[disabled]{opacity:.6;cursor:not-allowed;}

/* Trust strip (factual only) */
.trust-strip{
  display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);
  background:var(--panel);margin-top:34px;
}
.trust-item{
  flex:1;min-width:180px;padding:20px 22px;border-right:1px solid var(--line);
}
.trust-item:last-child{border-right:none;}
.trust-item .k{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold-deep);display:block;margin-bottom:7px;
}
.trust-item .v{font-family:'Archivo',sans-serif;font-weight:700;font-size:14.5px;line-height:1.35;}

@media (max-width:980px){
  .menu-toggle{display:flex;}
  .sticky-cta{display:flex;}
  body{padding-bottom:68px;}
  .trust-item{border-right:none;border-bottom:1px solid var(--line);min-width:100%;}
  .trust-item:last-child{border-bottom:none;}
}
@media (max-width:640px){
  .faq-q{font-size:15px;}
}

/* Anchor offset — prevents the sticky header from covering section
   headings when a nav link jumps to that section. */
section[id], main[id]{scroll-margin-top:96px;}
@media (max-width:980px){
  section[id], main[id]{scroll-margin-top:88px;}
}

/* ============================================================
   V2 — trust signals, consent, legal pages, next-steps
   ============================================================ */

/* Top contact bar */
.topbar{
  background:var(--navy-deep);color:#AEB8C4;font-family:'IBM Plex Mono',monospace;
  font-size:11.5px;letter-spacing:.03em;
}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;gap:16px;}
.topbar a{color:#fff;text-decoration:none;}
.topbar a:hover{color:var(--gold);}
.topbar .tb-left{display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.topbar .tb-right{color:var(--gold);}
@media (max-width:760px){
  .topbar .tb-right,
  .topbar .tb-util{display:none;}
  .topbar .tb-left{gap:14px;font-size:11px;}
}

/* Trust strip under hero */
.trust-bar{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--panel);
}
.trust-bar .wrap{display:flex;flex-wrap:wrap;}
.trust-cell{
  flex:1;min-width:200px;padding:22px 24px;border-right:1px solid var(--line);
  display:flex;gap:13px;align-items:flex-start;
}
.trust-cell:last-child{border-right:none;}
.trust-cell svg{width:19px;height:19px;stroke:var(--gold-deep);flex-shrink:0;margin-top:2px;}
.trust-cell .tc-t{font-family:'Archivo',sans-serif;font-weight:700;font-size:13.5px;margin-bottom:3px;}
.trust-cell .tc-d{font-size:12px;color:var(--steel);line-height:1.45;}
@media (max-width:900px){
  .trust-cell{min-width:100%;border-right:none;border-bottom:1px solid var(--line);}
  .trust-cell:last-child{border-bottom:none;}
}

/* What happens next */
.next-steps{
  background:var(--bg-alt);border:1px solid var(--line);padding:26px 28px;margin-top:26px;
}
.next-steps h4{
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold-deep);margin:0 0 16px;
}
.next-steps ol{margin:0;padding:0;list-style:none;counter-reset:ns;}
.next-steps li{
  counter-increment:ns;position:relative;padding:0 0 14px 34px;
  font-size:13.5px;color:var(--steel);line-height:1.55;
}
.next-steps li:last-child{padding-bottom:0;}
.next-steps li::before{
  content:counter(ns);position:absolute;left:0;top:0;
  width:22px;height:22px;border:1px solid var(--gold-deep);color:var(--gold-deep);
  font-family:'IBM Plex Mono',monospace;font-size:11px;
  display:flex;align-items:center;justify-content:center;
}

/* Consent checkbox */
.consent-row{
  display:flex;gap:11px;align-items:flex-start;
  padding:14px 0 2px;
}
.consent-row input[type="checkbox"]{
  width:17px;height:17px;margin:2px 0 0;flex-shrink:0;
  accent-color:var(--gold-deep);cursor:pointer;
}
.consent-row label{
  font-size:12.5px;color:#AEB8C4;line-height:1.5;cursor:pointer;
  font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:0;text-transform:none;
}
.consent-row a{color:var(--gold);}
.field.invalid .consent-row label{color:#E08A8A;}

/* Legal / content pages */
.legal-wrap{max-width:820px;margin:0 auto;padding:60px 32px 90px;}
.legal-wrap h1{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:10px;}
.legal-wrap .updated{
  font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--steel-soft);
  margin-bottom:38px;padding-bottom:20px;border-bottom:1px solid var(--line);
}
.legal-wrap h2{
  font-size:19px;font-weight:700;margin:38px 0 12px;padding-top:4px;
}
.legal-wrap h3{font-size:15.5px;font-weight:700;margin:24px 0 8px;}
.legal-wrap p, .legal-wrap li{
  font-size:14.5px;line-height:1.75;color:var(--steel);margin-bottom:12px;
}
.legal-wrap ul{padding-left:20px;margin-bottom:16px;}
.legal-wrap li{margin-bottom:7px;}
.legal-wrap strong{color:var(--ink);}
.legal-wrap a{color:var(--gold-text);}
.legal-wrap table{width:100%;border-collapse:collapse;margin:16px 0 22px;font-size:13.5px;}
.legal-wrap th, .legal-wrap td{
  border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top;
}
.legal-wrap th{background:var(--bg-alt);font-family:'Archivo',sans-serif;font-weight:700;color:var(--ink);}
.legal-wrap td{color:var(--steel);}
.legal-note{
  background:var(--bg-alt);border-left:3px solid var(--gold);padding:16px 20px;margin:24px 0;
  font-size:13.5px;line-height:1.65;color:var(--steel);
}

/* Footer legal links */
.footer-legal{
  border-top:1px solid var(--line-dark);margin-top:20px;padding-top:18px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:12px;color:#8B96A2;
}
.footer-legal a{color:#AEB8C4;text-decoration:none;margin-right:18px;}
.footer-legal a:hover{color:#fff;}

/* ============================================================
   V3 — Enterprise scale: cinematic hero, mega-menu,
   key facts band, editorial features, corporate footer
   ============================================================ */

/* ---------- Utility bar (refined) ---------- */
.topbar .tb-left a{position:relative;}
.tb-util{display:flex;gap:20px;align-items:center;}
.tb-util a{color:#AEB8C4;text-decoration:none;}
.tb-util a:hover{color:var(--gold);}
.tb-sep{color:rgba(255,255,255,.22);}

/* ---------- Header scroll state ---------- */
header{transition:background .25s, box-shadow .25s, height .25s;}
header.scrolled{background:rgba(247,246,242,.98);box-shadow:0 1px 18px rgba(18,34,56,.10);}
header.scrolled .nav{height:66px;}
header.scrolled .logo-mark img{height:27px;}

/* ---------- Mega menu ---------- */
.navlinks{position:relative;}
.has-mega{position:static;}
.mega-trigger{
  display:inline-flex;align-items:center;gap:6px;background:none;border:none;
  font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:14px;font-weight:500;color:var(--steel);
  cursor:pointer;padding:0;
}
.mega-trigger:hover,.mega-trigger[aria-expanded="true"]{color:var(--navy);}
.mega-trigger .caret{
  width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;transition:transform .2s;
}
.mega-trigger[aria-expanded="true"] .caret{transform:rotate(180deg);}
.mega{
  position:absolute;left:0;right:0;top:100%;
  background:var(--panel);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  box-shadow:0 18px 40px rgba(18,34,56,.13);
  display:none;z-index:58;
}
.mega.open{display:block;}
.mega-inner{
  max-width:1180px;margin:0 auto;padding:38px 32px 34px;
  display:grid;grid-template-columns:1.15fr 1.15fr .85fr;gap:44px;
}
.mega-col h4{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold-deep);margin:0 0 16px;
  padding-bottom:11px;border-bottom:1px solid var(--line);
}
.mega-col ul{list-style:none;margin:0;padding:0;}
.mega-col li{margin-bottom:15px;}
.mega-col a{text-decoration:none;display:block;}
.mega-col .mt{
  display:block; /* spans are inline by default — must stack above .md */
  font-family:'Archivo',sans-serif;font-weight:700;font-size:14.5px;
  color:var(--ink);margin-bottom:4px;transition:color .15s;
}
.mega-col a:hover .mt{color:var(--gold-deep);}
.mega-col .md{display:block;font-size:12.5px;color:var(--steel);line-height:1.5;}
.mega-feature{
  background:var(--navy);color:#fff;padding:26px 24px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.mega-feature .mf-k{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.13em;
  color:var(--gold);margin-bottom:12px;
}
.mega-feature h5{
  font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;
  line-height:1.25;margin:0 0 10px;color:#fff;
}
.mega-feature p{font-size:13px;color:#AEB8C4;line-height:1.6;margin:0 0 20px;}
.mega-feature a{
  font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gold);
  text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px;
  align-self:flex-start;
}
@media (max-width:980px){.mega{display:none !important;}}

/* ---------- Cinematic hero ---------- */
.hero-cine{
  position:relative;background:var(--navy-deep);color:#fff;
  min-height:clamp(520px,78vh,760px);
  display:flex;align-items:center;overflow:hidden;
  border-bottom:none;
}
.hero-cine .hc-bg{position:absolute;inset:0;overflow:hidden;}
.hero-cine .hc-bg svg{
  /* Keep the decorative chevrons proportional to the viewport.
     The old 150% hero-height sizing could make them look cropped/oversized
     on some laptop resolutions and browser zoom levels. */
  position:absolute;top:50%;
  right:clamp(-115px,-5.5vw,-48px);
  transform:translateY(-50%);
  width:clamp(430px,43vw,650px);
  height:auto;max-width:none;opacity:.085;
}
.hero-cine .hc-glow{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 60% at 78% 42%, rgba(211,166,42,.20), transparent 62%),
    radial-gradient(ellipse 60% 70% at 8% 90%, rgba(47,110,140,.22), transparent 60%);
  pointer-events:none;
}
.hero-cine .hc-grid{
  position:absolute;inset:0;opacity:.055;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.7) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.7) 1px, transparent 1px);
  background-size:78px 78px;
}
.hc-inner{position:relative;z-index:3;width:100%;padding:70px 0 64px;}
.hc-eyebrow{
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.19em;
  text-transform:uppercase;color:var(--gold);
  display:flex;align-items:center;gap:13px;margin-bottom:26px;
}
.hc-eyebrow::before{content:"";width:44px;height:2px;background:var(--gold);}
/* Grid stacking: every slide occupies the same cell, so the container
   always sizes to the TALLEST slide and nothing can overlap. */
.hc-rotator{display:grid;}
.hc-slide{
  grid-area:1/1;opacity:0;transform:translateY(14px);
  transition:opacity .75s ease, transform .75s ease;pointer-events:none;
}
.hc-slide.on{opacity:1;transform:translateY(0);pointer-events:auto;}
.hc-slide h1,.hc-slide h2{
  font-size:clamp(34px,5.4vw,64px);font-weight:800;line-height:1.05;
  letter-spacing:-.025em;margin:0 0 18px;color:#fff;max-width:19ch;
}
.hc-slide h1 em,.hc-slide h2 em{font-style:normal;color:var(--gold);}
.hc-slide p{
  font-size:clamp(15px,1.6vw,18.5px);color:#C3CCD5;line-height:1.62;
  max-width:52ch;margin:0;
}
.hc-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:38px;}
.btn-gold{
  background:var(--gold);color:var(--navy-deep);border:1px solid var(--gold);
  font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;
  padding:16px 30px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;
  transition:background .15s,transform .1s;
}
.btn-gold:hover{background:var(--gold-light);}
.btn-gold:active{transform:translateY(1px);}
.btn-clear{
  background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42);
  font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;
  padding:16px 30px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;
  transition:background .15s,border-color .15s;
}
.btn-clear:hover{background:rgba(255,255,255,.10);border-color:#fff;}

/* Slide indicators */
.hc-dots{display:flex;gap:11px;margin-top:44px;align-items:center;}
.hc-dot{
  width:38px;height:3px;background:rgba(255,255,255,.24);border:none;
  cursor:pointer;padding:0;transition:background .25s;position:relative;overflow:hidden;
}
.hc-dot.on{background:rgba(255,255,255,.32);}
.hc-dot.on::after{
  content:"";position:absolute;inset:0;background:var(--gold);
  transform-origin:left;animation:dotFill 7s linear forwards;
}
@keyframes dotFill{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@media (prefers-reduced-motion: reduce){
  .hc-dot.on::after{animation:none;transform:scaleX(1);}
  .hc-slide{transition:none;}
}

/* ---------- Key facts band ---------- */
.keyfacts{background:var(--navy);color:#fff;border-top:1px solid rgba(255,255,255,.10);padding:0;}
.kf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.kf-cell{
  padding:38px 30px;border-right:1px solid rgba(255,255,255,.11);
  display:flex;flex-direction:column;gap:9px;
}
.kf-cell:last-child{border-right:none;}
.kf-cell svg{width:26px;height:26px;stroke:var(--gold);margin-bottom:5px;}
.kf-n{
  font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(26px,3vw,36px);
  line-height:1;letter-spacing:-.02em;color:#fff;
}
.kf-n small{font-size:.5em;font-weight:700;color:var(--gold);margin-left:3px;}
.kf-l{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--gold);
}
.kf-d{font-size:12.5px;color:#9DAAB6;line-height:1.5;}
@media (max-width:900px){.kf-grid{grid-template-columns:1fr 1fr;}
  .kf-cell{border-bottom:1px solid rgba(255,255,255,.11);}
  .kf-cell:nth-child(2n){border-right:none;}}
@media (max-width:560px){.kf-grid{grid-template-columns:1fr;}
  .kf-cell{border-right:none;}}

/* ---------- Editorial full-bleed feature ---------- */
.feature{position:relative;overflow:hidden;}
.feature-dark{background:var(--navy-deep);color:#fff;}
.feature-dark::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 80% at 85% 30%, rgba(211,166,42,.14), transparent 60%);
  pointer-events:none;
}
.feature-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
  padding:0;
}
.feature-copy .eyebrow{margin-bottom:18px;}
.feature-copy h2{
  font-size:clamp(28px,3.9vw,46px);font-weight:800;line-height:1.08;
  letter-spacing:-.02em;margin:0 0 20px;
}
.feature-dark .feature-copy h2{color:#fff;}
.feature-copy p{font-size:16px;line-height:1.72;margin:0 0 16px;}
.feature-dark .feature-copy p{color:#AEB8C4;}
.feature-art{
  aspect-ratio:4/3;position:relative;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(150deg, #16283F 0%, #0B1626 100%);
  overflow:hidden;display:flex;align-items:center;justify-content:center;
}
.feature-art svg{width:70%;height:auto;opacity:.85;}
.feature-art .fa-tag{
  position:absolute;left:0;bottom:0;
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;
  color:var(--navy-deep);background:var(--gold);padding:8px 14px;
}
.feature-link{
  font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--gold);
  text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px;
  display:inline-block;margin-top:10px;
}
@media (max-width:900px){
  .feature-inner{grid-template-columns:1fr;gap:36px;}
  .feature-art{aspect-ratio:16/10;}
}

/* ---------- Corporate footer ---------- */
.corp-footer{background:var(--navy-deep);color:#8B96A2;padding:64px 0 0;}
.cf-top{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;
  padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.11);
}
.cf-lockup{display:flex;align-items:center;gap:11px;margin-bottom:22px;}
.cf-lockup img{height:42px;width:auto;}
.cf-name{
  font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;
  letter-spacing:.01em;line-height:1.1;color:#fff;
}
.cf-name small{
  display:block;font-family:'IBM Plex Mono',monospace;font-weight:400;
  font-size:8.5px;letter-spacing:.16em;color:var(--gold);margin-top:3px;
}
.cf-addr{font-size:13.5px;line-height:1.75;color:#AEB8C4;margin-bottom:14px;}
.cf-addr strong{color:#fff;display:block;margin-bottom:5px;font-family:'Archivo',sans-serif;}
.cf-dir{
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--gold);
  text-decoration:none;border-bottom:1px solid rgba(211,166,42,.45);padding-bottom:3px;
}
.cf-contact{margin-top:22px;font-size:13.5px;line-height:1.9;}
.cf-contact a{color:#fff;text-decoration:none;}
.cf-contact a:hover{color:var(--gold);}
.cf-contact span{color:#8B96A2;display:inline-block;min-width:64px;}
.cf-col h4{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold);margin:0 0 18px;
}
.cf-col ul{list-style:none;margin:0;padding:0;}
.cf-col li{margin-bottom:11px;}
.cf-col a{color:#AEB8C4;text-decoration:none;font-size:13.5px;}
.cf-col a:hover{color:#fff;}
.cf-social{display:flex;gap:11px;margin-top:22px;}
.cf-social a{
  width:36px;height:36px;border:1px solid rgba(255,255,255,.20);
  display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;
}
.cf-social a:hover{border-color:var(--gold);background:rgba(211,166,42,.12);}
.cf-social svg{width:16px;height:16px;fill:#AEB8C4;}
.cf-social a:hover svg{fill:var(--gold);}
.cf-bottom{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  flex-wrap:wrap;padding:22px 0 30px;font-size:12px;
}
.cf-bottom a{color:#AEB8C4;text-decoration:none;margin-right:22px;}
.cf-bottom a:hover{color:#fff;}
@media (max-width:900px){.cf-top{grid-template-columns:1fr 1fr;gap:34px;}}
@media (max-width:560px){.cf-top{grid-template-columns:1fr;}}

/* ---------- Section rhythm at enterprise scale ---------- */
.sec-lg{padding:104px 0;}
@media (max-width:640px){.sec-lg{padding:66px 0;}}


/* Honeypot: clipped rather than positioned far off-canvas, which can
   extend the scrollable area on some browsers. */
.honeypot-field,
form .hp{
  position:absolute !important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
  left:0 !important;top:auto !important;
}

/* Hero artwork responsive guardrails */
@media (max-width:900px){
  .hero-cine .hc-bg svg{
    width:clamp(390px,56vw,520px);
    right:-125px;opacity:.07;
  }
  [dir="rtl"] .hero-cine .hc-bg svg{right:auto;left:-125px;}
}
@media (max-width:640px){
  .hero-cine .hc-bg svg{
    width:390px;right:-185px;opacity:.055;
  }
  [dir="rtl"] .hero-cine .hc-bg svg{right:auto;left:-185px;}
}

/* ============================================================
   RTL — Arabic version support
   ============================================================ */
[dir="rtl"]{text-align:right;}
[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif;}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,
[dir="rtl"] h4,[dir="rtl"] h5{font-family:Tahoma,Arial,sans-serif;}

/* Flip directional decorations */
[dir="rtl"] .eyebrow::before,
[dir="rtl"] .hc-eyebrow::before{order:-1;}
[dir="rtl"] .hero-cine .hc-bg svg{
  right:auto;left:clamp(-115px,-5.5vw,-48px);
  transform:translateY(-50%) scaleX(-1);
}
[dir="rtl"] .kf-cell{border-right:none;border-left:1px solid rgba(255,255,255,.11);}
[dir="rtl"] .kf-cell:last-child{border-left:none;}
[dir="rtl"] .trust-cell{border-right:none;border-left:1px solid var(--line);}
[dir="rtl"] .trust-cell:last-child{border-left:none;}
[dir="rtl"] .kf-n small{margin-left:0;margin-right:3px;}
[dir="rtl"] .next-steps li{padding:0 34px 14px 0;}
[dir="rtl"] .next-steps li::before{left:auto;right:0;}
[dir="rtl"] .legal-wrap ul{padding-left:0;padding-right:20px;}
[dir="rtl"] .cf-bottom a,[dir="rtl"] .footer-legal a{margin-right:0;margin-left:22px;}
[dir="rtl"] .mega{left:0;right:0;}
[dir="rtl"] .skip-link{left:auto;right:16px;}
[dir="rtl"] .feature-art .fa-tag{left:auto;right:0;}
[dir="rtl"] .step:not(:last-child)::after{right:auto;left:-1px;}
[dir="rtl"] .consent-row{flex-direction:row;}

/* Numbers, phone numbers and Latin brand names stay LTR inside RTL text */
[dir="rtl"] .ltr,
[dir="rtl"] .logo-text,
[dir="rtl"] .cf-name,
[dir="rtl"] .topbar .tb-left{direction:ltr;unicode-bidi:embed;}
[dir="rtl"] .topbar .tb-left{text-align:left;}

/* Language switcher */
.lang-switch{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;
  color:#AEB8C4;text-decoration:none;
  border:1px solid rgba(255,255,255,.25);padding:5px 11px;
  transition:border-color .15s,color .15s;
}
.lang-switch:hover{border-color:var(--gold);color:var(--gold);}
.lang-switch svg{width:13px;height:13px;stroke:currentColor;}
@media (max-width:760px){
  .topbar .lang-switch{display:inline-flex;}
  .topbar .tb-util{display:none;}
  .topbar .wrap{justify-content:space-between;}
}


/* V4 — performance/accessibility hardening */
@supports (content-visibility:auto){
  main > section:not(.hero-cine){content-visibility:auto;contain-intrinsic-size:auto 900px;}
}
.submit-btn:disabled{opacity:.68;cursor:wait;}
.form-status:focus{outline:2px solid var(--gold);outline-offset:3px;}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}


/* ============================================================
   V7 — growth, multilingual, service content, accessibility
   ============================================================ */
.lang-cluster{display:flex;align-items:center;gap:5px;margin-left:auto}
.lang-cluster a{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.05em;text-decoration:none;padding:5px 7px;border:1px solid rgba(255,255,255,.25);color:inherit;line-height:1}
.lang-cluster a[aria-current="page"]{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}
.topbar .lang-cluster{margin-left:10px}
.service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.service-link-card{display:block;background:var(--panel);border:1px solid var(--line);padding:22px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.service-link-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 24px rgba(18,34,56,.08)}
.service-link-card strong{display:block;font-family:'Archivo',sans-serif;font-size:18px;margin-bottom:8px}
.service-link-card span{display:block;color:var(--steel);line-height:1.55;font-size:14px}
.service-link-card b{display:block;margin-top:14px;color:var(--gold-text);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.05em}
.content-hero{padding:88px 0 72px;background:linear-gradient(135deg,var(--navy-deep),#173963);color:#fff;position:relative;overflow:hidden}
.content-hero:after{content:"";position:absolute;right:-100px;top:-140px;width:520px;height:520px;border:46px solid rgba(211,166,42,.16);transform:rotate(45deg)}
.content-hero .wrap{position:relative;z-index:1}
.breadcrumbs{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-bottom:20px}
.breadcrumbs a{color:inherit;text-decoration:none}
.content-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.04;max-width:900px;margin:0 0 22px}
.content-hero p{max-width:760px;font-size:19px;line-height:1.7;color:rgba(255,255,255,.84);margin:0}
.content-main{padding:72px 0}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:58px;align-items:start}
.content-copy h2{font-size:clamp(27px,3vw,38px);margin:46px 0 16px}
.content-copy h2:first-child{margin-top:0}
.content-copy h3{font-size:21px;margin:30px 0 10px}
.content-copy p,.content-copy li{font-size:16px;line-height:1.78;color:#394654}
.content-copy ul{padding-left:22px}
.content-copy .callout{border-left:4px solid var(--gold);padding:18px 22px;background:#fff;margin:28px 0}
.content-side{position:sticky;top:120px;background:var(--navy);color:#fff;padding:28px;border-top:4px solid var(--gold)}
.content-side h3{font-size:22px;margin-bottom:12px}
.content-side p{font-size:14px;line-height:1.65;color:rgba(255,255,255,.75)}
.content-side .btn-gold{display:inline-block;margin-top:12px}
.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0}
.topic-card{border:1px solid var(--line);background:#fff;padding:19px}
.topic-card strong{font-family:'Archivo',sans-serif;display:block;margin-bottom:8px}
.related{padding:56px 0;background:var(--bg-alt);border-top:1px solid var(--line)}
.related h2{font-size:30px;margin-bottom:22px}
.page-contact-band{padding:52px 0;background:var(--navy-deep);color:#fff}
.page-contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}
.page-contact-band h2{font-size:32px;margin:0 0 8px}
.page-contact-band p{color:rgba(255,255,255,.7);margin:0;line-height:1.6}
.page-contact-band .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.fr-note{font-size:14px;color:var(--steel)}
@media(max-width:850px){
  .service-links{grid-template-columns:1fr}
  .content-grid{grid-template-columns:1fr;gap:34px}
  .content-side{position:static}
  .topic-grid{grid-template-columns:1fr}
  .page-contact-band .wrap{display:block}
  .page-contact-band .hero-actions{margin-top:22px}
  .lang-cluster a{padding:5px 6px;font-size:9px}
}

/* V7 mobile utility-bar guardrail: keep language controls visible without wrapping the fixed bar. */
@media(max-width:760px){
  .topbar .wrap{height:auto;min-height:38px;padding-top:6px;padding-bottom:6px;flex-wrap:nowrap}
  .topbar .tb-left a:nth-child(2){display:none}
  .topbar .tb-left{flex-wrap:nowrap;min-width:0}
  .topbar .lang-cluster{flex-shrink:0}
}


/* Netlify honeypot: visually hidden but still detectable by simple bots. */
/* ============================================================
   V7.3 — final reliability + visual polish
   Goal: premium enterprise feel without adding heavy assets.
   ============================================================ */
:root{
  --gold-light:#E7C45D;
  --shadow-soft:0 14px 38px rgba(11,22,38,.08);
  --shadow-deep:0 24px 60px rgba(11,22,38,.18);
}
::selection{background:rgba(211,166,42,.28);color:var(--navy-deep)}
.wrap{max-width:1220px}
body{line-height:1.5;text-rendering:optimizeLegibility}

/* Header: a little quieter, sharper and more premium */
.topbar{letter-spacing:.01em}
.topbar .wrap{max-width:1220px}
header{border-bottom-color:rgba(18,34,56,.10)}
.nav{height:76px}
.logo-mark img{height:36px}
.logo-text{font-size:16px;letter-spacing:.025em}
.logo-text small{font-size:8.5px;letter-spacing:.19em}
.navlinks{gap:29px}
.nav-cta{padding:12px 21px;box-shadow:0 6px 18px rgba(11,22,38,.10)}
.nav-cta,.btn-gold,.btn-clear,.btn-outline,.submit-btn,.lang-cluster a{border-radius:2px}

/* Hero: stronger composition + guardrails against oversized artwork */
.hero-cine{min-height:clamp(560px,74vh,720px)}
.hc-inner{padding-top:78px;padding-bottom:72px}
.hc-slide h1,.hc-slide h2{font-size:clamp(42px,5.2vw,68px);max-width:17ch;letter-spacing:-.035em;text-wrap:balance}
.hc-slide p{max-width:57ch;color:#C8D0D8}
.hero-cine .hc-bg svg{width:clamp(420px,39vw,590px);right:clamp(-105px,-4.6vw,-42px);opacity:.078}
.hero-cine .hc-glow{background:radial-gradient(ellipse 62% 54% at 78% 42%,rgba(211,166,42,.16),transparent 62%),radial-gradient(ellipse 54% 66% at 6% 94%,rgba(47,110,140,.18),transparent 60%)}
.hero-cine .hc-grid{opacity:.038;background-size:86px 86px}
.hc-actions{margin-top:40px}
.btn-gold,.btn-clear{min-height:50px;justify-content:center}
.btn-gold{box-shadow:0 10px 26px rgba(211,166,42,.16)}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(211,166,42,.21)}
.btn-clear:hover{transform:translateY(-1px)}
.hc-dots{margin-top:40px}

/* Key facts: visual hierarchy, still factual */
.kf-cell{padding:34px 28px;transition:background .18s ease}
.kf-cell:hover{background:rgba(255,255,255,.025)}
.kf-d{font-size:12.75px}

/* Section rhythm and typography */
section{padding-top:96px;padding-bottom:96px}
.section-head{margin-bottom:44px}
.section-head h2{letter-spacing:-.025em;text-wrap:balance}
.section-head p,.overview p,.feature-copy p{line-height:1.72}
.overview-grid{gap:68px}

/* Cards: subtle depth without turning the site into a template */
.sol-card,.cat-card,.ind-card,.why-card,.topic-card,.service-link-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
@media (hover:hover) and (pointer:fine){
  .sol-card:hover,.ind-card:hover,.why-card:hover,.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);position:relative;z-index:2}
  .cat-card:hover{transform:translateY(-3px);background:#102038;position:relative;z-index:2}
}
.sol-card h3,.why-card h3,.ind-card h3,.cat-card h3{text-wrap:balance}

/* Supplier / editorial feature */
.supplier-inner{box-shadow:var(--shadow-soft)}
.feature-art{box-shadow:var(--shadow-deep)}
.feature-copy h2{text-wrap:balance}

/* FAQ: cleaner scanning */
.faq-item{transition:border-color .18s ease,background .18s ease}
.faq-item[open]{background:rgba(255,255,255,.68);border-color:#D1C9B7}
.faq-q{font-weight:700}

/* Contact: make the conversion area look intentional and high-trust */
.contact{background:linear-gradient(145deg,#081321 0%,#0E1C30 58%,#11243B 100%)}
.contact-grid{gap:60px;align-items:start}
.form-plate{background:rgba(16,28,46,.88);box-shadow:0 24px 64px rgba(0,0,0,.22);backdrop-filter:blur(4px)}
form{padding:34px;gap:17px}
.field input,.field textarea{min-height:42px;border-bottom-color:rgba(255,255,255,.20);transition:border-color .18s,background .18s}
.field textarea{min-height:84px}
.field input:focus,.field textarea:focus{background:rgba(255,255,255,.025)}
.submit-btn{min-height:50px;box-shadow:0 10px 24px rgba(211,166,42,.14)}
.submit-btn:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(211,166,42,.20)}
.info-row .val{font-size:16.5px}

/* Footer */
.corp-footer{padding-top:68px}
.cf-bottom{border-top:1px solid rgba(255,255,255,.10)}

/* Service pages: editorial polish */
.content-hero{padding:100px 0 84px;background:linear-gradient(135deg,#091625 0%,#102B49 62%,#173963 100%)}
.content-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:820px}
.content-hero p{max-width:720px;color:rgba(255,255,255,.82)}
.content-hero:after{border-width:38px;opacity:.78}
.content-main{padding:84px 0}
.content-copy{max-width:760px}
.content-copy h2{letter-spacing:-.022em;text-wrap:balance}
.content-copy p,.content-copy li{color:#344251}
.content-side{box-shadow:var(--shadow-soft);top:110px}
.service-link-card{box-shadow:0 8px 24px rgba(18,34,56,.04)}
.service-link-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(18,34,56,.10)}

/* Better keyboard visibility on dark and light surfaces */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}

/* Tablet */
@media(max-width:980px){
  .nav{height:70px}
  .hero-cine{min-height:590px}
  .hc-inner{padding-top:66px;padding-bottom:60px}
  .hc-slide h1,.hc-slide h2{font-size:clamp(40px,7vw,58px);max-width:18ch}
  .hero-cine .hc-bg svg{width:440px;right:-150px;opacity:.055}
  .contact-grid{gap:38px}
}

/* Mobile — deliberately simpler, faster to scan and safer at browser zoom */
@media(max-width:640px){
  .wrap{padding-left:18px;padding-right:18px}
  .topbar .wrap{padding-left:18px;padding-right:18px}
  .logo-mark img{height:31px}
  .logo-text{font-size:14px}.logo-text small{font-size:7.5px}
  .nav{height:66px}
  .hero-cine{min-height:auto;align-items:flex-start}
  .hc-inner{padding-top:62px;padding-bottom:50px}
  .hc-eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:20px;max-width:88%}
  .hc-eyebrow::before{width:28px}
  .hc-slide h1,.hc-slide h2{font-size:clamp(36px,10.8vw,46px);line-height:1.03;max-width:12.5ch;margin-bottom:17px}
  .hc-slide p{font-size:15.5px;line-height:1.6;max-width:31ch}
  .hero-cine .hc-bg svg{width:330px;right:-190px;top:40%;opacity:.038}
  [dir="rtl"] .hero-cine .hc-bg svg{right:auto;left:-190px}
  .hc-actions{display:grid;grid-template-columns:1fr;margin-top:30px;gap:10px;max-width:360px}
  .btn-gold,.btn-clear{width:100%;padding:14px 18px}
  .hc-dots{margin-top:30px}
  .kf-cell{padding:27px 18px}
  section{padding-top:70px;padding-bottom:70px}
  .section-head{margin-bottom:32px;padding-bottom:17px}
  .section-head h2{font-size:29px}
  .overview-grid{gap:38px}
  .supplier-inner{padding:28px 22px}
  .feature-inner{gap:30px}
  .feature-art{aspect-ratio:16/11}
  form{padding:24px 20px}
  .contact-grid{gap:34px}
  .corp-footer{padding-top:52px}
  .content-hero{padding:68px 0 58px}
  .content-hero h1{font-size:clamp(36px,10.5vw,48px)}
  .content-hero p{font-size:16px;line-height:1.65}
  .content-main{padding:62px 0}
  .content-copy h2{margin-top:38px}
  .content-side{padding:24px}
}

@media(prefers-reduced-motion:reduce){
  .btn-gold:hover,.btn-clear:hover,.submit-btn:hover,.service-link-card:hover,.sol-card:hover,.ind-card:hover,.why-card:hover,.topic-card:hover,.cat-card:hover{transform:none!important}
}