:root{--red:#ae0619;--dark:#171719;--muted:#6b6b70;--line:#dededf;--soft:#f5f5f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--dark);background:#fff;font:18px/1.85 "Tajawal",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c89032;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;letter-spacing:0}em{font-style:normal;color:var(--red)}.wrap{width:min(1360px,88%);margin-inline:auto}.header{height:104px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);background:#fffc;backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.brand{display:block;flex-shrink:0}.brand img{display:block;object-fit:contain;width:156px;height:58px}.header nav{display:flex;gap:32px;font-size:16px;font-weight:700}.header nav a:hover{color:var(--red)}.header-actions{display:flex;align-items:center;gap:28px}.language{font:14px Arial,sans-serif}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:56px;padding:13px 25px;background:var(--red);color:white;font-weight:700;font-size:17px;transition:background .2s,transform .2s}.button:hover{background:#830715;transform:translateY(-2px)}.button span{font-size:23px}.button.small{min-height:46px;padding:8px 20px;font-size:15px}.text-link{font-weight:700;font-size:17px;border-bottom:1px solid #999;padding:8px 0}.text-link span{margin-right:16px}.skip{position:absolute;top:-90px}.skip:focus{top:0;z-index:60;background:white;padding:20px}#menu{display:none;background:none;border:0;width:35px;padding:0}#menu span{display:block;height:2px;background:var(--dark);margin:7px 0}.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:5%;padding-top:64px;padding-bottom:82px;min-height:780px}.hero-copy{padding:20px 0}.eyebrow,.section-tag{font-size:15px;font-weight:700;color:var(--red);margin-bottom:27px}.eyebrow{display:flex;align-items:center;gap:14px}.red-line{width:28px;height:2px;background:var(--red)}h1{font-size:clamp(54px,6.8vw,98px);font-weight:800;line-height:1.18}h1 em{position:relative}h1 em:after{content:"";height:3px;position:absolute;bottom:0;right:0;left:0;background:var(--red)}.hero-copy>p{color:#595960;font-size:20px;line-height:1.9;max-width:555px;margin-top:29px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.hero-foot{display:flex;gap:23px;margin-top:52px;color:#6b6b70;font-size:16px}.hero-foot b{color:#b3b3b3;font-weight:400}.hero-visual{position:relative;height:570px;margin-left:24px;background:#ddd}.hero-visual>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);object-position:center}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 50%);pointer-events:none}.image-label{position:absolute;top:27px;right:27px;z-index:2;color:white;text-shadow:0 1px 12px #000;display:flex;flex-direction:column;font-size:16px}.hero-stamp{position:absolute;bottom:-24px;left:-24px;width:235px;background:var(--red);color:white;padding:25px 28px;z-index:3}.hero-stamp>span{font-size:15px}.hero-stamp strong{display:block;font-size:31px;line-height:1.4;margin-top:8px}.hero-stamp a{position:absolute;bottom:20px;left:22px;font-size:34px}.intro{border-top:1px solid var(--line);padding:84px 0 100px;display:grid;grid-template-columns:1fr 2.7fr;gap:30px}h2{font-size:clamp(32px,3.8vw,54px);font-weight:700}.muted{color:#8b8b8f}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:30px;color:var(--muted);font-size:18px}.solutions{padding:95px 0;background:var(--soft)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-top>p{color:var(--muted);font-size:18px}.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.service-tab{display:flex;gap:22px;align-items:center;min-height:95px;padding:24px 28px;border:0;background:#e9e9e6;color:#545459;text-align:right;font-size:22px;font-weight:700}.service-tab>span{font-size:15px;font-weight:400}.service-tab>b{margin-right:auto;font-size:26px}.service-tab.active{background:var(--dark);color:#fff}.service-tab.active>span{color:#ef5263}.service-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding:60px 0 0;animation:appear .3s ease}.service-panel[hidden]{display:none}.mini-tag{font-size:15px;color:var(--red);font-weight:700}.panel-intro h3{font-size:clamp(30px,3vw,44px);margin:16px 0 22px}.panel-intro p{color:var(--muted);margin-bottom:28px;max-width:475px}.service-details details{border-bottom:1px solid #d2d2d2}.service-details details:first-child{border-top:1px solid #d2d2d2}.service-details summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;padding:20px 0;cursor:pointer;font-size:20px;font-weight:700}.service-details summary::-webkit-details-marker{display:none}.service-details summary b{color:var(--red);font:27px Arial;font-weight:400}.service-details details[open] summary b{transform:rotate(45deg)}.service-details details p{color:var(--muted);font-size:17px;line-height:1.9;padding-bottom:20px}.deliverable{border-right:2px solid var(--red);padding:2px 14px;margin:0 0 25px;font-size:15px;color:#555}.system{padding:100px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:9%}.system-title>p{margin-top:25px;color:var(--muted);max-width:420px}.system-grid article{padding:23px 0 25px;border-bottom:1px solid var(--line);position:relative;padding-right:52px}.system-grid article>span{position:absolute;right:0;top:25px;color:var(--red);font-size:15px}.system-grid h3{font-size:24px;margin-bottom:10px}.system-grid p{font-size:17px;color:var(--muted)}.method{background:var(--dark);color:white;padding:90px 0}.method .section-tag{color:#f37d8a}.method .section-top p{color:#c4c4ca}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);margin:65px 0 0}.steps li{border-top:1px solid #626268;padding:28px 22px 0;border-left:1px solid #37373c}.steps li:first-child{padding-right:0}.steps li:last-child{border-left:0}.steps span{display:block;color:#f37d8a;font-size:15px;margin-bottom:18px}.steps h3{font-size:30px;margin-bottom:15px}.steps p{font-size:17px;color:#bfbfc6}.clients{padding:95px 0}.clients-head{display:flex;justify-content:space-between;gap:30px;align-items:center}.clients-head>p{color:var(--muted)}.client-logos{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:45px}.client-logos>div{display:flex;align-items:center;justify-content:center;height:145px;padding:30px;border-left:1px solid var(--line)}.client-logos>div:last-child{border:0}.client-logos img{max-width:145px;max-height:75px;object-fit:contain;filter:grayscale(1)}.contact{background:var(--red);color:white;padding:80px 0}.contact .section-tag{color:#ffbcc4}.contact-top{position:relative}.contact h2{font-size:clamp(44px,5.5vw,76px)}.contact h2 em{color:white}.contact-top>p{position:absolute;left:0;bottom:12px;font-size:20px;color:#f9d7db}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px}.contact-options>a{border-top:1px solid #e76876;padding:26px 0 0;position:relative}.contact-options>a>span{font-size:16px;color:#facbd1}.contact-options strong{display:block;font-size:28px;margin:12px 0}.contact-options strong b{font-weight:400;margin-right:12px}.contact-options small{display:inline-block;font-size:19px}.contact-options img{filter:brightness(0) invert(1);position:absolute;bottom:5px;left:8px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:55px 0}.footer-main p{color:var(--muted);font-size:16px}.mail{direction:ltr;font:24px Arial,sans-serif}.mail>span{color:var(--red);margin-left:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:24px 0;font-size:14px;color:#626269}.social{display:flex;gap:24px}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{gap:90px}}@media(max-width:1100px){.header nav{gap:20px}.header{gap:20px}.header-actions{gap:18px}.hero{gap:30px;min-height:700px}.hero-visual{height:510px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-stamp{width:200px}.hero-stamp strong{font-size:27px}.service-tab{font-size:19px;padding:22px}.service-panel{gap:5%}.intro{grid-template-columns:1fr 3fr}.system{gap:5%}.contact-options strong{font-size:25px}}
@media(max-width:800px){html{scroll-padding-top:85px}.header{height:82px;padding:0 5%}.brand img{width:125px;height:46px}.header .small{display:none}#menu{display:block}.header nav{display:none;position:absolute;top:81px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:25px 6%;flex-direction:column}.header nav.open{display:flex}.wrap{width:88%}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:75px;gap:45px;min-height:0}.hero-copy{padding:0}h1{font-size:64px}.hero-copy>p{font-size:19px}.hero-foot{margin-top:30px}.hero-visual{height:440px;margin-left:20px}.hero-stamp{bottom:-20px;left:-20px}.intro{grid-template-columns:1fr;padding:60px 0;gap:8px}.intro-bottom{gap:25px}.section-top{align-items:start;flex-direction:column;gap:20px}.solutions{padding:60px 0}.service-tabs{gap:5px;background:none}.service-tab{padding:18px;font-size:18px;gap:10px;min-height:105px}.service-tab>span{display:none}.service-panel{grid-template-columns:1fr;gap:35px;padding-top:36px}.system{grid-template-columns:1fr;padding:60px 0;gap:24px}.method{padding:60px 0}.steps{grid-template-columns:1fr 1fr;margin-top:35px;gap:28px}.steps li{border-left:0;padding-right:0}.clients{padding:60px 0}.clients-head{align-items:start;flex-direction:column;gap:15px}.client-logos{grid-template-columns:1fr 1fr}.client-logos>div{height:115px;border-bottom:1px solid var(--line)}.client-logos>div:nth-child(2){border-left:0}.client-logos>div:nth-child(3){border-bottom:0}.contact{padding:60px 0}.contact-top>p{position:static;margin-top:22px;font-size:18px}.contact-options{grid-template-columns:1fr;gap:30px;margin-top:35px}.footer-main{flex-wrap:wrap;gap:25px;padding:35px 0}.footer-main p{margin-right:auto}.mail{width:100%;font-size:22px}.footer-bottom{flex-wrap:wrap;gap:20px}.social{order:3;width:100%;justify-content:space-between}.contact-options strong{font-size:26px}}
@media(max-width:450px){h1{font-size:53px}.hero-visual{height:355px}.hero-stamp{width:185px;padding:20px}.intro-bottom{grid-template-columns:1fr;gap:20px}h2{font-size:34px}.hero-actions{gap:20px}.service-tab{font-size:17px;padding:16px 12px}.service-tab>b{font-size:20px}.service-details summary{font-size:18px}.steps{gap:25px 18px}.steps h3{font-size:27px}.steps p{font-size:16px}.contact-options strong{font-size:23px}.social{gap:12px}.footer-main p{margin-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}