/* Fekra master redesign - homepage-only presentation layer */
.fekra-master {
  --fm-ink: #20112b;
  --fm-purple: #6c39b8;
  --fm-violet: #8c5be0;
  --fm-blue: #4d9dff;
  --fm-yellow: #ffd928;
  --fm-orange: #ff8418;
  --fm-pink: #e84bb5;
  --fm-lime: #d9f553;
  --fm-paper: #f8f4fb;
  --fm-lavender: #eee7f7;
  --fm-muted: #74677c;
  color: var(--fm-ink);
  background: var(--fm-paper);
  overflow-x: clip;
}

.fekra-master .nav-v3 {
  color: #4d4056;
  border-bottom-color: rgba(63,37,79,.12);
  background: linear-gradient(180deg,rgba(250,247,252,.94),rgba(250,247,252,.68),transparent);
}
.fekra-master .brand-v3 img { filter: none; }
.fekra-master .nav-v3__links a::after { background: linear-gradient(90deg,var(--fm-orange),var(--fm-pink)); }
.fekra-master .nav-v3__cta { color: var(--fm-ink); background: var(--fm-yellow); box-shadow: 0 12px 32px rgba(154,112,0,.14); }

.fekra-master .hero-v3 {
  grid-template-columns: minmax(0,1.08fr) minmax(420px,.92fr);
  min-height: max(820px,100svh);
  color: var(--fm-ink);
  background:
    radial-gradient(circle at 86% 19%,rgba(111,151,255,.24),transparent 23%),
    radial-gradient(circle at 69% 86%,rgba(231,75,181,.16),transparent 27%),
    linear-gradient(132deg,#faf7fc 0%,#f1eafb 52%,#e7dcf7 100%);
}
.fekra-master .hero-v3::before {
  opacity: .16;
  background-image: linear-gradient(rgba(69,37,86,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(69,37,86,.34) 1px,transparent 1px);
  mask-image: linear-gradient(to bottom,transparent 2%,#000 20%,#000 86%,transparent);
}
.fekra-master .hero-v3::after { display: none; }
.fekra-master .hero-v3__noise { opacity: .025; mix-blend-mode: multiply; }
.fekra-master .hero-v3__kicker { color: #75657d; }
.fekra-master .hero-v3__kicker i { background: linear-gradient(90deg,var(--fm-purple),var(--fm-orange)); }
.fekra-master .hero-v3__kicker span { color: var(--fm-ink); background: var(--fm-yellow); }
.fekra-master .hero-v3 h1 { color: #32143e; font-size: clamp(4rem,7.05vw,8.15rem); line-height: .79; }
.fekra-master .hero-line { overflow: hidden; padding: .04em .02em .11em; }
.fekra-master .hero-line--accent > span {
  color: #fff;
  background: linear-gradient(98deg,#6741bd,#8d5de2 58%,#a56de5);
  box-shadow: 13px 12px 0 rgba(255,217,40,.88);
}
.fekra-master .hero-v3__bottom p { color: #6b5e73; }
.fekra-master .hero-v3__bottom a { color: var(--fm-purple); }
.fekra-master .hero-v3__stamp { color: #75677e; }
.fekra-master .hero-v3__stamp i { background: var(--fm-yellow); }

.hero-exhibit {
  position: relative;
  z-index: 4;
  width: min(43vw,640px);
  aspect-ratio: 1;
  justify-self: end;
  perspective: 1100px;
  transform: perspective(1100px) rotateX(var(--exhibit-rx,0deg)) rotateY(var(--exhibit-ry,0deg));
  transform-style: preserve-3d;
  transition: transform .35s ease-out;
}
.hero-exhibit__aura {
  position: absolute;
  inset: 13%;
  border-radius: 48% 52% 42% 58% / 62% 42% 58% 38%;
  background: conic-gradient(from 20deg,var(--fm-orange),var(--fm-pink),var(--fm-purple),var(--fm-blue),var(--fm-yellow),var(--fm-orange));
  opacity: .43;
  filter: blur(38px);
  animation: fmMorph 9s ease-in-out infinite,fmTurn 20s linear infinite;
}
.hero-exhibit__orbit { position:absolute; border:1px solid rgba(72,43,91,.24); border-radius:50%; animation:fmTurn 22s linear infinite; }
.hero-exhibit__orbit--one { inset:5%; }
.hero-exhibit__orbit--two { inset:21%; border-style:dashed; border-color:rgba(108,57,184,.34); animation-direction:reverse; animation-duration:17s; }
.hero-exhibit__orbit--one::before,.hero-exhibit__orbit--one::after,.hero-exhibit__orbit i { content:""; position:absolute; width:8px; aspect-ratio:1; border-radius:50%; background:var(--fm-lime); box-shadow:0 0 20px rgba(181,222,37,.7); }
.hero-exhibit__orbit--one::before { top:12%; left:23%; }
.hero-exhibit__orbit--one::after { right:4%; bottom:28%; width:12px; background:var(--fm-yellow); }
.hero-exhibit__core {
  position:absolute;
  inset:27%;
  display:grid;
  place-content:center;
  justify-items:center;
  overflow:hidden;
  color:var(--fm-ink);
  border:2px solid rgba(255,255,255,.66);
  border-radius:42% 58% 63% 37% / 50% 40% 60% 50%;
  background:linear-gradient(145deg,#ffd928,#ff9f20 52%,#f253b4);
  box-shadow:0 35px 90px rgba(59,32,79,.28),inset 0 1px rgba(255,255,255,.9);
  animation:fmCore 6s ease-in-out infinite;
}
.hero-exhibit__core::before { content:""; position:absolute; inset:-55%; background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.58) 50%,transparent 62%); animation:fmShine 4.4s ease-in-out infinite; }
.hero-exhibit__core span,.hero-exhibit__core strong,.hero-exhibit__core small { position:relative; z-index:2; }
.hero-exhibit__core span { font-size:clamp(.64rem,.8vw,.82rem); font-weight:950; letter-spacing:.34em; }
.hero-exhibit__core strong { margin:3px 0; font-size:clamp(2.4rem,4.3vw,4.8rem); font-weight:950; letter-spacing:-.09em; line-height:.88; }
.hero-exhibit__core small { padding:6px 10px; color:#fff; background:#2b1137; font-size:.47rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.hero-exhibit__core i { position:absolute; right:11%; bottom:9%; width:45%; height:7px; background:var(--fm-yellow); transform:rotate(-8deg); box-shadow:-30px 14px 0 rgba(57,25,74,.88); }
.hero-exhibit__card {
  position:absolute;
  z-index:7;
  display:flex;
  align-items:center;
  gap:11px;
  min-width:138px;
  padding:14px 17px;
  color:#fff;
  border:1px solid rgba(72,39,93,.18);
  border-radius:13px;
  box-shadow:0 18px 44px rgba(57,28,78,.2);
  transform-style:preserve-3d;
}
.hero-exhibit__card b { font-size:.61rem; font-weight:900; letter-spacing:.09em; line-height:1.35; text-transform:uppercase; }
.hero-exhibit__card small { display:block; font-size:.48rem; letter-spacing:.14em; text-transform:uppercase; }
.hero-exhibit__card--social { top:5%; left:0; background:linear-gradient(135deg,#ff8418,#ffb42d); animation:fmFloatA 5.4s ease-in-out infinite; }
.hero-exhibit__card--social span { padding:5px 6px; color:var(--fm-ink); background:var(--fm-yellow); font-size:.5rem; font-weight:950; }
.hero-exhibit__card--web { top:19%; right:-1%; display:grid; background:linear-gradient(135deg,#6841bd,#9a64e6); animation:fmFloatB 6.2s ease-in-out -1s infinite; }
.hero-exhibit__card--motion { right:0; bottom:13%; background:linear-gradient(135deg,#ff7657,#ff8418); animation:fmFloatA 5.8s ease-in-out -.6s infinite reverse; }
.hero-exhibit__card--design { bottom:5%; left:0; background:linear-gradient(135deg,#351758,#7438b9); animation:fmFloatB 5.7s ease-in-out -1.8s infinite reverse; }
.hero-exhibit__signal { position:absolute; z-index:8; display:grid; width:43px; aspect-ratio:1; place-items:center; color:var(--fm-ink); border:1px solid rgba(55,31,72,.16); background:#fff; box-shadow:0 15px 34px rgba(75,42,96,.17); }
.hero-exhibit__signal svg { width:18px; fill:currentColor; }
.hero-exhibit__signal--play { top:2%; right:28%; color:#fff; background:var(--fm-purple); transform:rotate(9deg); }
.hero-exhibit__signal--heart { right:-1%; bottom:42%; color:#fff; background:var(--fm-pink); transform:rotate(-8deg); }
.hero-exhibit__signal--comment { bottom:2%; left:39%; background:var(--fm-yellow); transform:rotate(6deg); }

.fekra-master .marquee-shell { position:relative; z-index:8; width:100%; margin-block:clamp(-40px,-2.6vw,-24px); padding-block:clamp(72px,6.8vw,104px); overflow:clip; }
.fekra-master .marquee { width:calc(100% + 20vw); margin-left:-10vw; overflow:hidden; color:#fff; border:0; background:linear-gradient(96deg,#2d0f4b 0%,#51208b 31%,#7440c7 65%,#3c125f 100%); transform:rotate(-4.4deg); transform-origin:center; box-shadow:0 24px 55px rgba(52,19,83,.2); }
.fekra-master .marquee__track { display:flex; width:max-content; flex-wrap:nowrap; align-items:center; animation-duration:28s; animation-timing-function:linear; will-change:transform; }
.gsap-ready .fekra-master .marquee__track { animation:none; }
.fekra-master .marquee__track > div { display:flex; flex:0 0 auto; flex-wrap:nowrap; align-items:center; }
.fekra-master .marquee span { flex:0 0 auto; padding:clamp(25px,2vw,34px) clamp(24px,2.2vw,38px); font-family:var(--display); font-weight:400; line-height:1; white-space:nowrap; }
.fekra-master .marquee b { color:var(--fm-yellow); }

.fekra-master .services-v3 { overflow:clip !important; padding-top:clamp(115px,10vw,165px); background:linear-gradient(180deg,#f3edf9 0%,#e9def6 100%); }
.fekra-master .services-v3::before { display:none; }
.fekra-master .section-head-v3 { position:relative; z-index:2; margin-bottom:clamp(46px,5vw,72px); }
.fekra-master .section-head-v3 > p { color:var(--fm-purple); }
.fekra-master .section-head-v3 h2 { color:var(--fm-ink); }
.fekra-master .section-head-v3 h2 em { color:var(--fm-purple); }
.fekra-master .section-head-v3 > span { color:var(--fm-muted); border-color:var(--fm-orange); }
.service-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(14px,1.35vw,22px); min-height:620px; }
.service-card {
  position:relative;
  display:grid;
  min-width:0;
  min-height:0;
  grid-template-rows:minmax(0,1fr) auto;
  overflow:hidden;
  padding:0;
  color:var(--fm-ink);
  border:1px solid rgba(73,46,95,.16);
  border-radius:24px;
  background:linear-gradient(155deg,#fff,#f3ecfa);
  box-shadow:0 24px 64px rgba(55,31,75,.13);
  outline:0;
  isolation:isolate;
  will-change:transform,opacity;
  transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease,box-shadow .55s ease,grid-template-columns .55s ease;
}
.service-card--web { background:linear-gradient(155deg,#f7ffb3,#dcf248); }
.service-card--video { background:linear-gradient(155deg,#ffe3c7,#ffb069); }
.service-card--design { color:#fff; background:linear-gradient(155deg,#351355,#7440b3 64%,#9955dc); }
.service-card__visual { position:relative; order:2; width:100%; min-height:0; aspect-ratio:1; overflow:hidden; background:#d8cbe4; }
.service-card__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(24,10,32,.48)); transition:background .5s ease; }
.service-card__visual img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease; }
.service-card--social .service-card__visual img { object-position:50% 58%; }
.service-card--web .service-card__visual img { object-position:50% 54%; }
.service-card--video .service-card__visual img { object-position:50% 50%; }
.service-card--design .service-card__visual img { object-position:50% 58%; }
.service-card__number { position:absolute; z-index:3; top:16px; left:16px; display:grid; width:44px; aspect-ratio:1; place-items:center; color:var(--fm-ink); border-radius:50%; background:var(--fm-yellow); font-size:.68rem; font-weight:950; }
.service-card__icon { position:absolute; z-index:3; right:16px; bottom:16px; display:grid; width:58px; aspect-ratio:1; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.55); border-radius:18px; background:rgba(37,15,49,.35); backdrop-filter:blur(8px); }
.service-card__icon svg { width:34px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.service-card__icon svg * { stroke-dasharray:160; stroke-dashoffset:160; transition:stroke-dashoffset .8s ease,transform .6s cubic-bezier(.16,1,.3,1); transform-origin:center; }
.service-card__content { position:relative; display:flex; min-width:0; flex-direction:column; gap:clamp(9px,.75vw,12px); order:1; padding:clamp(20px,1.7vw,27px); }
.service-card__content small { color:var(--fm-orange); font-size:.52rem; font-weight:950; letter-spacing:.13em; line-height:1.35; text-transform:uppercase; }
.service-card--design .service-card__content small { color:var(--fm-yellow); }
.service-card__content h3 { margin:0; min-height:2.08em; font-family:var(--display); font-size:clamp(1.5rem,1.85vw,2.25rem); font-weight:400; letter-spacing:-.045em; line-height:1.02; text-wrap:balance; }
.service-card__content p { margin:0; color:#66586e; font-size:.73rem; line-height:1.58; }
.service-card--design .service-card__content p { color:rgba(255,255,255,.76); }
.service-card__content ul { display:flex; flex-wrap:wrap; align-content:flex-start; gap:6px; margin:3px 0 0; padding:0; list-style:none; }
.service-card__content li { padding:7px 10px; color:#584562; border:1px solid rgba(72,43,91,.16); border-radius:999px; background:rgba(255,255,255,.3); font-size:clamp(.58rem,.54vw,.66rem); font-weight:850; line-height:1; white-space:nowrap; }
.service-card--design .service-card__content li { color:rgba(255,255,255,.88); border-color:rgba(255,255,255,.24); background:rgba(255,255,255,.08); }
.service-card__arrow { position:absolute; z-index:4; right:20px; bottom:-25px; display:grid; width:50px; aspect-ratio:1; place-items:center; color:var(--fm-ink); border-radius:50%; background:var(--fm-yellow); font-size:1.25rem; transition:transform .5s cubic-bezier(.16,1,.3,1); }
.service-card.is-active { z-index:3; transform:translateY(-10px) scale(1.015) !important; box-shadow:0 36px 86px rgba(55,31,75,.23); }
.service-gallery.has-active .service-card:not(.is-active) { opacity:.58 !important; transform:scale(.975) !important; }
.service-card.is-active .service-card__visual img { transform:scale(1.06); filter:saturate(1.08) contrast(1.02); }
.service-card.is-active .service-card__visual::after { background:linear-gradient(180deg,transparent 58%,rgba(24,10,32,.26)); }
.service-card.is-active .service-card__arrow { transform:rotate(45deg) scale(1.08); }
.service-card.is-active .service-card__icon svg * { stroke-dashoffset:0; }
.service-card.is-active .service-card__icon { background:var(--fm-purple); }
.service-gallery__progress { height:2px; margin-top:32px; overflow:hidden; background:rgba(85,55,106,.13); }
.service-gallery__progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--fm-purple),var(--fm-pink),var(--fm-orange),var(--fm-yellow)); transform:scaleX(0); transform-origin:left; }

.process-v7 {
  position:relative;
  min-height:100svh;
  overflow:hidden;
  padding-block:clamp(54px,7vh,74px);
  color:var(--fm-ink);
  background:radial-gradient(circle at var(--process-glow-x,16%) 68%,rgba(255,255,255,.58),transparent 25%),linear-gradient(145deg,#e5d9f5,#cdbbea 68%,#bca4e3);
}
.process-v7__intro { position:relative; z-index:4; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.45fr); align-items:end; gap:30px; }
.process-v7__intro > p { grid-column:1/-1; margin:0 0 -4px; color:var(--fm-purple); font-size:.68rem; font-weight:950; letter-spacing:.2em; text-transform:uppercase; }
.process-v7__intro h2 { margin:0; font-size:clamp(4rem,7.7vw,8.8rem); letter-spacing:-.08em; line-height:.8; }
.process-v7__intro > span { max-width:330px; padding-left:20px; color:#655672; border-left:2px solid var(--fm-pink); font-size:.94rem; line-height:1.65; }
.process-v7__stage { position:relative; height:clamp(450px,53vh,480px); margin-top:clamp(55px,6vh,70px); }
.process-v7__path { position:absolute; z-index:1; inset:0; }
.process-v7__path svg { width:100%; height:100%; overflow:visible; }
.process-v7__path path { fill:none; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.process-v7__path-base { stroke:rgba(70,37,94,.18); stroke-width:2; stroke-dasharray:4 8; }
.process-v7__path-live { stroke:url(#processLine); stroke-width:5; stroke-dasharray:0 10000; stroke-dashoffset:0; filter:drop-shadow(0 6px 10px rgba(93,42,126,.2)); }
.process-v7__steps { position:absolute; z-index:2; inset:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:0; list-style:none; }
.process-v7__steps li { --tone:var(--fm-purple); --marker-y:57%; position:relative; min-width:0; opacity:.2; filter:saturate(.28); transform:scale(.94); transition:opacity .3s ease,filter .3s ease,transform .42s cubic-bezier(.16,1,.3,1); }
.process-v7__steps li:nth-child(2) { --tone:#835bd4; --marker-y:37%; }
.process-v7__steps li:nth-child(3) { --tone:var(--fm-pink); --marker-y:72%; }
.process-v7__steps li:nth-child(4) { --tone:var(--fm-orange); --marker-y:31%; }
.process-v7__steps li:nth-child(5) { --tone:var(--fm-yellow); --marker-y:53%; }
.process-v7__steps li > i { position:absolute; z-index:3; top:var(--marker-y); left:50%; width:18px; aspect-ratio:1; border:4px solid rgba(248,244,252,.82); border-radius:50%; background:#a99db1; box-shadow:0 0 0 1px rgba(62,31,83,.12); transform:translate(-50%,-50%) scale(.9); transition:background .22s ease,box-shadow .3s ease,transform .38s cubic-bezier(.16,1,.3,1); }
.process-v7__steps article { position:absolute; left:6%; width:88%; min-height:174px; padding:18px 18px 20px; border:1px solid rgba(76,44,98,.1); border-top:3px solid rgba(91,72,104,.34); border-radius:18px; background:rgba(250,248,252,.42); box-shadow:0 12px 34px rgba(74,39,98,.06); transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease; }
.process-v7__steps li:nth-child(odd) article { top:calc(var(--marker-y) + 40px); }
.process-v7__steps li:nth-child(even) article { bottom:calc(100% - var(--marker-y) + 40px); }
.process-v7__steps article > span { display:block; margin-bottom:10px; color:var(--tone); font-family:var(--display); font-size:1.1rem; }
.process-v7__icon { position:absolute; top:14px; right:14px; display:grid; width:45px; aspect-ratio:1; place-items:center; color:var(--tone); border:1px solid rgba(91,58,116,.16); border-radius:14px; background:rgba(255,255,255,.55); transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s ease,color .35s ease; }
.process-v7__icon svg { width:26px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.process-v7__steps h3 { margin:0 0 10px; max-width:calc(100% - 36px); font-family:var(--display); font-size:clamp(1.05rem,1.35vw,1.42rem); font-weight:400; line-height:1.05; }
.process-v7__steps p { margin:0; color:#70617a; font-size:.68rem; line-height:1.55; }
.process-v7__steps li.is-active { opacity:.72; filter:none; transform:scale(.985); }
.process-v7__steps li.is-active > i { background:var(--tone); box-shadow:0 0 0 5px rgba(108,57,184,.09),0 9px 24px rgba(66,32,90,.18); transform:translate(-50%,-50%) scale(1.05); }
.process-v7__steps li.is-active article { border-top-color:var(--tone); background:rgba(255,255,255,.7); box-shadow:0 18px 45px rgba(74,39,98,.11); }
.process-v7__steps li.is-active .process-v7__icon { color:#fff; background:var(--tone); }
.process-v7__steps li.is-current { opacity:1; transform:scale(1); }
.process-v7__steps li.is-current > i { box-shadow:0 0 0 9px rgba(108,57,184,.14),0 12px 30px rgba(66,32,90,.24); transform:translate(-50%,-50%) scale(1.25); }
.process-v7__steps li.is-current article { transform:translateY(-6px); background:rgba(255,255,255,.88); box-shadow:0 24px 58px rgba(74,39,98,.16); }
.process-v7__steps li.is-current .process-v7__icon { transform:rotate(-6deg) scale(1.08); }

.fekra-master .work-v3 { color:#fff; background:linear-gradient(140deg,#24102f 0%,#422059 58%,#562672 100%); }
.fekra-master .work-v3__head p { color:var(--fm-yellow); }
.fekra-master .work-v3__head h2 em { color:#dfa0ff; }
.fekra-master .filter-v3 button.active,.fekra-master .filter-v3 button:hover { color:var(--fm-ink); border-color:var(--fm-yellow); background:var(--fm-yellow); }
.fekra-master .client-grid-v3 { grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(14px,1.45vw,24px); }
.fekra-master .client-card-v3,.fekra-master .client-card-v3:nth-child(3n + 1) { grid-column:auto; }
.fekra-master .client-card-v3__visual { --client-logo-inset:clamp(14px,1.65vw,26px); aspect-ratio:4/3 !important; padding:0; border:1px solid rgba(255,255,255,.17); border-radius:18px !important; background:radial-gradient(circle at 84% 16%,rgba(79,157,255,.3),transparent 27%),radial-gradient(circle at 10% 92%,rgba(188,156,255,.24),transparent 31%),linear-gradient(145deg,#201028,#40256f 58%,#315da6); box-shadow:0 22px 52px rgba(12,5,17,.22); }
.fekra-master .client-card-v3__visual::before { content:""; position:absolute; z-index:1; inset:15px; border:1px solid rgba(255,255,255,.14); border-radius:13px; pointer-events:none; }
.fekra-master .client-card-v3__visual > img { position:absolute; z-index:2; inset:var(--client-logo-inset); width:calc(100% - var(--client-logo-inset) - var(--client-logo-inset)) !important; height:calc(100% - var(--client-logo-inset) - var(--client-logo-inset)) !important; max-width:none; max-height:none; object-fit:contain !important; object-position:center; filter:drop-shadow(0 18px 28px rgba(9,3,12,.3)); }
.fekra-master .client-card-v3:hover .client-card-v3__visual > img { transform:none; filter:drop-shadow(0 24px 38px rgba(9,3,12,.34)) saturate(1.05); }
.fekra-master .client-card-v3__index,.fekra-master .client-card-v3__arrow { z-index:3; }

.fekra-master .contact-v3 {
  min-height:860px;
  color:#fff;
  background:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px),radial-gradient(circle at 80% 24%,rgba(79,157,255,.55),transparent 30%),radial-gradient(circle at 18% 84%,rgba(232,75,181,.34),transparent 36%),linear-gradient(132deg,#271041 0%,#4f298a 47%,#6455bd 100%);
  background-size:76px 76px,76px 76px,auto,auto,auto;
}
.fekra-master .contact-v3::before { content:""; position:absolute; inset:auto -8% -10% auto; width:45%; height:48%; opacity:1; clip-path:polygon(0 21%,100% 0,84% 100%,13% 80%); background:linear-gradient(135deg,rgba(188,156,255,.22),rgba(232,75,181,.12)); }
.fekra-master .contact-v3__top { color:#fff; border-color:rgba(255,255,255,.48); }
.fekra-master .contact-v3__word { color:#fff; line-height:.86; }
.fekra-master .contact-v3__word--outline { -webkit-text-stroke-color:rgba(255,255,255,.92); }
.fekra-master .contact-v3__details { gap:20px; margin-top:clamp(66px,5.7vw,84px); }
.fekra-master .contact-v3__detail { padding:22px 24px; color:#fff; border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.11); backdrop-filter:none; }
.fekra-master .contact-v3__detail > i { color:#4c1f7b; background:#fff; }
.fekra-master .contact-v3__shape { color:#fff; border-color:rgba(255,255,255,.45); opacity:.5; }
.fekra-master .contact-v3__shape i { border-color:rgba(255,255,255,.36); }
.fekra-master .footer-v3 { background:#1e0d29; }

.motion-paused .fekra-master * { animation-play-state:paused !important; }

@media (hover:hover) and (pointer:fine) {
  .service-card:hover { z-index:3; transform:translateY(-10px) scale(1.015); box-shadow:0 36px 86px rgba(55,31,75,.23); }
  .service-card:hover .service-card__visual img { transform:scale(1.06); filter:saturate(1.08); }
  .service-card:hover .service-card__arrow { transform:rotate(45deg) scale(1.08); }
  .service-card:hover .service-card__icon svg * { stroke-dashoffset:0; }
}

@media (max-width:1179px) {
  .fekra-master .hero-v3 { grid-template-columns:minmax(0,1.05fr) minmax(350px,.8fr); padding-inline:44px; }
  .hero-exhibit { width:min(43vw,500px); }
  .service-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); min-height:0; }
  .service-card { min-height:0; }
  .process-v7__steps article { min-height:186px; padding:16px; }
  .process-v7__steps p { font-size:.62rem; }
  .fekra-master .client-grid-v3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:900px) {
  .fekra-master .hero-v3 { grid-template-columns:1fr; min-height:auto; padding-top:135px; }
  .hero-exhibit { width:min(70vw,540px); justify-self:center; }
  .process-v7 { min-height:100svh; padding-block:clamp(48px,6.5vh,64px); }
  .process-v7__intro { grid-template-columns:1fr; }
  .process-v7__intro > span { max-width:480px; }
  .process-v7__stage { height:clamp(430px,58svh,520px); margin-top:28px; }
  .process-v7__path { top:3%; bottom:3%; left:31px; width:2px; background:rgba(70,37,94,.16); }
  .process-v7__path svg { display:none; }
  .process-v7__path::before { content:""; position:absolute; inset:0; width:2px; background:linear-gradient(var(--fm-purple),var(--fm-pink),var(--fm-orange),var(--fm-yellow)); transform:scaleY(var(--process-mobile-progress,0)); transform-origin:top; }
  .process-v7__steps { position:absolute; display:grid; grid-template-columns:1fr; grid-template-rows:repeat(5,minmax(0,1fr)); gap:6px; padding-left:70px; }
  .process-v7__steps li { --marker-y:50% !important; min-height:0; }
  .process-v7__steps li > i { top:50%; left:-38px; }
  .process-v7__steps article,.process-v7__steps li:nth-child(odd) article,.process-v7__steps li:nth-child(even) article { position:relative; inset:auto; display:grid; width:100%; height:100%; min-height:0; grid-template-columns:auto minmax(0,1fr) auto; grid-template-rows:auto 1fr; align-items:center; column-gap:9px; padding:8px 11px; }
  .process-v7__steps article > span { grid-column:1; grid-row:1; margin:0; font-size:.86rem; }
  .process-v7__steps h3 { grid-column:2; grid-row:1; max-width:none; margin:0; font-size:clamp(.98rem,3.7vw,1.22rem); }
  .process-v7__steps p { grid-column:1/-1; grid-row:2; align-self:start; margin-top:4px; font-size:clamp(.56rem,1.8vw,.66rem); line-height:1.35; }
  .process-v7__icon { position:relative; top:auto; right:auto; grid-column:3; grid-row:1; width:34px; border-radius:10px; }
  .process-v7__icon svg { width:20px; }
  .fekra-master .client-grid-v3 { gap:22px; }
}

@media (max-width:760px) {
  .fekra-master .portfolio-v3 .section { padding:88px 18px; }
  .fekra-master .nav-v3 { padding-inline:18px; }
  .fekra-master .hero-v3 { display:flex; min-height:100svh; flex-direction:column; align-items:stretch; justify-content:center; gap:42px; padding:122px 18px 72px; }
  .fekra-master .hero-v3 h1 { width:100%; max-width:100%; font-size:clamp(2.55rem,14.25vw,4.75rem); letter-spacing:-.07em; line-height:.82; overflow:visible; }
  .fekra-master .hero-line { overflow:visible; padding-right:.08em; }
  .fekra-master .hero-line--accent > span { max-width:100%; padding-inline:.1em; box-shadow:7px 7px 0 rgba(255,217,40,.88); }
  .hero-exhibit { width:min(90vw,430px); }
  .hero-exhibit__card { min-width:112px; padding:10px 12px; border-radius:10px; }
  .hero-exhibit__card b { font-size:.45rem; }
  .hero-exhibit__card small { font-size:.39rem; }
  .hero-exhibit__signal { width:34px; }
  .hero-exhibit__core strong { font-size:clamp(1.8rem,10vw,3rem); }
  .fekra-master .marquee-shell { margin-block:-22px; padding-block:58px; }
  .fekra-master .marquee { width:calc(100% + 26vw); margin-left:-13vw; transform:rotate(-3.2deg); }
  .fekra-master .marquee__track { animation-duration:34s; }
  .fekra-master .marquee span { padding:20px 19px; font-size:1.55rem; }
  .fekra-master .section-head-v3 { gap:22px; }
  .service-gallery { display:flex; gap:14px; margin-inline:-18px; padding:4px 18px 22px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .service-gallery::-webkit-scrollbar { display:none; }
  .service-card { flex:0 0 min(86vw,360px); min-height:0; grid-template-rows:minmax(0,1fr) auto; scroll-snap-align:center; }
  .service-gallery.has-active .service-card:not(.is-active) { opacity:.76 !important; transform:none !important; }
  .service-card.is-active { transform:translateY(-4px) !important; }
  .service-gallery__progress { margin-top:12px; }
  .process-v7__intro h2 { font-size:clamp(3.5rem,17vw,6rem); }
  .process-v7__steps { padding-left:58px; }
  .process-v7__path { left:21px; }
  .process-v7__steps li > i { left:-37px; }
  .fekra-master .work-v3__head h2 { font-size:clamp(3.7rem,15vw,6rem); }
  .fekra-master .client-grid-v3 { grid-template-columns:1fr; gap:8px; }
  .fekra-master .client-card-v3__visual { padding:17px; border-radius:16px !important; }
  .fekra-master .contact-v3 { min-height:800px; }
  .fekra-master .contact-v3__top { align-items:flex-start; flex-direction:column; margin-bottom:72px; }
  .fekra-master .contact-v3__top span { line-height:1.6; }
  .fekra-master .contact-v3__word { max-width:100%; font-size:clamp(3.45rem,16.4vw,6.1rem); line-height:.84; }
  .fekra-master .contact-v3__details { grid-template-columns:1fr; width:100%; gap:9px; margin-top:45px; }
  .fekra-master .contact-v3__detail { padding:14px; font-size:.76rem; }
}

@media (max-width:360px) {
  .fekra-master .hero-v3 h1 { font-size:clamp(2.48rem,13.9vw,3.15rem); }
  .service-card { flex-basis:88vw; }
  .service-card__content { padding:19px; }
  .service-card__content h3 { font-size:1.55rem; }
}

@media (prefers-reduced-motion:reduce) {
  .fekra-master *, .fekra-master *::before, .fekra-master *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
  .service-card,.process-v7__steps li { opacity:1 !important; transform:none !important; }
  .process-v7__path-live { stroke-dasharray:none !important; stroke-dashoffset:0 !important; }
  .service-gallery__progress span { transform:scaleX(1) !important; }
}

@keyframes fmTurn { to { transform:rotate(360deg); } }
@keyframes fmMorph { 0%,100% { border-radius:48% 52% 42% 58% / 62% 42% 58% 38%; } 50% { border-radius:66% 34% 61% 39% / 38% 60% 40% 62%; } }
@keyframes fmCore { 0%,100% { border-radius:42% 58% 63% 37% / 50% 40% 60% 50%; transform:scale(1) rotate(-1deg); } 50% { border-radius:61% 39% 44% 56% / 39% 62% 38% 61%; transform:scale(1.045) rotate(1deg); } }
@keyframes fmShine { 0%,45% { transform:translateX(-55%) rotate(10deg); } 75%,100% { transform:translateX(55%) rotate(10deg); } }
@keyframes fmFloatA { 0%,100% { transform:translate3d(0,0,34px) rotate(-1deg); } 50% { transform:translate3d(0,-12px,42px) rotate(1deg); } }
@keyframes fmFloatB { 0%,100% { transform:translate3d(0,0,28px) rotate(1deg); } 50% { transform:translate3d(7px,-10px,38px) rotate(-1deg); } }