/* Form & Rise: official blue/cyan identity, inspired by the supplied reference. */
:root{--ink:#101a29;--soft:#f3f6fa;--lime:#d9f7fa;--cyan:#03dcdc;--blue:#0069e7;--muted:#586577;--line:#dce4ed;--radius:18px}
html{scroll-padding-top:110px}.header{height:96px;position:sticky;top:0;padding-inline:max(35px,calc((100% - 1320px)/2));box-shadow:0 2px 16px #0b294009;border-bottom-color:#e9edf2}.brand img.official-logo{width:220px;height:auto;max-height:69px;object-fit:contain}.desktop-nav{gap:27px;margin-inline:35px 20px}.desktop-nav a{font-size:.875rem;white-space:nowrap}.desktop-nav a:hover{color:var(--blue)}.header-actions{gap:20px}.language{font-size:1rem}.button{background:var(--blue);border-color:var(--blue);border-radius:40px;min-height:54px;font-size:.9rem;padding:14px 27px;gap:27px;font-weight:600}.button:hover{background:#0055bd;border-color:#0055bd;box-shadow:0 8px 24px #0069e71c}.button-small{min-height:46px;padding:10px 21px;font-size:.875rem;gap:20px}.header-cta{background:white;border-color:#0069e7;color:#075bc4}.header-cta:hover{color:white}.text-link:hover{color:var(--blue)}h1,h2,h3{font-weight:700;letter-spacing:-.045em}h2{font-size:clamp(2.3rem,3.6vw,3.5rem);line-height:1.17}.eyebrow{font-size:.8rem;letter-spacing:.05em;color:#0065cd;border-inline-start:2px solid var(--cyan);padding-inline-start:11px;margin-bottom:20px}.section-space{padding-block:95px}.hero-reference{width:100%;margin:0;padding:0;overflow:hidden;background:radial-gradient(ellipse at 80% 75%,#063657 0,transparent 47%),radial-gradient(ellipse at 95% 5%,#071d36 0,transparent 55%),#050e1d;color:white;position:relative}.hero-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;align-items:center;min-height:685px;padding-block:65px;position:relative}.hero-copy{padding:0;z-index:2}.hero .eyebrow{color:#64d7e1;border-color:#1bd8df;font-size:.75rem;margin-bottom:27px}.hero h1{font-size:clamp(3.5rem,5.1vw,5.3rem);font-weight:700;letter-spacing:-.05em;line-height:1.11;white-space:normal}.gradient-text{background:linear-gradient(100deg,#398dff,#23dfd5);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{color:#bfcbd9;font-size:1.08rem;line-height:1.85;max-width:595px;margin-top:29px}.hero-buttons{gap:18px;margin-top:31px}.button-light{background:#fff;color:#122139;border-color:#fff}.button-light:hover{background:#ddfaff;color:#062b43;border-color:#ddfaff}.button-ghost{color:#fff;border-color:#607080;background:transparent}.button-ghost:hover{background:#ffffff12;border-color:#c4e4f8;color:#fff}.hero-footnote{color:#95a9bf;font-size:.82rem;margin-top:34px}.tiny-line{background:#4584a2}.hero-brand-visual{position:relative;display:flex;justify-content:center;align-items:center;height:540px;isolation:isolate}.hero-brand-visual>img{position:relative;width:340px;height:425px;object-fit:contain;filter:drop-shadow(0 25px 55px #007ae725);z-index:2;animation:brand-rise 7s ease-in-out infinite}.brand-orbit{position:absolute;border:1px solid #58caec24;border-radius:50%;width:490px;height:490px;transform:rotate(-28deg) scaleY(.72)}.orbit-two{width:620px;height:620px;border-color:#58caec12;transform:rotate(30deg) scaleY(.6)}.brand-visual-label{position:absolute;bottom:6px;display:flex;gap:22px;font-size:.7rem;letter-spacing:.25em;color:#78a7c2;direction:ltr}.hero-bottom-rule{height:2px;background:linear-gradient(90deg,#0069e7,#03dcdc,transparent)}@keyframes brand-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}.client-strip{padding-block:32px;border-top:0;background:#fff}.client-strip>p{font-size:.85rem}.client-names{filter:grayscale(1);opacity:.67}.client-names img{mix-blend-mode:multiply}.about-statement{font-size:clamp(1.9rem,2.9vw,2.9rem);font-weight:500;line-height:1.5;max-width:1180px;letter-spacing:-.035em}.accent-text{color:var(--blue)}.about-bottom{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;margin-top:35px;align-items:center}.about-bottom>p{font-size:1rem;line-height:1.9}.about-pillars{display:grid;grid-template-columns:1fr;gap:13px;font-size:1rem}.about-pillars span{border-bottom:1px solid var(--line);padding-bottom:12px;display:flex;align-items:center;gap:13px}.about-pillars span:before{content:'✓';color:#008a9b;font-size:1.1rem}.work-section{width:100%;max-width:none;padding-inline:max(56px,calc((100% - 1320px)/2));background:var(--soft)}.section-intro{max-width:335px}.project-grid{gap:37px 28px}.project-card{border-radius:18px;background:white;box-shadow:0 3px 20px #132d4d06;overflow:hidden;border:1px solid #e1e7ef;transition:box-shadow .2s,transform .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 15px 38px #123b5b12}.project-visual{border-radius:0;height:365px}.project-caption{margin:0;padding:24px;min-height:110px}.project-caption strong{font-size:1.3rem}.project-caption small{font-size:.87rem}.project-tag{border-radius:30px;top:20px;left:20px;padding:7px 13px;font-size:.75rem}.circle-arrow{border-color:#cbd9e8;color:var(--blue)}.project-card:hover .circle-arrow{background:var(--blue);border-color:var(--blue);color:white}.impact-visual{background:linear-gradient(135deg,#182c47,#324965);padding:58px 46px 0}.impact-visual img{border:5px solid #ffffffab;border-radius:6px}.brkz-visual{background:#e5f2f2}.belstack-visual{background:#dae5f8}.banan-visual{background:#e8edf3}.work-end{border-top-color:#d3dce7}.services-section{background:#fff}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-row{display:flex;flex-direction:column;align-items:stretch;position:relative;border:1px solid #dce4ed;border-radius:18px;padding:28px;gap:20px;background:linear-gradient(145deg,#ffffff,#f7faff);min-height:500px}.service-number{font-size:.88rem;color:#0072ce;align-self:auto;padding:0}.service-main{flex:1}.service-main h3{font-size:1.5rem;line-height:1.3;min-height:65px;margin:0 0 17px}.service-main p{font-size:.95rem;line-height:1.85}.tags{gap:7px;margin-top:20px}.tags li{font-size:.75rem;border-color:#d0dce9;background:white;padding:5px 10px}.service-thumbnail{width:100%;height:130px;border-radius:10px;display:block;margin-top:10px;background:#dde7f3}.service-thumbnail img{width:100%;height:auto}.branding-thumbnail img{height:100%;object-fit:cover}.service-link{position:absolute;top:18px;inset-inline-end:20px;font-size:1.7rem;width:44px;height:44px;color:#0069e7}.service-link:hover{background:#d8f4fc}.bundle-note{margin-top:33px;background:linear-gradient(110deg,#edf3ff,#eafcfc);border:1px solid #d4e8f6;border-radius:18px;padding:30px;gap:24px}.bundle-symbol{color:#0069e7}.bundle-note h3{font-size:1.3rem;line-height:1.4}.bundle-note p{font-size:.95rem;color:var(--muted)}.button-outline{background:transparent;color:var(--blue);border-color:var(--blue)}.button-outline:hover{background:var(--blue);color:white}.approach-section{position:relative}.process li{border-color:#d6e2ed;padding-block:28px}.process li>span{border:1px solid #d0e2f5;width:43px;height:43px;min-width:43px;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:.8rem;margin:0}.process li:first-child{padding-top:0}.process h3{font-size:1.3rem}.process p{font-size:.97rem}.faq-section{padding-top:10px}.faqs{border-top:0}.faqs details{margin-bottom:12px;border:1px solid #dbe4ee;border-radius:12px;padding-inline:22px;background:#f8fafc}.faqs summary{padding-block:21px;font-size:.95rem}.faqs summary:after{color:var(--blue)}.faqs details[open]{background:#fff;border-color:#9cc9f4}.faqs details p{font-size:.94rem}.contact-section{background:radial-gradient(ellipse at 0 100%,#07466b,transparent 65%),#060f1e;color:#fff}.contact-copy .eyebrow{color:#47d6e2}.contact-copy h2{font-size:clamp(2.8rem,4.4vw,4.4rem)}.contact-copy>p:not(.eyebrow){color:#c0ccda;max-width:400px}.direct-whatsapp strong{border-color:#6587a3}.direct-whatsapp strong:hover{color:#69e6ec}.project-form{border-radius:20px;padding:34px}.form-submit{background:var(--blue);color:#fff;border-color:var(--blue)}.form-submit:hover{background:#0057c1;border-color:#0057c1}input,select,textarea{border-radius:7px;border-color:#d3dce7;min-height:48px;font-size:1rem}.form-note{font-size:.8rem}.form-heading h3{font-size:1.25rem}.form-heading>span{font-size:.8rem}.footer{width:100%;max-width:none;padding-inline:max(56px,calc((100% - 1320px)/2));background:#040b15;color:#fff}.footer .brand img.official-logo{width:245px;max-height:75px}.footer-top>p{color:#9eafc0;font-size:.95rem}.footer .text-link{color:#c3d6e7}.footer-bottom{color:#95a7bd;border-color:#253143;font-size:.8rem}.project-dialog{border-radius:20px}.dialog-content .eyebrow{font-size:.75rem}.dialog-close{border-color:#cddcea}.privacy-page{padding-block:80px}.privacy-page .eyebrow{color:var(--blue)}.privacy-page h1{font-size:3.5rem}.privacy-page+.footer{margin-top:20px}:focus-visible{outline-color:#0582ee}
html[dir=rtl] .hero h1{font-size:clamp(3.2rem,5vw,5rem);line-height:1.25}html[dir=rtl] .hero-brand-visual{direction:ltr}html[dir=rtl] .hero-description{font-size:1.2rem}html[dir=rtl] .eyebrow{font-size:.95rem;letter-spacing:0}html[dir=rtl] .about-statement{line-height:1.7;font-size:2.4rem}html[dir=rtl] .desktop-nav{margin-inline:25px 20px}html[dir=rtl] .service-main h3{min-height:65px}html[dir=rtl] .hero-inner{grid-template-columns:1.35fr 1fr}
@media(max-width:1150px){.header{padding-inline:30px}.brand img.official-logo{width:190px}.desktop-nav{gap:18px;margin-inline:15px 5px}.desktop-nav a{font-size:.8rem}.header-actions{gap:13px}.hero-inner{grid-template-columns:1.45fr 1fr;min-height:655px;gap:10px}.hero h1{font-size:5.4vw}.hero-brand-visual{height:480px}.hero-brand-visual>img{width:280px}.brand-orbit{width:400px;height:400px}.orbit-two{width:510px;height:510px}.hero-description{font-size:1rem}.hero-buttons{gap:13px}.hero-buttons .button{font-size:.8rem;padding-inline:20px;gap:17px}.work-section,.footer{padding-inline:32px}.service-row{padding:23px;gap:17px}.service-main h3{font-size:1.35rem}.service-main p{font-size:.91rem}.service-thumbnail{height:115px}.project-visual{height:310px}.about-bottom{gap:50px}.bundle-note .button{font-size:.85rem}}
@media(max-width:850px){.header{height:84px}.brand img.official-logo{width:200px;max-height:60px}.desktop-nav{display:none}.header-actions{gap:25px}.hero-inner{grid-template-columns:1.4fr .8fr;min-height:625px;gap:0;padding-block:60px}.hero h1{font-size:clamp(2.7rem,5.7vw,4.3rem)}.hero-description{font-size:1rem;max-width:440px}.hero-brand-visual{height:410px;opacity:.85}.hero-brand-visual>img{width:230px}.brand-orbit{width:320px;height:350px}.orbit-two{width:420px;height:420px}.brand-visual-label{font-size:.6rem;gap:13px;bottom:0}.hero-buttons{flex-direction:column;align-items:flex-start;gap:12px}.hero-buttons .button{min-height:50px;padding-inline:23px;font-size:.9rem;gap:25px}.hero-footnote{max-width:350px;font-size:.8rem;line-height:1.7}.hero .eyebrow{font-size:.72rem;max-width:350px;line-height:1.7}.section-space{padding-block:75px}.about-statement{font-size:2.1rem}.about-bottom{grid-template-columns:1fr;gap:25px}.about-pillars{grid-template-columns:repeat(3,1fr);font-size:.85rem;gap:20px}.about-pillars span{align-items:flex-start}.service-list{grid-template-columns:1fr}.service-row{display:grid;grid-template-columns:30px 1fr 170px;gap:23px;min-height:0;padding:30px}.service-main h3{min-height:0;font-size:1.6rem;margin-bottom:12px}.service-thumbnail{height:150px;align-self:center;margin:0}.service-link{top:12px;inset-inline-end:12px}.service-main p{font-size:1rem}.service-number{align-self:start;padding-top:7px}.service-main{padding-inline-end:15px}.service-row .tags{margin-top:16px}.project-visual{height:275px}.project-caption{padding:20px}.project-caption strong{font-size:1.15rem}.project-caption small{font-size:.8rem}.mobile-nav{top:83px}.header-cta{display:none}.bundle-note h3{font-size:1.25rem}.process p{font-size:.95rem}.project-form{padding:25px}.form-heading{gap:8px}.footer-top>p{font-size:.88rem}.footer .brand img.official-logo{width:200px}html[dir=rtl] .hero-inner{grid-template-columns:1.4fr .8fr}html[dir=rtl] .hero h1{font-size:3rem}html[dir=rtl] .about-statement{font-size:2.1rem}html[dir=rtl] .service-main h3{min-height:0}}
@media(max-width:600px){.header{height:80px;padding-inline:20px}.brand img.official-logo{width:165px;max-height:54px}.header-actions{gap:16px}.language{font-size:.85rem}.mobile-nav{top:79px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:47px 25px}.hero-copy{position:relative}.hero h1{font-size:clamp(2.6rem,10.5vw,3.6rem);line-height:1.14}.hero .eyebrow{font-size:.71rem;max-width:100%;margin-bottom:25px}.hero-description{font-size:1rem;line-height:1.8;max-width:100%;margin-top:25px}.hero-buttons{display:flex;flex-direction:column;align-items:stretch;margin-top:29px;gap:12px}.hero-buttons .button{font-size:.9rem;justify-content:space-between;min-height:54px;white-space:normal}.hero-footnote{margin-top:23px;font-size:.8rem}.hero-brand-visual{height:275px;margin-top:15px;opacity:1;overflow:hidden}.hero-brand-visual>img{width:185px;height:235px}.brand-orbit{width:300px;height:270px}.orbit-two{width:370px;height:340px}.brand-visual-label{display:none}.hero-bottom-rule{height:1px}.client-strip{padding-block:27px}.client-strip>p{font-size:.85rem}.client-names{grid-template-columns:1fr 1fr;gap:25px}.client-names img{width:125px}.client-banan{font-size:1.25rem}.client-belstack{font-size:1.55rem}.section-space{padding-block:60px}.eyebrow{font-size:.76rem}h2{font-size:2.1rem;line-height:1.2}.about-statement{font-size:1.85rem;line-height:1.55}.about-bottom{margin-top:24px;gap:24px}.about-bottom>p{font-size:1rem;line-height:1.85}.about-pillars{grid-template-columns:1fr;font-size:.95rem;gap:12px}.work-section,.footer{padding-inline:20px}.project-grid{gap:26px}.project-visual{height:300px}.project-caption{padding:21px;min-height:115px}.project-caption strong{font-size:1.25rem}.project-caption small{font-size:.85rem}.impact-visual{padding:65px 25px 0}.project-tag{font-size:.72rem;top:17px;left:17px}.project-caption .circle-arrow{min-width:40px}.service-row{display:block;padding:27px;min-height:0}.service-number{display:block;padding:0;margin-bottom:25px}.service-main{padding:0}.service-main h3{font-size:1.55rem;margin-bottom:13px}.service-main p{font-size:1rem}.service-thumbnail{height:165px;display:block;margin-top:24px}.service-link{inset-inline-end:20px;top:18px}.service-row .tags{margin-top:22px}.tags li{font-size:.76rem}.bundle-note{padding:26px;margin-top:25px}.bundle-note h3{font-size:1.3rem}.bundle-note p{font-size:.95rem}.bundle-note .button{font-size:.875rem}.process li{gap:17px}.process h3{font-size:1.28rem}.process p{font-size:.97rem}.process li:first-child{padding-top:25px}.faq-section{padding-top:0}.faq-section h2{font-size:2.2rem}.faqs details{padding-inline:19px}.faqs summary{font-size:1rem;line-height:1.7}.faqs details p{font-size:.95rem}.contact-copy h2{font-size:2.85rem}.contact-copy>p:not(.eyebrow){font-size:1rem}.project-form{padding:23px;border-radius:15px}.form-heading h3{font-size:1.2rem}.project-form label>span{font-size:.875rem}.form-submit{font-size:.9rem}.form-note{font-size:.78rem}.footer-top{display:grid;grid-template-columns:1fr;gap:25px;padding-bottom:30px}.footer-top>p{font-size:.95rem}.footer .brand img.official-logo{width:220px;max-height:70px}.footer-bottom{font-size:.76rem;gap:15px}.privacy-page h1{font-size:2.5rem}.privacy-page{padding-block:50px}.dialog-content h2{font-size:2.1rem}.dialog-content p{font-size:1rem}html[dir=rtl] .hero-inner{display:flex}html[dir=rtl] .hero h1{font-size:clamp(2.6rem,10.8vw,3.6rem)}html[dir=rtl] .hero-description{font-size:1.12rem}html[dir=rtl] .hero .eyebrow{font-size:.8rem}html[dir=rtl] .about-statement{font-size:1.85rem;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.hero-brand-visual>img{animation:none}.project-card,.button{transition:none}}

/* Business email enquiries. */
.direct-email{display:block;margin-top:28px;padding-block:20px;border-block:1px solid #c9dceb}
.direct-email>span{display:block;font-size:.83rem;color:#59748d;margin-bottom:8px}
.direct-email strong{display:block;color:#0065cd;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600;overflow-wrap:anywhere}
.direct-email:hover strong{color:#004c9e}
.contact-copy .direct-whatsapp{margin-top:16px}
.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
.project-form button[disabled]{cursor:wait;opacity:.7;transform:none}
.project-form #form-status{margin-top:17px;padding:16px;border:1px solid #b8d7e9;background:#edf7fc;border-radius:8px;color:#184766;font-size:.9rem;line-height:1.8;overflow-wrap:anywhere}
.project-form #form-status[data-state="error"]{color:#812d27;background:#fff3f1;border-color:#efc8c2}
.project-form #form-status[data-state="success"]{color:#125340;background:#eef9f5;border-color:#bcdece}
.project-form #form-status a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer-page-links{display:flex;flex-wrap:wrap;gap:5px 30px;margin:0 0 25px;font-size:.85rem}
.footer-page-links a{display:inline-flex;min-height:44px;align-items:center}
.footer-page-links a:hover{color:#03dcdc}

/* Compact Arabic headline */
@media(max-width:360px){html[dir=rtl] .hero h1{font-size:2rem;line-height:1.4}}