*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:#102b46;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:white}html[lang=en] span[lang=ar],html[lang=ar] span[lang=en]{display:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header,section,footer{padding-inline:clamp(20px,6.8vw,130px)}header{height:78px;background:white;display:flex;align-items:center;gap:35px;position:sticky;top:0;z-index:5;border-bottom:1px solid #d5dfeb}.brand{display:flex;align-items:center;gap:10px;line-height:1;direction:ltr;margin-inline-end:auto}.brand b{font-size:19px;letter-spacing:-.5px}.brand small{display:block;letter-spacing:3px;font-size:10px;margin-top:5px}nav{display:flex;gap:25px;font-weight:600;font-size:14px}#locale{background:white;border:1px solid #bfccd7;padding:7px 13px;border-radius:3px}nav a:hover,.link:hover{color:#006ac9}.hero{position:relative;isolation:isolate;background:#08223c;color:white;min-height:clamp(520px,74vh,780px);display:flex;align-items:center;padding-block:70px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,34,.93),rgba(3,17,34,.46) 55%,rgba(3,17,34,.08)),url("../img/rt-hero.jpg") center 48%/cover;z-index:-1}html[dir=rtl] .hero:before{transform:scaleX(-1)}.hero:after{content:"";position:absolute;bottom:0;inset-inline-end:0;width:30%;height:48px;background:linear-gradient(132deg,transparent 38%,#0d4079 38% 48%,white 48% 49%,#1179d5 49% 61%,white 61% 62%,#95a7b6 62% 70%,transparent 70%);pointer-events:none}.label{font:600 12px/1.6 'Segoe UI',Tahoma,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0969b6}.hero .label{color:#d5e8fa}.hero h1{font-size:clamp(52px,6.6vw,103px);line-height:1.01;letter-spacing:-.055em;margin:20px 0 24px}.hero h1 em{font-style:normal;color:#8ec8ff}html[dir=rtl] h1{letter-spacing:0;line-height:1.25}.hero p{max-width:520px;color:#edf4fc;font-size:19px;line-height:1.6}.button{display:inline-block;background:#126ec5;color:white;font-weight:650;padding:13px 23px;border-radius:2px;margin-top:12px}.button:hover{background:#095aab}.section{padding-block:clamp(54px,7vw,100px)}h2{font-size:clamp(34px,4.4vw,68px);line-height:1.1;letter-spacing:-.045em;margin:12px 0 24px}html[dir=rtl] h2{letter-spacing:0;line-height:1.3}.intro,.contact{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.intro p,.service p,.values p{line-height:1.75;font-size:17px}.catalog{background:#edf3f8}.catalog-inner{display:grid;grid-template-columns:minmax(210px,30%) 1fr;background:white;border:1px solid #ccdae5}.choices button{width:100%;padding:18px;text-align:start;border:0;border-bottom:1px solid #ccd9e2;background:#f6f9fb;font-weight:650;display:flex;justify-content:space-between}.choices button[aria-pressed=true]{background:#0b3459;color:white}.service{padding:clamp(23px,4vw,60px);background:linear-gradient(135deg,#fff 65%,#e6f0f9)}.service h3{font-size:clamp(28px,3vw,46px);letter-spacing:-.03em;line-height:1.15;margin:12px 0}.service ul{padding-inline-start:22px;line-height:1.9}.link{font-weight:650;text-decoration:underline;text-underline-offset:4px}.values{display:grid;grid-template-columns:1fr 1fr;gap:50px}.values article{border-top:4px solid #156cb7}.values h3{font-size:27px;margin-bottom:0}.contact{background:#082943;color:#fff}.contact p,.contact address{line-height:1.8;font-style:normal}.contact .label{color:#91caff}.contact a{display:block;margin:12px 0;font-size:18px}.contact a:hover{text-decoration:underline}footer{padding-block:20px;font-size:12px;color:#41586c}:focus-visible{outline:3px solid #ffae35;outline-offset:3px}@media(max-width:740px){header{height:auto;min-height:66px;flex-wrap:wrap;gap:10px;padding-block:10px}nav{order:3;width:100%;justify-content:space-between;gap:6px;font-size:13px}.brand svg{width:46px;height:30px}.brand b{font-size:16px}.hero{min-height:505px}.intro,.contact,.values,.catalog-inner{grid-template-columns:1fr;gap:15px}.choices{display:grid;grid-template-columns:1fr 1fr}.choices button{padding:12px;font-size:14px}.service{min-height:340px}.hero p{font-size:17px}html{scroll-padding-top:110px}}
.brand img{width:65px;height:43px;object-fit:contain}.service-photo{width:100%;height:clamp(150px,19vw,270px);object-fit:cover;display:block;margin-bottom:24px}.service{padding:clamp(18px,3vw,40px)}@media(max-width:740px){.brand img{width:46px;height:30px}}
/* Preserve every edge of replacement images. */
.hero {display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(24px,4vw,70px);align-items:center;background:linear-gradient(120deg,#061b30,#123e60);min-height:0;padding-block:clamp(42px,6vw,90px)}
.hero:before {display:none}
.hero h1 {font-size:clamp(46px,5.1vw,83px)}
.hero figure {margin:0;min-width:0;position:relative;z-index:1}
.hero-frame {display:grid;place-items:center;aspect-ratio:4/3;background:#061a2b;border:1px solid #36556c;overflow:hidden}
.hero-frame img {grid-area:1/1;width:100%;height:100%;min-height:0;object-fit:contain;opacity:0;transition:opacity .7s ease}
.hero-frame img.active {opacity:1}
.hero figcaption {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;font-size:14px;color:#dbeafa}
.slide-controls {display:flex;gap:5px;direction:ltr}
.slide-controls button {border:1px solid #587185;background:#0b2940;color:white;min-width:36px;height:34px;border-radius:3px}
.slide-controls button:hover {background:#245075}
.service:not([hidden]) {display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);column-gap:clamp(16px,2.5vw,44px);align-content:center}
.service-photo {grid-column:1;grid-row:1 / span 6;align-self:center;height:auto;max-height:440px;object-fit:contain;margin:0}
.service>:not(img) {grid-column:2}
.service ul {margin-block:4px 18px}
@keyframes arrive {from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes photo-in {from{opacity:.25;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:no-preference) {
.hero h1,.hero p,.hero .button,.hero figure,.service:not([hidden])>:not(img),.enter {animation:arrive .65s backwards}
.hero p {animation-delay:.12s}.hero .button {animation-delay:.22s}
.service:not([hidden]) img {animation:photo-in .48s ease}
}
@media(max-width:950px){.catalog-inner{grid-template-columns:minmax(155px,25%) minmax(0,1fr)}.service h3{font-size:28px}}
@media(max-width:740px){.hero,.catalog-inner,.service:not([hidden]){grid-template-columns:1fr}.hero{gap:24px}.hero-frame{aspect-ratio:3/2}.hero h1{font-size:clamp(46px,10vw,70px)}.service-photo{grid-column:1;grid-row:auto;width:100%;max-height:330px;margin-bottom:18px}.service>:not(img){grid-column:1}.choices button{padding:12px}.service:not([hidden]){min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-frame img{transition:none}}

.brand.official-logo img{width:auto;max-width:180px;height:54px}.brand.official-logo b{display:none}

/* Total intro time, including fade. */
#welcome {
  --intro-duration: 3s;
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  background: linear-gradient(140deg, rgba(249,252,255,.96), rgba(234,242,250,.90)), url("../img/rt-hero.jpg") center/cover;
  animation: welcome-exit var(--intro-duration) linear forwards;
}
#welcome img {width: min(55vw, 340px); height: auto; max-height: 50vh; object-fit: contain;}
@keyframes welcome-exit {
  0%, 78% {opacity: 1; visibility: visible;}
  100% {opacity: 0; visibility: hidden;}
}
@media (prefers-reduced-motion: reduce) {#welcome {display:none}}
@media print {#welcome {display:none}}