:root{--navy:#071d36;--navy2:#0b2b4d;--blue:#174e7c;--cyan:#4ed2d0;--ice:#edf6f7;--white:#fff;--ink:#12263a;--muted:#5f7080;--line:#d7e2e6;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fbfb;color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}html[lang=ar] body{font-family:"Noto Kufi Arabic",Arial,sans-serif}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:100}.skip:focus{top:1rem}.site-header{height:88px;display:flex;align-items:center;gap:2rem;padding:0 max(3vw,24px);background:rgba(7,29,54,.96);color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;margin-right:auto;line-height:1.15}.brand img{width:48px;height:52px;object-fit:contain}.brand b{display:block;font-size:.85rem;letter-spacing:.05em}.brand small{display:block;color:#a9becd;font-size:.64rem;letter-spacing:.09em;margin-top:.25rem}.site-header nav{display:flex;align-items:center;gap:1.7rem}.site-header nav a{color:#cdd9e1;text-decoration:none;font-size:.88rem}.site-header nav a:hover{color:#fff}.site-header .nav-cta{border:1px solid rgba(255,255,255,.3);padding:.6rem 1rem;border-radius:999px}.lang-toggle{border:0;background:transparent;color:var(--cyan);font:600 .88rem inherit;cursor:pointer;padding:.6rem}.menu-toggle{display:none;border:0;background:none;padding:.5rem}.menu-toggle span{display:block;width:24px;height:2px;background:white;margin:6px}.hero{min-height:calc(100vh - 88px);position:relative;background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);align-items:end;padding:clamp(4rem,10vw,8.5rem) max(5vw,24px) 3.5rem;overflow:hidden}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,54,.98) 0%,rgba(7,29,54,.86) 45%,rgba(7,29,54,.34) 100%),url('assets/riyadh-hero.webp') center/cover;opacity:.9}.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:500px;height:500px;border:1px solid rgba(78,210,208,.18);border-radius:50%;box-shadow:0 0 0 80px rgba(78,210,208,.025),0 0 0 160px rgba(78,210,208,.02)}.hero-content,.route-card{position:relative;z-index:1}.hero-content{max-width:790px;padding-bottom:1.5rem}.eyebrow{display:flex;align-items:center;gap:.8rem;color:#b6d9df;text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:700}.eyebrow span:first-child{width:38px;height:2px;background:var(--cyan)}h1{font-size:clamp(3rem,6.2vw,6.2rem);line-height:1.02;letter-spacing:-.055em;margin:1.4rem 0;max-width:950px}html[lang=ar] h1{letter-spacing:-.02em;font-size:clamp(2.65rem,5.2vw,5.4rem);line-height:1.25}.hero-content>p{font-size:clamp(1rem,1.5vw,1.2rem);color:#d3e0e7;max-width:700px}.hero-actions{display:flex;gap:.8rem;margin:2rem 0 2.2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;padding:.9rem 1.25rem;text-decoration:none;border-radius:4px;font-weight:700;font-size:.92rem;cursor:pointer}.button.primary{background:var(--cyan);color:var(--navy);border:1px solid var(--cyan)}.button.primary:hover{background:#7be0de}.button.ghost{border:1px solid rgba(255,255,255,.28);color:#fff}.trust-line{display:flex;align-items:center;gap:.9rem;color:#a9becd;font-size:.78rem;flex-wrap:wrap}.trust-line i{width:3px;height:3px;background:var(--cyan);border-radius:50%}.route-card{background:rgba(5,24,43,.9);border:1px solid rgba(255,255,255,.17);padding:2rem;backdrop-filter:blur(13px);box-shadow:0 24px 60px rgba(0,0,0,.18)}.route-number{color:var(--cyan);font-size:.73rem;letter-spacing:.12em}.route-card h2{font-size:2rem;line-height:1.2;margin:1rem 0 1.5rem}.route-card ol{list-style:none;padding:0;margin:0}.route-card li{border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:40px 1fr;gap:.7rem;padding:.85rem 0;font-size:.87rem}.route-card li span{color:var(--cyan);font:600 .72rem Manrope}.route-card li b{font-weight:600}.section{max-width:var(--max);margin:auto;padding:7rem 24px}.section-label{display:flex;align-items:center;gap:1rem;color:var(--blue);text-transform:uppercase;letter-spacing:.13em;font:700 .72rem Manrope}.section-label span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%}.section-label p{margin:0}.intro{display:grid;grid-template-columns:220px 1fr;gap:4rem}.intro-copy{max-width:900px}.kicker{color:#178b8a;font-size:.88rem;font-weight:700;margin:0}.intro h2,.route h2,.sectors h2,.why h2,.contact h2{font-size:clamp(2.2rem,4.4vw,4.5rem);line-height:1.09;letter-spacing:-.05em;margin:1rem 0}html[lang=ar] .intro h2,html[lang=ar] .route h2,html[lang=ar] .sectors h2,html[lang=ar] .why h2,html[lang=ar] .contact h2{letter-spacing:-.015em;line-height:1.35}.lead{font-size:1.1rem;color:var(--muted);max-width:760px}.section-grid{max-width:var(--max);margin:auto;padding:0 24px 7rem;display:grid;grid-template-columns:repeat(3,1fr)}.service{min-height:500px;padding:2rem;border:1px solid var(--line);background:#fff;position:relative}.service+ .service{border-left:0}.service.featured{background:var(--ice)}.service.dark{background:var(--navy);color:white;border-color:var(--navy)}.service-icon{width:58px;height:58px;border:1px solid #a9c1c9;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-weight:800}.dark .service-icon{color:var(--cyan);border-color:#31526f}.service-no{position:absolute;right:2rem;top:2.5rem;color:#8da0ac;font:600 .75rem Manrope}.service h3{font-size:1.55rem;line-height:1.2;margin:4.5rem 0 1rem}.service p{color:var(--muted)}.service.dark p{color:#b5c8d3}.service ul{list-style:none;padding:1rem 0 0;margin:2rem 0 0;border-top:1px solid var(--line)}.service.dark ul{border-color:#27445e}.service li{padding:.55rem 0 .55rem 1.4rem;position:relative;font-size:.88rem}.service li:before{content:"";position:absolute;left:0;top:1.05rem;width:6px;height:6px;border:1px solid var(--cyan);transform:rotate(45deg)}.route{max-width:none;background:var(--navy);color:#fff;padding-left:max(calc((100vw - var(--max))/2 + 24px),24px);padding-right:max(calc((100vw - var(--max))/2 + 24px),24px)}.route-heading{display:grid;grid-template-columns:220px 1fr;gap:4rem}.section-label.light{color:#a9becd}.section-label.light span{border-color:#31526f}.route-heading h2{max-width:880px;margin-top:0}.route-steps{margin-top:4rem;display:grid;grid-template-columns:repeat(4,1fr)}.route-steps article{padding-right:2.2rem}.route-steps b{color:var(--cyan);font:.75rem Manrope}.route-steps article>span{display:block;height:1px;background:#31526f;position:relative;margin:1rem 0 2rem}.route-steps article>span:before{content:"";width:8px;height:8px;background:var(--cyan);border-radius:50%;position:absolute;left:0;top:-4px}.route-steps h3{font-size:1.2rem}.route-steps p{color:#a9becd;font-size:.9rem}.sector-layout{display:grid;grid-template-columns:1fr 1fr;gap:7rem;margin-top:2rem}.sectors h2{font-size:clamp(2.3rem,4vw,4rem);margin-top:0}.sector-list>div{display:grid;grid-template-columns:45px 1fr;align-items:start;border-top:1px solid var(--line);padding:1.4rem 0}.sector-list span{color:#178b8a;font:700 .72rem Manrope}.sector-list h3{margin:0;font-size:1rem}.why{display:grid;grid-template-columns:1fr 1fr;gap:7rem;background:#edf6f7;max-width:none;padding-left:max(calc((100vw - var(--max))/2 + 24px),24px);padding-right:max(calc((100vw - var(--max))/2 + 24px),24px)}.why-copy p:not(.section-label p){color:var(--muted);max-width:600px}.why-points article{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1.3rem 0;border-top:1px solid #bfd1d5}.why-points span{color:#178b8a;font:700 .72rem Manrope}.why-points h3{font-size:1.05rem;margin:0 0 .3rem}.why-points p{color:var(--muted);font-size:.9rem;margin:0}.contact{display:grid;grid-template-columns:1fr minmax(350px,.7fr);gap:7rem}.contact-tag{color:#178b8a;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.contact-copy>p{color:var(--muted);max-width:600px}.contact-copy>a{display:inline-block;color:var(--ink);font-size:1.1rem;font-weight:800;margin-top:1rem}.location{font-size:.88rem}.contact form{display:grid;gap:1.25rem;background:#fff;border:1px solid var(--line);padding:2rem}.contact label{display:grid;gap:.4rem;font-size:.78rem;font-weight:700;color:#405364}.contact input,.contact textarea,.contact select{width:100%;border:0;border-bottom:1px solid #b8c7cc;background:transparent;padding:.55rem 0;font:inherit;outline:none;border-radius:0;color:var(--ink)}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:#178b8a}.contact form .button{margin-top:.5rem}.form-note{font-size:.73rem;color:var(--muted);margin:0}footer{background:#05182b;color:#fff;display:grid;grid-template-columns:1fr auto;gap:3rem;padding:4rem max(calc((100vw - var(--max))/2 + 24px),24px)}.footer-brand{display:flex;gap:1rem;align-items:center}.footer-brand img{width:58px;height:64px;object-fit:contain}.footer-brand b{display:block;font-size:.9rem}.footer-brand span{display:block;color:#95adbb;font-size:.8rem;margin-top:.3rem}footer>div:nth-child(2){display:grid;justify-items:end;font-size:.85rem}footer a{color:#fff}footer>div:nth-child(2) span{color:#95adbb}footer>p{grid-column:1/-1;border-top:1px solid #1e3850;padding-top:1.5rem;display:grid;grid-template-columns:auto 1fr;gap:2rem;color:#95adbb;font-size:.72rem;margin:0}footer small{text-align:right;max-width:800px;justify-self:end}html[dir=rtl] .brand{margin-right:0;margin-left:auto}html[dir=rtl] .service+.service{border-left:1px solid var(--line);border-right:0}html[dir=rtl] .service-no{right:auto;left:2rem}html[dir=rtl] .service li{padding-left:0;padding-right:1.4rem}html[dir=rtl] .service li:before{left:auto;right:0}html[dir=rtl] .route-steps article{padding-right:0;padding-left:2.2rem}html[dir=rtl] .route-steps article>span:before{left:auto;right:0}html[dir=rtl] footer>div:nth-child(2){justify-items:start}html[dir=rtl] footer small{text-align:left;justify-self:start}@media(max-width:980px){.site-header nav{position:absolute;top:88px;left:0;right:0;background:var(--navy);padding:1.5rem 24px;display:none;flex-direction:column;align-items:stretch;border-top:1px solid #27445e}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;gap:2rem}.route-card{max-width:620px}.intro,.route-heading{grid-template-columns:1fr;gap:2rem}.section-grid{grid-template-columns:1fr}.service{min-height:auto}.service+.service{border-left:1px solid var(--line);border-top:0}html[dir=rtl] .service+.service{border-right:1px solid var(--line)}.service h3{margin-top:2.5rem}.route-steps{grid-template-columns:1fr 1fr;gap:2rem}.sector-layout,.why,.contact{grid-template-columns:1fr;gap:3.5rem}}@media(max-width:640px){.site-header{height:74px;padding:0 16px;gap:.7rem}.brand img{width:42px}.brand span{display:none}.site-header nav{top:74px}.hero{min-height:auto;padding:6rem 18px 2rem}.hero-media{background-position:60% center}.hero-actions{display:grid}.button{width:100%}.route-card{padding:1.35rem}.section{padding:5rem 18px}.section-grid{padding:0 18px 5rem}.route-steps{grid-template-columns:1fr}.route-steps article{padding:0}.sector-layout{gap:2.5rem}.contact form{padding:1.3rem}footer{grid-template-columns:1fr;padding:3rem 18px}footer>div:nth-child(2){justify-items:start}footer>p{grid-template-columns:1fr;gap:.7rem}footer small{text-align:left;justify-self:start}html[dir=rtl] footer small{text-align:right;justify-self:end}}
