@import url('fonts.css');
:root{--ink:#123e36;--muted:#657970;--mint:#d9f1df;--lime:#d3f48d;--paper:#fbfcf7;--line:#d9e1d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}h1,h2,h3,h4{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.05em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #698b25;outline-offset:5px}p{line-height:1.7}header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5%;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:.03em;line-height:1.1}.brand small{display:block;font-size:14px;letter-spacing:.18em;margin-top:5px}.brand-icon{font-size:49px;font-weight:400}.header-actions,nav{display:flex;gap:32px;align-items:center}nav{font-size:14px}nav a:hover,.text-link:hover{color:#ed1d2b}#language{border:0;background:none;color:var(--ink)}#language span{margin-inline-start:8px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:white;border:0;border-radius:40px;padding:18px 27px;font-size:14px;font-weight:600;transition:transform .3s,background .3s}.button:hover{transform:translateY(-3px);background:#255749}.button.small{padding:14px 23px}.progress{position:fixed;inset:0 auto auto 0;height:3px;background:#ed1d2b;z-index:30;width:0}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:35px 5% 70px;gap:55px;align-items:center;min-height:690px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin:0 0 24px}.eyebrow i{width:7px;height:7px;background:#ed1d2b;border-radius:50%}h1{font-size:clamp(48px,5.4vw,82px);line-height:1.08;font-weight:500;max-width:640px}h1 em{font-style:normal;color:#323b87}h2{font-size:clamp(34px,3.7vw,54px);line-height:1.15;font-weight:500}h3{font-size:30px;font-weight:500}.intro{color:var(--muted);max-width:390px;font-size:16px;margin:25px 0 30px}.actions{display:flex;gap:27px;align-items:center}.text-link{font-size:14px;border-bottom:1px solid;padding-bottom:6px;display:inline-block}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:45px;font-size:12px;color:var(--muted)}.mini-spark{font-size:30px;color:var(--ink)}.hero-visual{height:548px;position:relative;background:var(--mint);border-radius:150px 10px 10px 10px;padding:14px}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:62% center;border-radius:138px 5px 5px 5px}.image-label{position:absolute;inset:36px 30px auto auto;background:white;padding:11px 15px;font-size:10px;border-radius:20px;display:flex;align-items:center;gap:7px}.pulse{height:6px;width:6px;background:#6a9145;border-radius:50%}.floating-note{position:absolute;bottom:35px;inset-inline-start:-35px;background:var(--lime);padding:23px 26px;display:flex;gap:18px;align-items:center;box-shadow:0 8px 35px #143c3620;transform:rotate(-4deg);font-size:17px;font-weight:500;max-width:265px}.floating-note>span{font-size:40px}.vertical-text{position:absolute;right:-25px;top:230px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.ribbon{padding:24px 5%;display:flex;justify-content:space-around;gap:20px;background:var(--mint);font-size:13px}.ribbon b{font-size:22px;font-weight:400}.section{max-width:1440px;margin:auto;padding:95px 7%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-top>p{max-width:330px;color:var(--muted);font-size:14px;margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:35px}.tabs button{padding:20px 5px;flex:1;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-size:14px}.tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink);font-weight:700}.service-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.service-art{height:345px;position:relative;overflow:hidden;display:grid;place-items:center;background:var(--mint);border-radius:5px}.service-art>span{font-size:120px;z-index:1;line-height:1}.service-art .orbit{width:270px;height:270px;border:1px solid #a6c1a1;position:absolute;border-radius:50%}.orbit:after{content:'';position:absolute;inset:-35px;border:1px solid #bdd4b8;border-radius:50%}.service-art small{position:absolute;bottom:20px;left:22px;font-size:12px;letter-spacing:.12em}.service-copy p{color:var(--muted);font-size:15px}.service-copy ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;margin:24px 0}.service-copy li:before{content:'↗';margin-inline-end:9px}.service-copy .eyebrow{margin-bottom:13px}.about{background:#f1f3f8;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-photo{position:relative;min-height:450px}.about-photo img{width:100%;height:100%;object-fit:cover;border-radius:5px}.about-photo>span{position:absolute;bottom:20px;left:20px;background:var(--paper);padding:12px 20px;font-size:11px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:14px}.values{margin-top:24px}.values>div{display:flex;gap:22px;padding:18px 0;border-top:1px solid #d9dce6}.values span{font-size:11px}.values h4{font-size:16px;font-weight:500;letter-spacing:-.02em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-size:13px;color:#323b87}.steps h3{font-size:23px;margin:35px 0 15px}.steps p{font-size:14px;color:var(--muted)}.quote-section{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:90px}.quote-copy>p:not(.eyebrow){max-width:340px;color:#c8cee0;font-size:14px}.phone{display:block;font-size:28px;margin-top:35px;letter-spacing:-.04em}.email{display:block;font-size:14px;margin-top:12px;color:#c8cee0}label{display:block;font-size:12px;margin-bottom:22px}label>span{display:block;margin-bottom:10px}input,select,textarea{width:100%;border:1px solid #638376;background:#ffffff08;color:white;padding:13px;border-radius:4px;outline-offset:3px}select option{color:var(--ink);background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}form .button{background:var(--lime);color:var(--ink);width:100%}.form-note,#form-status{font-size:11px;color:#c8cee0}.faq{max-width:950px}.faq h2{margin-bottom:35px}details{border-top:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:17px}details p{color:var(--muted);font-size:14px}footer{padding:55px 7% 20px;background:#f1f3f8}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;max-width:1240px;margin:auto}.footer-top>p,.footer-top>div p{font-size:12px;color:var(--muted);max-width:280px}.footer-top>div>span{font-size:12px;font-weight:700}.footer-bottom{border-top:1px solid #d9dce6;display:flex;justify-content:space-between;padding-top:22px;margin-top:40px;font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:50}.skip:focus{top:0}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}[dir=rtl] body{font-family:Tajawal,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:Tajawal,sans-serif;letter-spacing:0;line-height:1.3}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .hero-visual{border-radius:10px 150px 10px 10px}[dir=rtl] .hero-visual>img{border-radius:5px 138px 5px 5px}[dir=rtl] .phone{text-align:right}@media(max-width:1000px){nav{gap:15px}.header-actions{gap:15px}.hero{gap:30px}.hero-visual{height:470px}.section{padding:70px 5%}.about,.quote-section{gap:40px}.hero h1{font-size:56px}.floating-note{inset-inline-start:-15px}.service-panel{gap:35px}}@media(max-width:700px){header{height:85px;padding:0 6%}nav,.header-actions>.button{display:none}.brand{font-size:17px}.brand-icon{font-size:38px}.hero{grid-template-columns:1fr;padding:30px 6% 45px;gap:35px;min-height:0}.hero h1{font-size:53px}.intro{font-size:15px}.hero-foot{margin-top:22px}.hero-visual{height:390px;margin-inline:10px}.floating-note{padding:15px 20px;bottom:23px;font-size:14px}.ribbon{flex-wrap:wrap;gap:13px;font-size:11px}.ribbon b:last-child{display:none}.section{padding:60px 6%}.section-top{display:block}.section-top>p{margin-top:22px}.tabs{overflow:auto}.tabs button{min-width:115px;font-size:12px}.service-panel,.about,.quote-section{grid-template-columns:1fr;gap:30px}.service-art{height:260px}.about-photo{min-height:0;height:350px}.steps{grid-template-columns:1fr;gap:22px}.steps h3{margin:15px 0 10px}.section-top>.text-link{margin-top:20px}.footer-top{grid-template-columns:1fr;gap:20px}.footer-bottom{gap:20px}.form-grid{grid-template-columns:1fr;gap:0}.vertical-text{right:-18px}h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Brand refinement: original Al Miqat blue and red, editorial photography. */
:root{--ink:#17254c;--muted:#657087;--mint:#eff2f8;--lime:#ed1d2b;--paper:#fff;--line:#dfe3ec}body{background:white}header{height:112px;max-width:1600px;padding:0 5%;background:#fff}.company-logo{width:76px;height:76px;object-fit:contain;flex-shrink:0}.brand{gap:15px;letter-spacing:.02em;font-size:20px;color:#31328b}.brand small{font-size:8px;letter-spacing:.1em;font-weight:500;max-width:180px;line-height:1.5;margin-top:6px}.button{border-radius:3px;background:#ed1d2b;color:white;font-weight:600;padding:18px 26px}.button:hover{background:#c81321;transform:translateY(-2px)}.button.small{padding:15px 23px}nav{font-size:13px}.hero{position:relative;max-width:1600px;min-height:665px;display:block;padding:70px 7%;overflow:hidden;isolation:isolate;color:white}.hero-copy{position:relative;z-index:2;max-width:560px}.hero-visual{position:absolute;inset:0;width:100%;height:100%;border-radius:0!important;padding:0;background:#203048;z-index:-1}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,19,39,.82),rgba(10,19,39,.45) 45%,rgba(10,19,39,.04) 85%)}.hero-visual>img{border-radius:0!important;object-position:center;transform:scale(1.12);width:100%;height:100%}.hero .eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:24px;color:#fff}.hero .eyebrow i{background:#f02332}.hero h1{font-size:clamp(52px,5.2vw,77px);line-height:1.08;font-weight:500;letter-spacing:-.055em}.hero h1 em{color:white}.hero .intro{color:#e3e5eb;max-width:340px;font-size:15px;margin:26px 0 30px}.hero .text-link{font-size:13px}.hero-foot{margin-top:39px;font-size:11px;color:#e1e5ee;gap:15px}.hero-rule{display:block;width:30px;height:1px;background:#eb2634}.image-label{display:none}.ribbon{background:#f4f5f8;color:#243253;font-size:12px;align-items:center;padding:24px 7%;border-bottom:1px solid var(--line)}.ribbon b{font-size:18px;color:#afb6c6}.ribbon b:last-child{display:none}.section{max-width:1400px;padding:90px 7%}.eyebrow{color:#5c6880;font-size:10px;letter-spacing:.18em}h2{font-size:46px;letter-spacing:-.045em}.section-top>p{font-size:14px;max-width:340px}.tabs{gap:25px}.tabs button{font-size:13px;text-align:start;flex:1;border-bottom-width:2px}.tabs button[aria-selected=true]{border-color:#ed1d2b}.service-panel{gap:65px;grid-template-columns:1.15fr 1fr}.service-art{height:365px;border-radius:0;background:#e9ecf2;display:block}.service-art img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.service-art small{color:white;background:#17254cdc;padding:9px 12px;font-size:9px;left:16px;bottom:16px}.service-copy h3{font-size:31px}.service-copy .eyebrow{font-size:10px}.service-copy li:before{content:'—';color:#ed1d2b}.service-copy p{font-size:14px}.service-copy .text-link{margin-top:5px}.about{max-width:none;background:#f3f5f9;padding-inline:max(7%,calc((100vw - 1204px)/2));gap:75px;grid-template-columns:1fr 1fr}.about-photo{min-height:440px;overflow:hidden}.about-photo img{border-radius:0;object-position:55% center}.about-photo>span{font-size:9px;padding:10px 14px;letter-spacing:.1em}.values h4{font-size:15px}.values span{color:#e31d2c}.steps h3{font-size:23px}.steps article>span{color:#e31d2c}.quote-section{max-width:none;padding-inline:max(7%,calc((100vw - 1204px)/2));background:#17254c;gap:95px}.quote-section .eyebrow{color:#b8c2dc}.quote-copy>p:not(.eyebrow){color:#c8cee0}input,select,textarea{background:#ffffff05;border-color:#65718e;border-radius:2px}.quote-section .button{color:white}.phone{font-size:29px}.faq{max-width:960px}.faq h2{font-size:40px}.footer-top{grid-template-columns:1.1fr 1fr 1fr}.footer-top .brand{align-self:start}.footer-top .company-logo{height:78px;width:78px}.footer-bottom{font-size:11px}.hero .button{gap:40px}[dir=rtl] .hero-visual:after{background:linear-gradient(270deg,rgba(10,19,39,.82),rgba(10,19,39,.45) 45%,rgba(10,19,39,.04) 85%)}[dir=rtl] .hero h1{line-height:1.17;letter-spacing:0}[dir=rtl] .hero .eyebrow{letter-spacing:0}[dir=rtl] .brand small{font-size:13px;letter-spacing:0}
@media(max-width:1000px){header{gap:15px}.brand{font-size:16px}.company-logo{height:66px;width:66px}.brand small{font-size:7px}.header-actions{gap:12px}nav{gap:18px}.hero{padding:65px 6%;min-height:635px}.hero h1{font-size:65px}.section{padding:70px 6%}.about,.quote-section{gap:45px}.service-panel{gap:35px}.service-art{height:335px}h2{font-size:40px}}
@media(max-width:700px){header{height:92px;padding:0 5%}.brand{gap:9px;font-size:16px}.company-logo{height:64px;width:64px}.brand small{font-size:6.5px;max-width:150px}#language{font-size:13px}.hero{padding:49px 6% 45px;min-height:655px}.hero h1{font-size:58px;line-height:1.1}.hero-visual{margin:0;height:100%;width:100%}.hero-visual>img{object-position:60% center;transform:none!important}.hero-visual:after{background:linear-gradient(90deg,rgba(10,19,39,.85),rgba(10,19,39,.38))}.hero .intro{font-size:15px;max-width:300px}.hero .actions{gap:20px}.hero .button{padding:17px 20px;gap:20px;font-size:12px}.hero .text-link{font-size:12px}.hero-foot{margin-top:37px;font-size:10px}.hero .eyebrow{font-size:9px}.ribbon{display:grid;grid-template-columns:1fr 1fr;padding:24px 6%;gap:18px;font-size:11px}.ribbon b{display:none}.section{padding:60px 6%}.section-top{margin-bottom:24px}h2{font-size:36px}.tabs{gap:12px}.tabs button{min-width:110px;padding:18px 2px}.service-panel{grid-template-columns:1fr;gap:26px}.service-art{height:270px}.service-copy h3{font-size:28px}.service-copy ul{font-size:12px}.about,.quote-section{grid-template-columns:1fr;gap:36px}.about-photo{min-height:0;height:340px}.quote-section h2{font-size:42px}.faq h2{font-size:34px}.footer-top{grid-template-columns:1fr;gap:23px}.footer-bottom{font-size:10px}[dir=rtl] .hero-visual:after{background:linear-gradient(270deg,rgba(10,19,39,.85),rgba(10,19,39,.38))}[dir=rtl] .hero h1{font-size:56px}}