:root{--ink:#071f25;--ink-2:#0d343a;--cream:#f4f0e6;--paper:#fbfaf6;--gold:#d8aa55;--mint:#b9dbcc;--line:rgba(7,31,37,.15);--max:1240px;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:1rem;background:white;padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:88px;display:flex;align-items:center;gap:2.2rem;padding:0 max(4vw,24px);position:absolute;inset:0 0 auto;z-index:20;color:white;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--display);font-weight:800;letter-spacing:.08em;line-height:1}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font-size:1.35rem}.brand small{display:block;font:500 .55rem/1.6 var(--sans);letter-spacing:.22em;opacity:.68}.site-header nav{display:flex;gap:2rem;margin-left:auto}.site-header nav a{font-size:.92rem;opacity:.78;transition:.2s}.site-header nav a:hover{opacity:1}.header-cta{border-left:1px solid rgba(255,255,255,.25);padding-left:2rem;font-weight:600}.header-cta span,.btn span{margin-left:.6rem}.menu-toggle{display:none;background:none;border:0;padding:.5rem}.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:white;margin:5px}.hero{min-height:760px;height:100svh;max-height:940px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:end;padding:150px max(5vw,32px) 8vh;color:white;overflow:hidden;background:var(--ink)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,29,.95) 0%,rgba(3,24,29,.74) 45%,rgba(3,24,29,.18) 80%),linear-gradient(0deg,rgba(3,24,29,.65),transparent 45%),url('assets/dubai-business.jpg') center/cover}.hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 62%,rgba(216,170,85,.12) 62% 63%,transparent 63%)}.hero-content,.hero-panel,.hero-index{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:.7rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.eyebrow span{width:35px;height:1px;background:var(--gold)}.hero h1,.section h2,.about h2,.contact h2{font-family:var(--display);line-height:.98;letter-spacing:-.055em;margin:.7rem 0 1.5rem}.hero h1{font-size:clamp(3.6rem,7.5vw,7.4rem);max-width:920px}.hero h1 em,.section h2 em,.about h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.hero-copy{max-width:620px;font-size:clamp(1.05rem,1.6vw,1.25rem);color:rgba(255,255,255,.75)}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.35rem;font-weight:700;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:var(--ink)}.text-link{border-bottom:1px solid rgba(255,255,255,.4);padding:.8rem 0}.hero-panel{align-self:end;backdrop-filter:blur(12px);background:rgba(5,31,36,.72);border:1px solid rgba(255,255,255,.18);padding:1.7rem 2rem;margin-bottom:1rem}.panel-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold)}.mini-stat{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.15)}.mini-stat strong{font-size:.72rem;color:var(--gold)}.mini-stat span{font-weight:600}.hero-panel>a{display:flex;justify-content:space-between;padding-top:1.3rem;font-weight:700}.hero-index{position:absolute;right:3vw;top:125px;font-size:.65rem;letter-spacing:.16em;writing-mode:vertical-rl}.hero-index span{display:inline-block;height:70px;width:1px;background:rgba(255,255,255,.35);margin:.7rem}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--gold);color:var(--ink);padding:1.15rem max(5vw,32px)}.trust-strip p{margin:0;text-align:center;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.trust-strip p+ p{border-left:1px solid rgba(7,31,37,.25)}.section{max-width:var(--max);margin:auto;padding:8rem 32px}.section-intro{display:grid;grid-template-columns:230px 1fr;gap:3rem;align-items:start;margin-bottom:4rem}.eyebrow.dark{color:#456267}.eyebrow.light{color:var(--mint)}.section h2,.about h2,.contact h2{font-size:clamp(2.8rem,5vw,5.4rem);margin:0;max-width:900px}.service-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{min-height:300px;background:var(--paper);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.service-card:hover{background:white;transform:translateY(-4px);box-shadow:0 18px 40px rgba(7,31,37,.08);z-index:1}.service-card.featured{grid-row:span 2;background:var(--ink);color:white;min-height:600px}.service-card.featured h3{font-size:2.4rem}.service-card h3{font:700 1.35rem/1.2 var(--display);margin:.5rem 0 1rem}.service-card p{color:#597176}.service-card.featured p{color:rgba(255,255,255,.64);max-width:440px}.card-number{font-size:.72rem!important;color:var(--gold)!important;letter-spacing:.14em}.service-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:1.4rem}.service-card a{display:inline-block;margin-top:1.5rem;color:var(--gold);font-weight:700}.about{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:720px}.about-image{position:relative;min-height:600px}.about-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.image-note{position:absolute;right:0;bottom:0;background:var(--gold);color:var(--ink);padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem}.image-note strong{font:800 2.2rem var(--display)}.image-note span{font-size:.77rem;line-height:1.4}.about-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}.about-copy>p:not(.eyebrow){color:rgba(255,255,255,.68);font-size:1.1rem;max-width:600px}.about blockquote{margin:2rem 0;padding-left:1.5rem;border-left:2px solid var(--gold);font-family:Georgia,serif;font-size:1.35rem;font-style:italic;color:var(--mint)}.btn-light{border-color:rgba(255,255,255,.35);align-self:flex-start}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:120px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line);transition:.2s}.steps li:hover{padding-left:1rem;background:rgba(185,219,204,.12)}.steps li>span{font:700 .75rem var(--display);color:var(--gold)}.steps h3{font:700 clamp(1.4rem,2.5vw,2.2rem) var(--display);margin:0 0 .4rem}.steps p{margin:0;color:#5f777b}.contact{position:relative;min-height:650px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.contact-image{background:linear-gradient(90deg,rgba(7,31,37,.2),rgba(7,31,37,.85)),url('assets/team.jpg') center/cover}.contact-content{padding:8vw 8vw 8vw 5vw;display:flex;flex-direction:column;justify-content:center}.contact-content>p:not(.eyebrow){color:rgba(255,255,255,.65);font-size:1.1rem}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;margin-top:1.5rem}.btn-gold{background:var(--gold);color:var(--ink);margin-bottom:1rem}.contact-actions>a:not(.btn){border-bottom:1px solid rgba(255,255,255,.25)}footer{background:#04161a;color:white;padding:4rem max(5vw,32px) 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}footer p{color:rgba(255,255,255,.5);max-width:440px}footer>div{display:flex;justify-content:flex-end;gap:2rem}footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;color:rgba(255,255,255,.4)}.whatsapp{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-weight:800;font-size:.8rem;box-shadow:0 8px 24px rgba(0,0,0,.22);z-index:10}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.site-header{height:74px}.menu-toggle{display:block;margin-left:auto;z-index:2}.site-header nav{position:absolute;top:0;right:0;width:min(82vw,360px);height:100vh;background:var(--ink);padding:100px 36px;display:flex;flex-direction:column;gap:1.5rem;transform:translateX(100%);transition:.3s;box-shadow:-20px 0 50px rgba(0,0,0,.2)}.site-header nav.open{transform:none}.header-cta{display:none}.hero{grid-template-columns:1fr;padding:130px 24px 50px;height:auto;min-height:820px}.hero h1{font-size:clamp(3.2rem,12vw,5.5rem)}.hero-panel{margin-top:3rem}.hero-index{display:none}.trust-strip{grid-template-columns:1fr;gap:.5rem}.trust-strip p+ p{border:0}.section{padding:6rem 24px}.section-intro{grid-template-columns:1fr;gap:1rem}.service-grid{grid-template-columns:1fr 1fr}.service-card.featured{grid-column:1/-1;grid-row:auto;min-height:420px}.about,.contact{grid-template-columns:1fr}.about-image{min-height:480px}.about-copy,.contact-content{padding:6rem 24px}.contact-image{min-height:350px}.contact-content{grid-row:1}.steps li{grid-template-columns:70px 1fr}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}footer>small{grid-column:auto}}
@media(max-width:560px){.brand-mark{width:36px;height:36px}.hero-actions{align-items:flex-start;flex-direction:column;gap:.8rem}.hero-panel{padding:1.25rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.service-card.featured{grid-column:auto;min-height:380px}.about-image{min-height:380px}.image-note{padding:1rem 1.3rem}.steps li{grid-template-columns:42px 1fr;gap:1rem}.contact-image{min-height:260px}footer>div{flex-wrap:wrap;gap:1rem 1.5rem}.whatsapp{width:48px;height:48px;right:14px;bottom:14px}}
.logo-brand{width:138px;height:58px;padding:.38rem .65rem;background:rgba(255,255,255,.96);border-radius:2px}.logo-brand img{width:100%;height:100%;object-fit:contain}.footer-brand{width:158px;height:70px}@media(max-width:560px){.logo-brand{width:118px;height:50px;padding:.32rem .5rem}.footer-brand{width:148px;height:66px}}

/* SARPRO corporate direction — inspired by the clarity and confidence of leading UAE setup firms */
:root{--ink:#11184b;--ink-2:#1b286b;--paper:#f6f7fb;--cream:#fff;--gold:#eca816;--mint:#dceee5;--red:#df202c;--green:#087333;--line:rgba(17,24,75,.12)}
body{background:var(--paper);color:var(--ink)}
.site-header{position:relative;height:92px;background:#fff;color:var(--ink);border:0;padding:0 max(4vw,24px);box-shadow:0 1px 0 var(--line)}
.site-header:before{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--red) 0 34%,var(--gold) 34% 64%,var(--green) 64%)}
.logo-brand{background:transparent;padding:0;width:142px;height:66px}.site-header nav a{opacity:.78;font-weight:600}.site-header nav a:hover{opacity:1;color:var(--red)}
.header-cta{border:0;background:var(--ink);color:#fff;padding:.78rem 1.05rem;border-radius:999px;font-size:.88rem;transition:.2s}.header-cta:hover{background:var(--red);transform:translateY(-1px)}
.hero{min-height:690px;height:calc(100svh - 92px);max-height:820px;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;padding:7vw max(5vw,32px);background:var(--ink);border-radius:0 0 64px 0;color:white}
.hero:before{content:'';position:absolute;left:-8%;bottom:-36%;width:560px;height:560px;border:100px solid rgba(255,255,255,.04);border-radius:50%}
.hero-bg{left:54%;background:linear-gradient(90deg,var(--ink),rgba(17,24,75,.12) 38%),linear-gradient(0deg,rgba(17,24,75,.48),transparent 60%),url('assets/dubai-business.jpg') center/cover;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}
.hero-bg:after{background:linear-gradient(135deg,transparent 0 72%,rgba(236,168,22,.35) 72% 73%,transparent 73%)}
.hero-content{align-self:center;max-width:760px}.hero h1{font-size:clamp(3.4rem,6.3vw,6.5rem);letter-spacing:-.065em}.hero h1 em{color:#fff;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:.08em;text-underline-offset:.12em}.hero-copy{max-width:570px}.btn{border-radius:999px}.btn-primary{background:var(--gold)}
.hero-panel{position:absolute;right:max(4vw,24px);bottom:4vw;width:min(390px,40vw);background:#fff;color:var(--ink);border:0;border-radius:22px;box-shadow:0 24px 60px rgba(5,10,40,.26)}.panel-label{color:var(--red)}.mini-stat{border-color:var(--line)}.mini-stat strong{color:var(--green)}.hero-panel>a{color:var(--red)}
.hero-index{display:none}.trust-strip{background:#fff;color:var(--ink);padding:1.5rem max(5vw,32px);box-shadow:0 12px 35px rgba(17,24,75,.05)}.trust-strip p+ p{border-color:var(--line)}
.section{padding-top:7rem;padding-bottom:7rem}.eyebrow.dark{color:var(--green)}.eyebrow span{height:3px;border-radius:4px;background:var(--red)}.section h2,.about h2,.contact h2{letter-spacing:-.065em}.section h2 em,.about h2 em,.contact h2 em{color:var(--red)}
.service-grid{gap:1.2rem;background:transparent;border:0}.service-card{background:#fff;border-radius:24px;border:1px solid var(--line);padding:2.2rem;overflow:hidden}.service-card:hover{box-shadow:0 22px 55px rgba(17,24,75,.11)}.service-card.featured{background:var(--ink);border:0;border-radius:30px}.service-card.featured:before{content:'';width:210px;height:210px;position:absolute;right:-50px;top:-50px;border:55px solid rgba(236,168,22,.14);border-radius:50%}.service-card{position:relative}.service-card.featured h3{font-size:2.65rem}.card-number{color:var(--red)!important}.service-card.featured .card-number,.service-card.featured a{color:var(--gold)!important}.service-icon{background:var(--mint);border:0;color:var(--green)}
.about{margin:0 max(3vw,18px);border-radius:36px;overflow:hidden;background:var(--ink);min-height:680px}.about-image img{filter:saturate(.85)}.image-note{background:var(--gold);border-radius:24px 0 0 0}.about h2 em{color:var(--gold)}.about blockquote{color:#fff;border-color:var(--red)}.btn-light{background:#fff;color:var(--ink);border:0}.steps{border-top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.steps li{display:flex;flex-direction:column;gap:2rem;background:#fff;border:1px solid var(--line);border-radius:22px;padding:2rem;min-height:300px}.steps li:hover{padding:2rem;transform:translateY(-5px);box-shadow:0 18px 40px rgba(17,24,75,.09)}.steps li>span{color:var(--red);font-size:.82rem}.steps h3{font-size:1.55rem}.contact{margin-top:2rem;background:var(--green);min-height:590px}.contact-content{background:linear-gradient(135deg,var(--green),#054a2a)}.contact h2 em{color:var(--gold)}.btn-gold{background:var(--gold)}
footer{background:#0b1038}.footer-brand{background:#fff;padding:.4rem .65rem;border-radius:4px}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:820px;height:auto;padding-top:90px;align-items:start}.hero-bg{left:47%;opacity:.48;clip-path:none}.hero-content{align-self:start}.hero-panel{position:relative;right:auto;bottom:auto;width:min(560px,100%);margin-top:2.5rem}.steps{grid-template-columns:1fr 1fr}.steps li{min-height:250px}}
@media(max-width:900px){.site-header{height:80px}.menu-toggle span:not(.sr-only){background:var(--ink)}.site-header nav{background:#fff;color:var(--ink);box-shadow:-20px 0 50px rgba(17,24,75,.16)}.hero{border-radius:0 0 34px 0}.hero-bg{left:35%}.about{margin:0 14px}.about-copy,.contact-content{padding:5rem 24px}}
@media(max-width:560px){.logo-brand{width:122px;height:56px}.hero{padding:72px 22px 42px;min-height:790px}.hero-bg{left:0;opacity:.26;background-position:62% center}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-panel{padding:1.4rem}.trust-strip{display:none}.service-grid{gap:1rem}.service-card.featured h3{font-size:2rem}.steps{grid-template-columns:1fr}.steps li{min-height:220px}.about{border-radius:24px}.footer-brand{width:148px;height:66px}}

/* Complete SARPRO service catalogue */
.services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.services .service-card{min-height:340px;gap:1.25rem}
.services .service-card h3{font-size:1.4rem;overflow-wrap:break-word}
.services .service-card a{color:var(--ink);font-size:.9rem;margin-top:auto}
.services .service-card a:hover{color:var(--red)}
.services .service-card:last-child{grid-column:span 2}
.hero h1{font-size:clamp(3rem,5.4vw,5.5rem)}
@media(max-width:1000px){.services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services .service-card:last-child{grid-column:auto}}
@media(max-width:560px){.services .service-grid{grid-template-columns:1fr}.services .service-card{min-height:280px}.hero h1{font-size:clamp(2.7rem,11vw,3.5rem)}}

/* Horizontal services carousel */
.slider-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.3rem;gap:1rem}
.slider-toolbar p{margin:0;color:var(--ink);font-weight:600}
.slider-controls{display:flex;gap:.65rem}
.slider-controls button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--ink);font-size:1.4rem;cursor:pointer}
.slider-controls button:hover:not(:disabled){background:var(--ink);color:white}
.slider-controls button:disabled{opacity:.35;cursor:default}
.services .service-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.2rem;padding:5px 0 22px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;overscroll-behavior-x:contain}
.services .service-card{flex:0 0 calc((100% - 2.4rem)/3);scroll-snap-align:start;min-height:365px;transform:none}
.services .service-card:hover{transform:none;box-shadow:none;border-color:var(--gold)}
.services .service-card:last-child{grid-column:auto}
#service-track:focus-visible,.slider-controls button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:1000px){.services .service-card{flex-basis:calc((100% - 1.2rem)/2)}}
@media(max-width:560px){.services .service-card{flex-basis:88%;min-height:350px;padding:1.6rem}.slider-toolbar p{font-size:.9rem}}

.services .service-card{padding:0;display:flex;gap:0;min-height:540px;background:white}
.service-photo{display:block!important;margin:0!important;overflow:hidden;flex-shrink:0;aspect-ratio:3/2}
.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-body{padding:1.7rem;display:flex;flex-direction:column;flex:1}
.services .service-card h3 a{font:inherit;color:inherit;margin:0}
.service-body p{flex:1}
.services .service-card:hover,.services .service-card:focus-within{background:var(--ink);color:white}
.services .service-card:hover p,.services .service-card:focus-within p{color:#dce2ef}
.services .service-card:hover a,.services .service-card:focus-within a{color:var(--gold)}
.services .service-card:hover img,.services .service-card:focus-within img{transform:scale(1.06)}
.detail-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;background:var(--ink);color:white;padding:5rem max(5vw,24px)}
.detail-hero h1{font-family:var(--display);font-size:clamp(2.3rem,4.4vw,4.7rem);line-height:1.08;letter-spacing:-.045em}
.detail-hero img{border-radius:28px;width:100%;height:auto}.detail-hero p{color:#dce2ef}.breadcrumb{color:var(--gold)}
.detail-content{max-width:1240px;margin:auto;padding:5rem 24px;display:grid;grid-template-columns:2fr 1fr;gap:4rem}
.detail-content h2,.related-services h2{font-size:1.7rem;line-height:1.25}
.detail-content li{margin-bottom:.7rem}.detail-content aside{align-self:start;background:white;border-radius:24px;padding:2rem;position:sticky;top:24px}
.detail-content aside>a{display:block;margin-top:1rem;overflow-wrap:anywhere}
.detail-content details{padding:1.2rem 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}
.related-services{max-width:1240px;margin:auto;padding:0 24px 5rem}.related-services nav{display:flex;flex-wrap:wrap;gap:.75rem}
.related-services a{background:white;border:1px solid var(--line);border-radius:24px;padding:.7rem 1rem}.related-services a:hover{background:var(--ink);color:white}
@media(max-width:800px){.detail-hero,.detail-content{grid-template-columns:1fr;gap:2rem}.detail-content aside{position:static}}
@media(prefers-reduced-motion:reduce){.service-photo img{transition:none}.services .service-card:hover img{transform:none}}