/* Zohair Kit – design system */
:root{
	--zk-primary:#4B3FD8;--zk-ink:#15132B;--zk-accent:#F4D35E;--zk-mist:#E6E3F8;--zk-paper:#F4F2EE;--zk-grey:#6E6B80;
	--zk-line:#DCD8E4;
	--zk-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
	--zk-body:"Manrope",ui-sans-serif,system-ui,sans-serif;
}
.zk-block{box-sizing:border-box;width:100%;font-family:var(--zk-body);color:var(--zk-ink);-webkit-font-smoothing:antialiased}
.zk-block *,.zk-block *::before,.zk-block *::after{box-sizing:border-box}
.zk-block h1,.zk-block h2,.zk-block h3,.zk-block p{margin:0}
.zk-display{font-family:var(--zk-display);font-weight:700;color:var(--zk-ink)}
.zk-block a{text-decoration:none;color:inherit}

/* Symbol */
.zk-mark{--s:40px;width:var(--s);height:var(--s);border-radius:calc(var(--s)*.28);background:var(--zk-mark-bg,var(--zk-primary));position:relative;display:inline-block;flex:none;vertical-align:middle}
.zk-mark__l{position:absolute;inset:0;text-align:center;font-family:var(--zk-display);font-weight:700;font-size:calc(var(--s)*.86);line-height:calc(var(--s)*.92);color:var(--zk-mark-fg,#fff);padding-right:calc(var(--s)*.16);letter-spacing:0}
.zk-mark__d{position:absolute;width:16%;height:16%;border-radius:50%;background:var(--zk-mark-dot,var(--zk-accent));left:68%;top:62%}

/* Wordmark */
.zk-logo{display:inline-flex;align-items:center;gap:calc(var(--zk-logo,40px)*.3);text-decoration:none}
.zk-logo .zk-mark{--s:var(--zk-logo,40px)!important}
.zk-word{font-family:var(--zk-display);font-weight:700;font-size:calc(var(--zk-logo,40px)*.75);letter-spacing:-.035em;line-height:1;color:var(--zk-ink);white-space:nowrap}
.zk-dot{display:inline-block;width:.17em;height:.17em;border-radius:50%;background:var(--zk-primary);margin-inline-start:.05em}
.zk-logo-wrap{display:flex}

/* Buttons */
.zk-btns{display:flex;flex-wrap:wrap;gap:12px}
.zk-btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 30px;border-radius:999px;font-family:var(--zk-body);font-weight:700;font-size:16px;line-height:1;border:1px solid transparent;transition:transform .2s ease,background-color .2s ease,color .2s ease;cursor:pointer}
.zk-btn:hover{transform:translateY(-2px)}
.zk-btn:focus-visible,.zk-block a:focus-visible,.zk-burger:focus-visible{outline:3px solid var(--zk-accent);outline-offset:3px}
.zk-btn--dark{background:var(--zk-ink);color:#fff!important}
.zk-btn--primary{background:var(--zk-primary);color:#fff!important}
.zk-btn--accent{background:var(--zk-accent);color:var(--zk-ink)!important}
.zk-btn--outline{background:#fff;color:var(--zk-ink)!important;border-color:var(--zk-line)}
.zk-btn--ghost{background:rgba(255,255,255,.14);color:#fff!important}
.zk-link{font-weight:700;font-size:16px;border-bottom:2px solid currentColor;padding-bottom:2px}

/* Header */
.zk-header{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:50}
.zk-header--sticky{position:sticky;top:0;background:var(--zk-paper)}
.zk-nav__list{display:flex;gap:38px;list-style:none;margin:0;padding:0}
.zk-nav a{font-weight:600;font-size:16px;color:var(--zk-ink);transition:color .2s}
.zk-nav a:hover{color:var(--zk-primary)}
.zk-header__end{display:flex;align-items:center;gap:12px}
.zk-header .zk-btn{padding:14px 24px;font-size:15px}
.zk-nav__btn-mobile{display:none!important}
.zk-burger{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--zk-line);background:#fff;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.zk-burger span:not(.zk-sr){display:block;width:20px;height:2px;background:var(--zk-ink);border-radius:2px;transition:transform .25s,opacity .25s}
.zk-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.zk-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.zk-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Hero */
.zk-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--zk-line);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600}
.zk-badge i{width:9px;height:9px;border-radius:50%;background:#2DBE6C;display:inline-block}
.zk-hero__title{font-size:clamp(44px,7.6vw,112px);line-height:.95;letter-spacing:-.045em;margin-top:30px!important;max-width:1180px}
.zk-hero__row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:44px}
.zk-hero__text{font-size:20px;line-height:1.6;color:var(--zk-grey);max-width:520px}

/* Section title */
.zk-section-title{font-size:clamp(34px,4.6vw,64px);letter-spacing:-.04em;line-height:1}

/* Services */
.zk-services .zk-section-title{margin-bottom:40px}
.zk-services__grid{--zk-cols:3;display:grid;grid-template-columns:repeat(var(--zk-cols),minmax(0,1fr));border-top:1px solid var(--zk-line)}
.zk-service{display:block;padding:34px 30px 40px;border-inline-start:1px solid var(--zk-line)}
.zk-service:nth-child(3n+1){border-inline-start:0;padding-inline-start:0}
.zk-service__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.zk-tone--mist{background:var(--zk-mist);color:var(--zk-primary)}
.zk-tone--accent{background:var(--zk-accent);color:var(--zk-ink)}
.zk-tone--ink{background:var(--zk-ink);color:var(--zk-accent)}
.zk-tone--primary{background:var(--zk-primary);color:#fff}
.zk-service__title{font-size:28px;letter-spacing:-.03em;margin-top:22px!important}
.zk-service__text{font-size:16px;line-height:1.6;color:var(--zk-grey);margin-top:8px!important}
a.zk-service:hover .zk-service__title{color:var(--zk-primary)}

/* Work */
.zk-work__head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:40px}
.zk-work__grid{display:grid;gap:40px 28px}
.zk-work__grid--featured{grid-template-columns:1fr 1fr}
.zk-work__grid--featured > :nth-child(3n){grid-column:1 / -1}
.zk-work__grid--grid{--zk-cols:2;grid-template-columns:repeat(var(--zk-cols),minmax(0,1fr))}
.zk-card{display:block}
.zk-card__img{height:520px;border-radius:24px;overflow:hidden;background:var(--zk-mist)}
.zk-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
a.zk-card:hover .zk-card__img img{transform:scale(1.03)}
.zk-card__meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px}
.zk-card__title{font-size:28px;letter-spacing:-.03em}
.zk-card__tags{font-size:14px;color:var(--zk-grey);text-align:end}
.zk-card__desc{font-size:16px;color:var(--zk-grey);margin-top:4px!important}

/* CTA */
.zk-cta{background:var(--zk-primary);border-radius:36px;color:#fff;padding:clamp(40px,6vw,90px) clamp(24px,6vw,80px);position:relative;overflow:hidden}
.zk-cta__mark{position:absolute;right:-60px;bottom:-90px;opacity:.14;pointer-events:none}
[dir="rtl"] .zk-cta__mark{right:auto;left:-60px}
.zk-cta__title{position:relative;font-size:clamp(40px,6.2vw,88px);letter-spacing:-.045em;line-height:.95;max-width:760px;color:#fff}
.zk-cta__text{position:relative;font-size:20px;line-height:1.6;opacity:.85;margin-top:24px!important;max-width:480px}
.zk-cta .zk-btns{position:relative;margin-top:40px}

/* Footer */
.zk-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:15px;color:var(--zk-grey)}
.zk-footer__links{display:flex;gap:30px;flex-wrap:wrap}
.zk-footer__links a{color:var(--zk-grey)}
.zk-footer__links a:hover{color:var(--zk-primary)}

/* Tablet */
@media (max-width:1024px){
	.zk-nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(21,19,43,.16);padding:18px 24px 24px;margin-top:8px;display:none;flex-direction:column;gap:18px}
	.zk-nav.is-open{display:flex}
	.zk-nav__list{flex-direction:column;gap:6px}
	.zk-nav__list a{display:block;padding:10px 0;font-size:18px}
	.zk-nav__btn-mobile{display:inline-flex!important}
	.zk-header__btn{display:none!important}
	.zk-burger{display:flex}
	.zk-hero__row{flex-direction:column;align-items:flex-start}
	.zk-card__img{height:380px}
}
/* Mobile */
@media (max-width:767px){
	.zk-services__grid{--zk-cols:1}
	.zk-service,.zk-service:nth-child(3n+1){border-inline-start:0;padding-inline-start:0;padding-inline-end:0;border-bottom:1px solid var(--zk-line)}
	.zk-work__grid--featured{grid-template-columns:1fr}
	.zk-card__img{height:240px}
	.zk-hero__text,.zk-cta__text{font-size:17px}
	.zk-btns .zk-btn{flex:1 1 100%}
	.zk-footer{flex-direction:column;align-items:flex-start}
	.zk-cta__mark{transform:scale(.55);transform-origin:bottom right}
}
@media (prefers-reduced-motion:reduce){.zk-btn,.zk-card__img img{transition:none}}
.zk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}