:root{
  --ink:#0b1722;
  --navy:#0f2638;
  --blue:#153f5f;
  --teal:#54b7b1;
  --mist:#eef4f4;
  --sand:#f7f6f1;
  --white:#ffffff;
  --muted:#5d6a72;
  --line:#dce5e6;
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--white);
  font-family:"DM Sans",system-ui,sans-serif;
  line-height:1.6;
}
h1,h2,h3,.brand{font-family:"Manrope",system-ui,sans-serif}
h1,h2,h3,p{margin-top:0}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-header{
  position:fixed;z-index:20;left:0;right:0;top:0;
  background:rgba(255,255,255,.88);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(11,23,34,.08)
}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.brand-mark{
  width:38px;height:38px;border-radius:12px;background:var(--navy);color:white;
  display:grid;place-items:center;font-weight:800
}
.brand-copy{display:flex;align-items:baseline;gap:6px;letter-spacing:.08em}
.brand-copy strong{font-size:17px}.brand-copy small{font-size:9px;color:var(--muted)}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.nav-cta{padding:10px 16px;border:1px solid var(--ink);border-radius:999px}
.menu-toggle{display:none;background:none;border:0;font-size:24px}
.hero{
  min-height:860px;padding:180px 0 90px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 85% 25%,rgba(84,183,177,.28),transparent 28%),
    radial-gradient(circle at 15% 75%,rgba(21,63,95,.12),transparent 32%),
    linear-gradient(135deg,#f8fbfb,#eef4f4 58%,#e7f0f0)
}
.hero-grid{
  position:absolute;inset:0;opacity:.33;
  background-image:linear-gradient(rgba(15,38,56,.08) 1px,transparent 1px),
  linear-gradient(90deg,rgba(15,38,56,.08) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black,transparent 92%)
}
.hero-inner{position:relative;z-index:2}
.eyebrow,.section-label{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--blue);margin-bottom:24px}
.hero h1{font-size:clamp(54px,7vw,100px);line-height:.98;letter-spacing:-.055em;max-width:980px;margin-bottom:32px}
.hero-lede{font-size:21px;max-width:780px;color:#33434e}
.hero-actions{display:flex;gap:14px;margin:38px 0 78px}
.button{
  display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;
  text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer
}
.button-primary{background:var(--navy);color:white}
.button-secondary{border-color:var(--navy);color:var(--navy);background:rgba(255,255,255,.45)}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hero-proof>div{border-top:1px solid rgba(15,38,56,.22);padding-top:20px}
.hero-proof span{font-size:11px;font-weight:800;color:var(--teal)}
.hero-proof strong{display:block;margin:8px 0 6px;font-family:"Manrope";font-size:17px}
.hero-proof p{color:var(--muted);font-size:14px;max-width:260px}
.section{padding:120px 0}
.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px}
h2{font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.045em;margin-bottom:28px}
.prose{font-size:18px;color:#3f4c55}
.prose p{margin-bottom:22px}
.services{background:var(--sand)}
.section-heading{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:54px}
.section-heading>div{max-width:720px}.section-heading>p{max-width:330px;color:var(--muted)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{
  background:white;border:1px solid #e7e6df;border-radius:var(--radius);padding:30px;min-height:330px;
  transition:transform .25s ease,box-shadow .25s ease
}
.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(11,23,34,.08)}
.card-number{font-size:12px;font-weight:800;color:var(--teal);margin-bottom:70px}
.service-card h3{font-size:24px;line-height:1.2;margin-bottom:18px}
.service-card p{color:var(--muted);font-size:15px}
.dark-section{background:var(--navy);color:white}
.innovation-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.light-label{color:#8ad4cf}
.dark-section p{color:#c5d0d7;font-size:18px}
.text-link{color:white;text-decoration:none;border-bottom:1px solid #78919e;padding-bottom:4px}
.innovation-panel{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);overflow:hidden}
.panel-row{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:28px;border-bottom:1px solid rgba(255,255,255,.12)}
.panel-row:last-child{border-bottom:0}.panel-row>span{color:#8ad4cf;font-size:12px;font-weight:800}
.panel-row strong{font-family:"Manrope";font-size:19px}.panel-row p{font-size:14px;margin:4px 0 0}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.pill-row span{border:1px solid var(--line);padding:9px 13px;border-radius:999px;font-size:13px;color:var(--blue);background:var(--mist)}
.approach{background:#f8fbfb}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.timeline-item{padding:28px 28px 0 0;border-right:1px solid var(--line);min-height:260px}
.timeline-item:not(:first-child){padding-left:28px}
.timeline-item:last-child{border-right:0}
.timeline-item span{font-size:12px;font-weight:800;color:var(--teal)}
.timeline-item h3{font-size:25px;margin:52px 0 12px}
.timeline-item p{color:var(--muted);font-size:15px}
.contact{background:white}
.contact-card{
  border-radius:32px;background:linear-gradient(135deg,#0f2638,#143a55);color:white;
  padding:70px;display:grid;grid-template-columns:.86fr 1.14fr;gap:70px
}
.contact-card>div>p{color:#c7d1d6;max-width:430px}
.contact-form{display:grid;gap:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:7px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#d9e2e6}
input,textarea{
  width:100%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);
  color:white;border-radius:14px;padding:14px 15px;font:inherit;outline:none
}
input:focus,textarea:focus{border-color:#8ad4cf}
.button-light{justify-self:start;background:white;color:var(--navy);margin-top:4px}
footer{padding:38px 0;background:#09141d;color:white}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}
.footer-brand{color:white}.footer-brand .brand-mark{background:white;color:var(--navy)}
footer p{margin:0;color:#9fb0bb;font-size:13px}.copyright{text-align:right}
@media(max-width:900px){
  .nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:24px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}.menu-toggle{display:block}
  .hero{min-height:auto;padding-top:150px}.hero-proof,.card-grid,.timeline{grid-template-columns:1fr 1fr}
  .split,.innovation-grid,.contact-card{grid-template-columns:1fr;gap:45px}
  .section-heading{display:block}.section-heading>p{margin-top:20px}
  .timeline-item{border-right:0;border-bottom:1px solid var(--line);padding:24px!important;min-height:220px}
  .footer-grid{grid-template-columns:1fr}.copyright{text-align:left}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,1180px)}
  .hero{padding-bottom:70px}.hero h1{font-size:50px}
  .hero-actions{flex-direction:column;align-items:flex-start;margin-bottom:54px}
  .hero-proof,.card-grid,.timeline,.form-row{grid-template-columns:1fr}
  .section{padding:82px 0}.contact-card{padding:36px 24px}
  .service-card{min-height:auto}.card-number{margin-bottom:42px}
}

.contact-form select{width:100%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:white;border-radius:14px;padding:14px 15px;font:inherit;outline:none}
.contact-form select option{color:#0b1722;background:white}
.optional{font-weight:500;opacity:.7}
.consent-row{grid-template-columns:20px 1fr;align-items:start;gap:10px;font-size:12px;line-height:1.45}
.consent-row input{width:16px;height:16px;margin-top:2px}
.form-notice{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);border-radius:14px;padding:13px 15px;color:#c7d1d6;font-size:12px;line-height:1.5}
.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.form-status{min-height:22px;color:#d8e5e8;font-size:13px}
.form-status.success{color:#9ce0da}.form-status.error{color:#ffd0d0}
.button[disabled]{opacity:.65;cursor:not-allowed}

.contact-email{margin-top:18px!important;font-size:15px!important}
.contact-email a{color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}
.contact-email a:hover{border-bottom-color:white}

.lang-switch{
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:999px;
}
.rtl-site{
  direction:rtl;
  text-align:right;
}
.rtl-site .nav-wrap,
.rtl-site .hero-actions,
.rtl-site .section-heading,
.rtl-site .form-actions{
  direction:rtl;
}
.rtl-site .nav-links{
  direction:rtl;
}
.rtl-site .brand{
  direction:ltr;
}
.rtl-site .copyright{
  text-align:left;
}
.rtl-site .footer-grid{
  direction:rtl;
}
.rtl-site input,
.rtl-site textarea,
.rtl-site select{
  text-align:right;
}
.rtl-site .contact-email a{
  direction:ltr;
  unicode-bidi:isolate;
}
@media(max-width:900px){
  .rtl-site .nav-links{align-items:flex-end}
  .rtl-site .copyright{text-align:right}
}

:root{--ink:#06111b;--navy:#071c2d;--blue:#0d3552;--teal:#2f9e99;--mist:#e8f0f0;--sand:#eef1ef;--white:#fff;--muted:#51616b;--line:#cbd8da}
.site-header{background:rgba(5,18,29,.95);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header .brand,.site-header .nav-links a{color:#fff}.site-header .brand-copy small{color:#91a6b2}.site-header .nav-cta{border-color:rgba(255,255,255,.35)}.menu-toggle{color:#fff}
.seal-logo{width:48px;height:48px;object-fit:contain;border-radius:50%}
.hero{background:radial-gradient(circle at 80% 20%,rgba(47,158,153,.18),transparent 30%),linear-gradient(135deg,#06111b,#0a2336 60%,#0d3148);color:#fff}
.hero .eyebrow{color:#7ec9c5}.hero-lede{color:#c6d2d8}.button-primary{background:#2f9e99;color:#fff}.button-secondary{border-color:#78909d;color:#fff;background:rgba(255,255,255,.03)}
.hero-proof>div{border-top-color:rgba(255,255,255,.16)}.hero-proof p{color:#aabac3}.hero-proof strong{color:#fff}
.hero-visual{position:relative;margin:42px 0 18px;height:350px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 70px rgba(0,0,0,.28)}
.hero-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.75) saturate(.9)}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,27,.58),transparent 58%)}
.hero-visual-caption{position:absolute;z-index:2;left:28px;bottom:24px;display:grid;gap:4px}.hero-visual-caption span{font-size:11px;font-weight:800;letter-spacing:.16em;color:#83d1cd}.hero-visual-caption strong{font-family:"Manrope";font-size:20px;color:#fff}
.visual-story{background:#071722;padding:90px 0}.visual-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.visual-card{overflow:hidden;border-radius:26px;background:#0a2233;border:1px solid rgba(255,255,255,.08)}
.visual-card img{width:100%;height:300px;object-fit:cover;display:block;filter:brightness(.78) saturate(.9)}.visual-copy{padding:28px 30px 32px;color:#fff}.visual-copy .section-label{color:#74c8c3;margin-bottom:12px}.visual-copy h3{font-size:29px;margin-bottom:12px}.visual-copy p{color:#aebec7;margin:0}
.dark-section{background:#04131f}.seal-trust{background:linear-gradient(135deg,#071c2d,#0b2f46);color:#fff;padding:80px 0}.seal-trust-inner{display:grid;grid-template-columns:220px 1fr;gap:64px;align-items:center}.seal-trust img{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(0,0,0,.28))}.seal-trust .section-label{color:#79ccc7}.seal-trust p{color:#b9c8cf;font-size:18px}
.contact{background:#06111b}.contact-card{background:linear-gradient(135deg,#0b2436,#0b354d)}footer{background:#030b11}
.rtl-site .hero-visual-caption{left:auto;right:28px}
@media(max-width:900px){.visual-story-grid,.seal-trust-inner{grid-template-columns:1fr}.seal-trust-inner{text-align:center}.seal-trust img{margin:auto}}
@media(max-width:620px){.hero-visual{height:250px}.visual-card img{height:230px}.seal-logo{width:40px;height:40px}}