/* BuiltUp visual match: source-derived palette, scale, rounded image blocks, overlay service cards, and section rhythm. */
:root{--ref-navy:#12223B;--ref-blue:#E9F7FE;--ref-text:#667282;--ref-yellow:#FFB703;--ref-white:#fff;--ref-soft:#f7f8fb;--ref-line:#12223b1f}
body{background:var(--ref-white);color:var(--ref-navy);font-family:"IBM Plex Sans Arabic","DM Sans",sans-serif}.site,.hero,main,.footer{overflow:clip}.kicker{color:var(--ref-yellow);letter-spacing:.06em;font-family:"IBM Plex Sans Arabic","DM Sans",sans-serif;font-weight:700}.kicker:before{background:var(--ref-yellow)}.hero{min-height:860px;height:100vh;max-height:980px;margin:0;overflow:hidden;border-radius:0;background:var(--ref-navy)}.hero:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(18,34,59,.9) 0%,rgba(18,34,59,.56) 48%,rgba(18,34,59,.16) 100%)}.hero:after{content:"";position:absolute;z-index:3;left:0;bottom:0;width:66px;height:66px;border-top-right-radius:66px;background:var(--ref-white);box-shadow:calc(100vw - 66px) -66px 0 -1px var(--ref-white)}.hero-bg{filter:none;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(18,34,59,.84),rgba(18,34,59,.38) 60%,rgba(18,34,59,.14));mix-blend-mode:multiply}.header{position:relative;z-index:8;grid-template-columns:auto 1fr auto;max-width:1320px;padding:28px 34px;margin:auto}.brand{font-family:"Tajawal",sans-serif;font-size:22px}.brand b{color:var(--ref-yellow)}.brand-mark i{background:var(--ref-yellow)}.nav{justify-self:center;gap:31px;font-family:"DM Sans","IBM Plex Sans Arabic",sans-serif;font-weight:600}.nav a{color:rgba(255,255,255,.92)}.nav a:after{background:var(--ref-yellow)}.header-call{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;color:var(--ref-navy)!important;background:var(--ref-white)!important;padding:14px 20px;font-family:"DM Sans","IBM Plex Sans Arabic",sans-serif;font-weight:800;box-shadow:none}.header-call span{color:var(--ref-navy)!important}.hero-content{z-index:5;width:min(1280px,calc(100% - 68px));margin:clamp(155px,22vh,260px) auto 0;text-align:right}.hero h1{max-width:790px;font-size:clamp(56px,6.3vw,98px);line-height:1.06;letter-spacing:-2px;text-wrap:balance}.hero h1 em{color:var(--ref-yellow)}.hero-content>p:not(.kicker),.hero-copy{max-width:590px;margin:25px 0 34px;color:rgba(255,255,255,.78);font-size:16px;line-height:1.9}.hero .actions{justify-content:flex-start}.button,.bt-button{border-radius:0;min-height:54px;padding:0 23px;background:var(--ref-navy);font-family:"DM Sans","IBM Plex Sans Arabic",sans-serif;font-weight:800}.button.primary,.bt-button-primary{background:var(--ref-yellow);color:var(--ref-navy)}.button.outline,.bt-button-light{background:transparent;border:1px solid rgba(255,255,255,.65);color:#fff}.button:hover,.bt-button:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(0,0,0,.15)}.scroll-down{color:rgba(255,255,255,.8)}
.section{width:min(1240px,calc(100% - 80px));margin:0 auto}.about{grid-template-columns:.96fr 1.04fr;gap:clamp(65px,10vw,165px);padding:150px 0}.about-art{min-height:560px}.about-art>img{width:100%;height:550px;border-radius:42px;object-fit:cover}.about-art .circle{border-color:var(--ref-yellow);width:210px;height:210px;right:-54px;top:35px}.about-art .dots{background-image:radial-gradient(var(--ref-yellow) 1.7px,transparent 2px)}.about-copy h2,.heading-row h2,.faq-copy h2{color:var(--ref-navy);font-family:"Tajawal",sans-serif;font-size:clamp(39px,4.1vw,64px);letter-spacing:-1.6px;font-weight:900}.about-copy h2 em,.heading-row h2 em,.faq-copy h2 em{color:var(--ref-yellow)}.about-copy .copy,.about-copy>p{color:var(--ref-text);font-size:15px;line-height:2}.check-list li{color:var(--ref-navy);font-size:14px}.check-list svg{color:var(--ref-yellow)}.about-actions{gap:25px}.phone-block{color:var(--ref-navy)}.phone-block>span{color:var(--ref-yellow);border-color:var(--ref-line)}
.services{padding:140px 0 150px}.heading-row{align-items:end;margin-bottom:55px}.heading-row>p{max-width:370px;color:var(--ref-text);font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px}.service-card{position:relative;height:455px;overflow:hidden;border-radius:40px;background:var(--ref-navy);box-shadow:none}.service-card .service-image{position:absolute;inset:0;height:100%;overflow:hidden}.service-card .service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 7%,rgba(0,0,0,.34) 44%,rgba(0,0,0,.84) 100%);border-radius:40px}.service-card .service-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.service-card .service-image span{z-index:2;right:28px;left:auto;top:26px;background:var(--ref-yellow);color:var(--ref-navy);font-size:12px}.service-card>div:last-child{position:absolute;z-index:3;right:31px;left:31px;bottom:28px;min-height:135px;padding:0;display:block;color:#fff;transform:translateY(63px);transition:transform .45s cubic-bezier(.23,1,.32,1)}.service-card h3{margin:0 0 15px;color:#fff;font-family:"Tajawal",sans-serif;font-size:28px;font-weight:900}.service-card p{margin:0 0 14px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.8;opacity:0;transition:opacity .35s}.service-card a{color:var(--ref-yellow);font-size:13px;font-weight:800;opacity:0;transition:opacity .35s}.service-card:hover .service-image img{transform:scale(1.08)}.service-card:hover>div:last-child{transform:translateY(0)}.service-card:hover p,.service-card:hover a{opacity:1}.services .center{margin-top:46px}
.why{background:var(--ref-navy);color:#fff;position:relative;overflow:hidden}.why:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-180px;top:-160px}.why-frame{max-width:1320px;min-height:720px;grid-template-columns:1.1fr .9fr}.why-copy{padding:125px max(5vw,calc((100vw - 1200px)/2)) 110px}.why-copy h2{font-size:clamp(39px,4.4vw,66px);line-height:1.09}.why-copy h2 em{color:var(--ref-yellow)}.why-copy>p:not(.kicker){color:rgba(255,255,255,.7);line-height:2}.benefits article{border-color:rgba(255,255,255,.2)}.benefits span{color:var(--ref-yellow)}.why-images{padding:86px 0 86px 65px}.why-images img{border-radius:40px}.why-images img:nth-child(1){right:9%;width:57%;height:398px}.why-images img:nth-child(2){left:0;width:43%;height:250px}.why-images img:nth-child(3){right:0;width:43%;height:235px}
.work{padding:150px 0}.work-grid{gap:22px;grid-template-rows:280px 280px}.work-card{border-radius:40px}.work-card img{filter:contrast(.95)}.work-card span{right:33px;bottom:30px}.work-card small,.work-card svg{color:var(--ref-yellow)}.work-card strong{font-size:29px}.cta{background-color:var(--ref-navy);min-height:460px}.cta:before{background:rgba(18,34,59,.82)}.cta-inner{width:min(1240px,calc(100% - 80px));min-height:460px}.cta h2{font-size:clamp(43px,4.6vw,72px)}.cta h2 em{color:var(--ref-yellow)}.cta-inner>img{max-height:440px}.process{padding:150px 0}.process-grid{border-color:var(--ref-line)}.process-grid article{min-height:285px;border-color:var(--ref-line)}.process-grid span,.process-grid svg{color:var(--ref-yellow)}.process-grid h3{color:var(--ref-navy);font-family:"Tajawal",sans-serif;font-size:22px}.process-grid p{color:var(--ref-text)}
.faq-wrap{padding:150px 0;background-color:var(--ref-blue)}.faq-wrap:after{background:rgba(233,247,254,.84)}.faq-inner{width:min(1240px,calc(100% - 80px));gap:clamp(65px,9vw,150px)}.faq-art img{border-radius:40px}.faq-copy p{color:var(--ref-text)}.accordion{border-color:var(--ref-line)}.accordion article{border-color:var(--ref-line)}.accordion button{color:var(--ref-navy);font-family:"Tajawal",sans-serif;font-size:20px}.accordion button span,.accordion button b{border-color:var(--ref-navy)}.accordion article.open button span,.accordion article.open button b{background:var(--ref-yellow);border-color:var(--ref-yellow)}.notes{padding:150px 0}.note-grid article{min-height:245px;padding:32px;background:var(--ref-soft);border-top:2px solid transparent}.note-grid article:hover{border-color:var(--ref-yellow)}.note-grid span{color:var(--ref-yellow)}.note-grid h3{color:var(--ref-navy);font-family:"Tajawal",sans-serif;font-size:24px}.note-grid p{color:var(--ref-text)}
.seo-hub{padding:140px 5vw;background:var(--ref-white)}.seo-hub-inner{max-width:1240px}.seo-hub h2{color:var(--ref-navy)}.seo-hub h2 em{color:var(--ref-yellow)}.seo-hub-grid{gap:20px}.seo-hub-grid a{min-height:290px;border-radius:40px;border-top:0;background:var(--ref-soft);box-shadow:none}.seo-hub-grid a:hover{border-color:transparent;transform:translateY(-5px);background:var(--ref-navy);box-shadow:none}.seo-hub-grid a:hover h3,.seo-hub-grid a:hover p,.seo-hub-grid a:hover b{color:#fff}.seo-hub-grid span{color:var(--ref-yellow)}.seo-hub-grid h3{color:var(--ref-navy);font-family:"Tajawal",sans-serif}.seo-hub-grid p{color:var(--ref-text)}
.contact{grid-template-columns:1fr 1fr;background:var(--ref-navy)}.contact-info{min-height:640px;background:var(--ref-navy);padding:90px max(6vw,calc((100vw - 1240px)/2))}.contact-info h2{font-size:clamp(42px,4.6vw,66px)}.contact-info h2 em{color:var(--ref-yellow)}.form{background:#fff;padding:90px max(6vw,calc((100vw - 1240px)/2));color:var(--ref-navy)}.form label{color:var(--ref-text)}.form input,.form select,.form textarea{border-color:var(--ref-line);color:var(--ref-navy)}.form select{background:#fff}.form input::placeholder,.form textarea::placeholder{color:#94a0ab}.submit{background:var(--ref-yellow);color:var(--ref-navy)}.footer{background:var(--ref-navy);color:#fff}.footer-main{padding-top:70px}.footer-main>p,.footer-main>div{color:rgba(255,255,255,.7)}.footer-main h3{color:#fff}.footer-bottom{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.58)}.footer-bottom a{color:var(--ref-yellow)}
@media(max-width:720px){.hero{min-height:790px;height:100svh;max-height:none;margin:0 12px;width:calc(100% - 24px);border-radius:0 0 40px 40px}.hero:after{width:40px;height:40px;border-top-right-radius:40px;box-shadow:calc(100vw - 64px) -40px 0 -1px var(--ref-white)}.hero:before{background:linear-gradient(180deg,rgba(18,34,59,.47),rgba(18,34,59,.85))}.header{padding:20px 18px}.header-contact{display:none}.hero-content{width:calc(100% - 42px);margin:152px auto 0;text-align:center}.hero-content .kicker{justify-content:center}.hero h1{margin:auto;font-size:clamp(43px,13.3vw,59px);line-height:1.1;letter-spacing:-1px}.hero-content>p:not(.kicker),.hero-copy{margin:20px auto 27px;font-size:13px}.hero .actions{max-width:310px;margin:auto}.section{width:calc(100% - 40px)}.about{grid-template-columns:1fr;gap:50px;padding:86px 0}.about-art{min-height:405px}.about-art>img{height:400px;border-radius:34px}.about-copy h2,.heading-row h2,.faq-copy h2{font-size:40px}.services,.work,.process,.notes{padding:85px 0}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{height:390px;border-radius:32px}.service-card .service-image:after{border-radius:32px}.service-card>div:last-child{right:24px;left:24px;bottom:24px;transform:translateY(0)}.service-card p,.service-card a{opacity:1}.service-card h3{font-size:27px}.why-copy{padding:84px 20px 48px}.why-images{height:370px;padding:0}.why-images img{border-radius:29px}.why-images img:nth-child(1){height:280px}.why-images img:nth-child(2){height:175px}.why-images img:nth-child(3){height:162px}.work-grid{grid-template-columns:1fr;grid-template-rows:310px 190px 190px 190px}.work-1{grid-row:auto}.work-card{border-radius:30px}.cta-inner{width:calc(100% - 40px);min-height:500px}.cta-inner>div{padding-top:76px}.cta-inner>img{max-height:290px;opacity:.65}.faq-wrap{padding:85px 0}.faq-inner{width:calc(100% - 40px);grid-template-columns:1fr}.faq-art{height:355px}.faq-art img{border-radius:26px}.note-grid,.seo-hub-grid{grid-template-columns:1fr}.seo-hub{padding:85px 20px}.seo-hub-grid a{border-radius:30px;min-height:225px}.contact{grid-template-columns:1fr}.contact-info{min-height:500px;padding:76px 20px}.form{padding:58px 20px}.footer-main{padding-top:48px}}