/*
Theme Name: Zist Kavosh Hooshmand
Theme URI: https://example.com
Author: Zist Kavosh Hooshmand
Description: قالب دوزبانه (فارسی / English) شرکت زیست کاوش هوشمند - ژنتیک و بیوانفورماتیک
Version: 1.6.42
Text Domain: zk
*/
:root{--b:#1e88e5;--c:#2ee6f0;--ink:#0a1a33;--ink2:#10284d;--bg:#f5f9ff;--card:#fff;--tx:#1d2b45;--mut:#5b6b87;--g:linear-gradient(135deg,#1e88e5,#2ee6f0);--r:18px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Vazirmatn','Inter',system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.9;overflow-x:hidden}
body.lang-en{font-family:'Inter','Vazirmatn',system-ui,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.wrap{width:min(1180px,92%);margin-inline:auto}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:50px;font-weight:700;border:2px solid transparent;cursor:pointer;transition:.3s;font-family:inherit;font-size:1rem}
.btn-p{background:var(--g);color:#05142b;box-shadow:0 8px 24px rgba(46,230,240,.35)}
.btn-p:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(46,230,240,.55)}
.btn-o{border-color:rgba(255,255,255,.6);color:#fff}.btn-o:hover{background:#fff;color:var(--ink)}
.btn-d{background:var(--ink);color:#fff}.btn-d:hover{background:var(--b)}
/* header */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;transition:.3s;padding:.55rem 0}
.hdr.sc{background:rgba(10,26,51,.92);backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.25)}
.hdr .wrap{display:flex;align-items:center;gap:1.05rem}
.logo{display:flex;align-items:center;gap:.63rem}.logo img{height:55px;width:auto}
.lt{display:flex;flex-direction:column;line-height:1.25}.lt b{color:#fff;font-size:.94rem;font-weight:800;white-space:nowrap}.lt i{font-style:normal;font-size:.64rem;font-weight:700;letter-spacing:.16em;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr;text-align:start;font-family:'Inter',sans-serif}
@media(max-width:480px){.lt i{display:none}.hdr .logo img{height:44px}}
.nav{display:flex;gap:1.42rem;margin-inline-start:auto;list-style:none;align-items:center}
.nav a{color:#e6f1ff;font-weight:500;font-size:.95rem;position:relative;padding:.27rem 0;display:block}
.nav a::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:var(--c);transform:scaleX(0);transition:.3s}
.nav a:hover::after,.nav .cur a::after{transform:scaleX(1)}
.hact{display:flex;gap:.62rem;align-items:center}
.lang{color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:50px;padding:.22rem .78rem;font-weight:700;font-size:.85rem}.lang:hover{background:var(--c);color:#05142b}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.7rem;cursor:pointer}
@media(max-width:1240px){.burger{display:block;margin-inline-start:0}.nav{position:absolute;top:100%;left:0;right:0;background:var(--ink);flex-direction:column;align-items:stretch;padding:1.15rem 4%;gap:.6rem;display:none;margin:0;max-height:calc(100dvh - var(--zk-header-height,64px));overflow-y:auto;box-shadow:0 18px 26px rgba(0,0,0,.18)}.nav.open{display:flex}}
@media(max-width:640px){.hdr .hact .btn{display:none}}
/* hero */
.hero{position:relative;min-height:100vh;background:radial-gradient(1200px 700px at 70% 20%,#12427e 0%,var(--ink) 60%);color:#fff;display:flex;align-items:center;overflow:hidden}
#bg{position:absolute;inset:0;width:100%;height:100%}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding-top:6rem}
.hero h1{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.35;margin-bottom:1rem}
.hero h1 span{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Bilingual heading rhythm and restrained cyan highlights across page heroes. */
:where(.hero h1,.phead h1,.za-hero h1,.zc-hero h1,.abw-photo-hero h1,.zk-wes-hero h1,.zkb-hero h2){text-wrap:balance;overflow-wrap:break-word;font-weight:800}
html[lang="fa"] :where(.hero h1,.phead h1,.za-hero h1,.zc-hero h1,.abw-photo-hero h1,.zk-wes-hero h1,.zkb-hero h2){font-family:'Vazirmatn',system-ui,sans-serif;letter-spacing:0}
html[lang="en"] :where(.hero h1,.phead h1,.za-hero h1,.zc-hero h1,.abw-photo-hero h1,.zk-wes-hero h1,.zkb-hero h2){font-family:'Inter','Vazirmatn',system-ui,sans-serif}
.zk-hero-accent{font-style:normal;background:linear-gradient(115deg,#42baff,#56ecf4);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* A shared, unboxed hero overline inspired by the talent assessment hero. */
.zk-hero-overline{
  display:inline-flex;align-items:center;gap:11px;max-width:100%;
  margin:0 0 20px;padding:0;border:0;border-radius:0;background:none;
  color:#a0dff5;font-size:13px;font-weight:700;line-height:1.75;letter-spacing:.01em;
  text-shadow:0 2px 12px rgba(0,13,32,.38);
}
.zk-hero-overline::before{
  content:"";display:block;flex:0 0 42px;height:2px;border-radius:8px;
  background:linear-gradient(90deg,#39b7f5,#72efd7);
}
@media(max-width:760px){
  .zk-hero-overline{font-size:11px;gap:9px;margin-bottom:13px}
  .zk-hero-overline::before{flex-basis:31px}
}
.hero p{color:#cfe3ff;font-size:1.15rem;max-width:560px;margin-bottom:2rem}
.hero .cta{display:flex;gap:1rem;flex-wrap:wrap}
.helix{width:100%;max-width:440px;aspect-ratio:380/600;height:auto;display:block;margin-inline:auto;}
.scroll{position:absolute;bottom:1.5rem;left:50%;z-index:2;width:26px;height:42px;border:2px solid #9fd8ff;border-radius:20px;transform:translateX(-50%)}
.scroll::after{content:"";position:absolute;top:7px;left:50%;width:4px;height:8px;margin-left:-2px;background:var(--c);border-radius:4px;animation:dot 1.6s infinite}
@keyframes dot{0%{opacity:1}100%{transform:translateY(16px);opacity:0}}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;text-align:center}.hero p{margin-inline:auto}.hero .cta{justify-content:center}.helix{max-width:260px}}
/* sections */
section.sec{padding:5.5rem 0}
.sec h2{font-size:clamp(1.6rem,3vw,2.4rem);text-align:center;margin-bottom:.6rem;color:var(--ink)}
.sec .sub{text-align:center;color:var(--mut);max-width:680px;margin:0 auto 3rem}
.dark{background:var(--ink);color:#fff}.dark h2{color:#fff}.dark .sub{color:#aac4ea}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}
.card{background:var(--card);border-radius:var(--r);padding:2rem;box-shadow:0 10px 30px rgba(20,60,120,.08);transition:.35s;position:relative;overflow:hidden;border:1px solid #e3eefc}
.card:hover{transform:translateY(-8px);box-shadow:0 18px 44px rgba(30,136,229,.22)}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--g)}
.ico{width:66px;height:66px;border-radius:16px;background:linear-gradient(145deg,#0d2547,#0a1a33);display:grid;place-items:center;margin-bottom:1.1rem;box-shadow:0 8px 20px rgba(10,26,51,.25),inset 0 0 0 1px rgba(46,230,240,.35);transition:.35s}.ico svg{width:40px;height:40px;filter:drop-shadow(0 0 6px rgba(46,230,240,.4))}.card:hover .ico{box-shadow:0 8px 28px rgba(46,230,240,.45),inset 0 0 0 1px #2ee6f0}
.i{width:1.15em;height:1.15em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none}.btn .i{width:20px;height:20px}.ftr li .i{stroke:var(--c);margin-inline-end:.3rem}
.card h3{margin-bottom:.4rem;color:var(--ink)}.card p{color:var(--mut);font-size:.95rem}
.card .more{display:inline-block;margin-top:.8rem;color:var(--b);font-weight:700}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.5rem;text-align:center}
.stats b{display:block;font-size:2.8rem;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.4rem;counter-reset:s}
.step{background:rgba(255,255,255,.06);border:1px solid rgba(46,230,240,.25);border-radius:var(--r);padding:1.6rem;counter-increment:s}
.step::before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--g);color:#05142b;font-weight:800;margin-bottom:.8rem}
.cta-band{background:var(--g);color:#05142b;text-align:center;padding:4rem 0}
.cta-band h2{color:#05142b}
.cta-band .btn-d{margin-top:1rem}
.ico svg{width:46px!important;height:46px!important}.ico{width:72px!important;height:72px!important}
.hact .btn{padding:.49rem 1.07rem;font-size:.85rem}.hdr .hact .btn .i{width:18px;height:18px}
.helix{-webkit-mask-image:radial-gradient(ellipse 54% 52% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 54% 52% at 50% 50%,#000 58%,transparent 100%)}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:1s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
/* inner pages */
.phead{background:radial-gradient(900px 400px at 70% 0,#12427e,var(--ink));color:#fff;padding:9rem 0 4rem;text-align:center}
.phead h1{font-size:clamp(1.8rem,4vw,2.8rem)}.phead p{color:#bcd6f7}
.post{display:flex;flex-direction:column}.post .meta{font-size:.8rem;color:var(--mut)}
.content{background:#fff;border-radius:var(--r);padding:2.4rem;margin:-2rem auto 4rem;box-shadow:0 10px 30px rgba(20,60,120,.08);max-width:860px;position:relative}
.content p,.content ul,.content ol{margin-bottom:1.1rem}.content h2,.content h3{margin:1.6rem 0 .6rem;color:var(--ink)}
.tag{display:inline-block;background:#e7f3ff;color:var(--b);border-radius:50px;padding:.1rem .8rem;font-size:.8rem;font-weight:700;margin-bottom:.6rem}
.pg{display:flex;gap:.5rem;justify-content:center;margin-top:2.5rem}.pg a,.pg span{padding:.4rem .9rem;border-radius:10px;background:#fff;border:1px solid #d6e6fa}.pg .current{background:var(--b);color:#fff}
/* footer */
.ftr{background:#06101f;color:#a9c0e3;padding:4rem 0 1.5rem}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.ftr h4{color:#fff;margin-bottom:.8rem}.ftr li{list-style:none}.ftr a:hover{color:var(--c)}
.ftr .logo{display:inline-flex;margin-bottom:1rem}.ftr .logo img{height:60px}
.copy{border-top:1px solid #16294a;margin-top:2rem;padding-top:1rem;text-align:center;font-size:.85rem}
@media(max-width:800px){.fg{grid-template-columns:1fr}}
body.lang-en .scroll,body .scroll{left:50%}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* butterfly logo */
.bf{position:relative;display:block;perspective:420px;filter:drop-shadow(0 0 10px rgba(46,230,240,.5));cursor:pointer;--d:1}
body.lang-fa .bf{--d:-1}
.bf img{display:block;height:55px;width:auto;filter:none}
.bf .bl{clip-path:inset(0 50% 0 0);transform-origin:100% 50%}
.bf .br{position:absolute;left:0;top:0;clip-path:inset(0 0 0 50%);transform-origin:0 50%}
.ftr .bf img{height:60px}
@media(max-width:480px){.hdr .bf img{height:44px}}
.bf.glow{filter:drop-shadow(0 0 16px rgba(46,230,240,.95))}
.mb{position:fixed;z-index:95;pointer-events:none;perspective:200px;will-change:transform,opacity;filter:drop-shadow(0 0 5px rgba(46,230,240,.85)) hue-rotate(var(--h,0deg))}
.mb img{display:block;height:var(--s);width:auto}
.mb .bl{clip-path:inset(0 50% 0 0);transform-origin:100% 50%;animation:mfl var(--f) ease-in-out infinite}
.mb .br{position:absolute;left:0;top:0;clip-path:inset(0 0 0 50%);transform-origin:0 50%;animation:mfr var(--f) ease-in-out infinite}
@keyframes mfl{50%{transform:rotateY(70deg)}}
@keyframes mfr{50%{transform:rotateY(-70deg)}}

.lang-en .lt i{letter-spacing:0;direction:rtl;font-family:'Vazirmatn',system-ui,sans-serif;font-size:.86rem;font-weight:700}

.lt i{white-space:nowrap}
@media(max-width:480px){.lt b{font-size:.9rem}}

/* floating side buttons */
.zk-fabs{position:fixed;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:12px;direction:ltr}
.zk-fabs.side-right{right:0;align-items:flex-end}
.zk-fabs.side-left{left:0;align-items:flex-start}
.zk-fabs .fab{display:flex;flex:0 0 auto;height:56px;align-items:center;direction:rtl;max-width:56px;overflow:hidden;white-space:nowrap;text-decoration:none;color:#05142b;background:var(--g);border-radius:30px 0 0 30px;box-shadow:0 8px 24px rgba(46,230,240,.35);transition:max-width .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s,filter .3s}
.zk-fabs.side-left .fab{direction:ltr;border-radius:0 30px 30px 0}
.zk-fabs .fi{flex:0 0 56px;height:56px;display:flex;align-items:center;justify-content:center}
.zk-fabs .fi svg{width:26px;height:26px}
.zk-fabs .fab-label{display:block;width:max-content;flex:none;padding:0 6px 0 20px;font-weight:700;font-size:.92rem;unicode-bidi:plaintext}
.zk-fabs.side-left .fab-label{padding:0 20px 0 6px}
/* expands exactly to icon + label width (--w is measured by a small script; 320px is only a fallback) */
.zk-fabs .fab:focus-visible{max-width:min(var(--w,320px),calc(100vw - 12px));outline:2px solid #fff;outline-offset:2px}
@media(hover:hover){.zk-fabs .fab:hover{max-width:min(var(--w,320px),calc(100vw - 12px));filter:saturate(1.15);box-shadow:0 10px 30px rgba(46,230,240,.55)}}
@media(max-width:600px){.zk-fabs{gap:9px}.zk-fabs .fab{max-width:46px;height:46px}.zk-fabs .fi{flex-basis:46px;height:46px}.zk-fabs .fi svg{width:22px;height:22px}}
.zk-fabs.v-top{top:var(--fo,80px);transform:none}
.zk-fabs.v-bottom{top:auto;bottom:var(--fo,80px);transform:none}
@media(prefers-reduced-motion:reduce){.zk-fabs .fab{transition:none}}

/* ===== homepage: three audience cards (patient / doctor / student) ===== */
.glow{position:relative}
.glow::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(46,230,240,.16),transparent 62%);opacity:0;transition:opacity .3s;pointer-events:none}
.glow:hover::after{opacity:1}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.4rem}
.paths{position:relative;z-index:5;margin-top:-110px;padding:0 0 3.2rem}
.path{display:block;background:rgba(255,255,255,.98);border-radius:22px;padding:1.8rem;box-shadow:0 24px 60px rgba(10,26,51,.3);border:1px solid #dbe9fb;overflow:hidden;transition:transform .35s,box-shadow .35s}
.path:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(30,136,229,.35)}
.path .pi{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#0d2547,#0a1a33);display:grid;place-items:center;color:#2ee6f0;margin-bottom:1rem;box-shadow:inset 0 0 0 1px rgba(46,230,240,.35)}
.path .pi svg{width:32px;height:32px}
.path h3{color:var(--ink);margin-bottom:.3rem}
.path p{color:var(--mut);font-size:.95rem;min-height:3.4em}
.path .go{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;font-weight:800;color:var(--b)}
.path .go i{font-style:normal;transition:.3s}
.path:hover .go i{transform:translateX(-6px)}
body.lang-en .path:hover .go i{transform:translateX(6px)}
.hero .scroll{display:none}
.hero{padding-bottom:120px}

/* ===== home v3: trust ticker, services gallery, why-us ===== */
.eye{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--b);background:rgba(30,136,229,.09);border:1px solid rgba(30,136,229,.28);padding:.15rem .95rem;border-radius:50px;margin-bottom:.9rem}
.dark .eye{color:var(--c);background:rgba(46,230,240,.08);border-color:rgba(46,230,240,.3)}
.sh{text-align:center;margin-bottom:3rem}
.sh h2{margin-bottom:.5rem}
.sh .sub{margin:0 auto}

.trust{background:#fff;border-block:1px solid #e3eefc;padding:1rem 0;overflow:hidden;direction:ltr}
.tk{display:flex;width:max-content;animation:zmq 45s linear infinite}
.trust.tpause:hover .tk{animation-play-state:paused}
.tb{display:flex;align-items:center;gap:.7rem;white-space:nowrap;padding:.5rem 1.1rem;margin-right:1.2rem;border:1px solid #dbe9fb;border-radius:14px;background:#f5f9ff;unicode-bidi:plaintext}
.tb>svg{width:28px;height:28px;color:var(--b)}
.tb b{color:var(--ink);display:block;line-height:1.3}
.tb small{color:var(--mut);display:block;line-height:1.3}
.tb.tp>svg{color:#7a5cff}
@keyframes zmq{to{transform:translateX(-50%)}}

.labbg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.labbg canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(2.5px) saturate(1.2);opacity:0;animation:zxf 24s ease-in-out infinite}
.labbg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(10,26,51,.1),rgba(10,26,51,.82) 88%),linear-gradient(rgba(10,26,51,.85),transparent 22%,transparent 78%,rgba(10,26,51,.9))}
@keyframes zxf{0%{opacity:0}8%,30%{opacity:.55}40%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.labbg canvas:first-child{opacity:.45;animation:none}.tk{animation:none}}

.svc-sec{position:relative;overflow:hidden}
.svc-sec>.wrap{position:relative;z-index:2}
.svc-more{text-align:center;margin-top:2.5rem}
.meta{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 .2rem}
.meta li{display:flex;align-items:center;gap:.35rem;font-size:.78rem;background:#eef6ff;color:#2c5b94;border-radius:50px;padding:.15rem .7rem}
.meta svg{width:14px;height:14px}
.for{font-size:.85rem;color:var(--mut);margin-top:.5rem}
.for b{color:var(--ink)}
.card .ask{display:inline-flex;align-items:center;gap:.35rem;margin-top:.9rem;font-weight:700;color:var(--b)}
.ask svg{width:16px;height:16px}
body:not(.lang-en) .ask svg{transform:scaleX(-1)}

.car{position:relative;padding:0 3.4rem}
.car-vp{overflow:hidden;padding:.6rem 0 1.2rem}
.car-tr{display:flex;gap:1.4rem;align-items:stretch;will-change:transform}
.car .card.svc{display:flex;flex-direction:column;min-width:0}
.car .card.svc .ask{margin-top:auto;padding-top:.9rem}
.svc-img{margin:-2rem -2rem 1.2rem;height:150px;overflow:hidden}
.svc-img img{width:100%;height:100%;object-fit:cover;display:block}
.car-b{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid rgba(46,230,240,.45);background:rgba(10,26,51,.78);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.car-b:hover,.car-b:focus-visible{background:var(--g);color:#05142b;box-shadow:0 0 18px rgba(46,230,240,.45)}
.car-b.prev{inset-inline-start:0}
.car-b.next{inset-inline-end:0}
.car-b svg{width:20px;height:20px}
html[dir="rtl"] .car-b svg{transform:scaleX(-1)}
.car.nomove .car-b{display:none}
.car.nomove{padding:0}
@media(max-width:700px){.car{padding:0 2.6rem}.car-b{width:38px;height:38px}}

.why-sec{background:#fff}
.why-sec .stats{margin:0 0 3.2rem}
.wi{width:56px;height:56px;border-radius:15px;background:linear-gradient(135deg,#e7f3ff,#d3ebff);color:var(--b);display:grid;place-items:center;margin-bottom:1rem}
.wi svg{width:28px;height:28px}

/* ===== Portal / Academy / Testimonials / FAQ + consultation form (ported from DR-SUN) ===== */
.portal-sec{background:linear-gradient(180deg,#eaf4ff,#f5f9ff);overflow:hidden}
.split{display:grid;grid-template-columns:1fr 1.15fr;gap:3rem;align-items:center}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.ptxt h2{color:var(--ink);font-size:clamp(1.6rem,3vw,2.3rem);text-align:start}
.checks{list-style:none;margin:1.2rem 0 1.6rem}
.checks li{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.6rem}
.checks svg{color:#19b87a;width:22px;height:22px;flex:none;margin-top:.15rem}
.btns{display:flex;gap:.8rem;flex-wrap:wrap}
.btn-l{border-color:var(--ink);color:var(--ink)}
.btn-l:hover{background:var(--ink);color:#fff}
.pvis{position:relative;padding-bottom:84px}
.win{background:#0b1b36;border-radius:16px;box-shadow:0 30px 70px rgba(10,26,51,.35);overflow:hidden;color:#cfe3ff;border:1px solid rgba(46,230,240,.25)}
.wbar{display:flex;align-items:center;gap:.4rem;padding:.6rem .9rem;background:#08142a;font-size:.7rem;color:#6f8fc0;direction:ltr}
.wbar i{width:10px;height:10px;border-radius:50%;background:#ff5f6d}
.wbar i:nth-child(2){background:#ffc857}
.wbar i:nth-child(3){background:#42d392}
.wbar span{margin-inline-start:.8rem;background:#0e2244;padding:.1rem .8rem;border-radius:20px}
.wbody{display:grid;grid-template-columns:54px 1fr;min-height:310px}
.wbody aside{background:#091730;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;color:#5f82b8}
.wbody aside b{color:var(--c);margin-bottom:.4rem}
.wbody aside span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}
.wbody aside .on{background:rgba(46,230,240,.14);color:var(--c)}
.wbody aside svg{width:18px;height:18px}
.wmain{padding:1rem 1.2rem}
.wh{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}
.wh h4{color:#fff}
.wb{background:var(--g);color:#05142b;font-weight:800;font-size:.75rem;border-radius:20px;padding:.2rem .8rem}
.ord{display:grid;grid-template-columns:86px 1fr auto;gap:.6rem;align-items:center;padding:.65rem .8rem;border-radius:12px;background:#0e2244;margin-bottom:.5rem;font-size:.85rem}
.ord b{color:#fff;direction:ltr}
.ord .s{font-style:normal;font-size:.72rem;padding:.12rem .7rem;border-radius:20px;font-weight:700}
.s1{background:rgba(66,211,146,.16);color:#42d392}
.s2{background:rgba(61,139,255,.18);color:#6fb0ff}
.s3{background:rgba(170,120,255,.18);color:#c3a2ff}
.s4{background:rgba(255,200,87,.16);color:#ffc857}
.prog{height:5px;background:#16335f;border-radius:5px;overflow:hidden;margin-top:.3rem}
.prog span{display:block;height:100%;background:var(--g);animation:zpr 3s ease-in-out infinite}
@keyframes zpr{0%{width:20%}60%,100%{width:72%}}
.spark{display:flex;align-items:flex-end;gap:5px;height:60px;margin-top:.9rem}
.spark i{flex:1;background:linear-gradient(var(--c),var(--b));border-radius:4px 4px 0 0;opacity:.85;transform-origin:bottom;animation:zsb 2.6s ease-in-out infinite}
@keyframes zsb{50%{transform:scaleY(.65)}}
.rep{position:absolute;inset-inline-end:-6px;bottom:0;width:min(340px,76%);background:#fff;border-radius:16px;box-shadow:0 26px 60px rgba(10,26,51,.4);border:1px solid #dbe9fb;overflow:hidden}
.rh{background:var(--g);color:#05142b;padding:.7rem 1rem;display:flex;justify-content:space-between;align-items:center}
.rbody{padding:1rem;color:var(--tx)}
.rring{display:flex;gap:1rem;align-items:center;margin-bottom:.8rem}
.rring svg{width:76px;height:76px;flex:none}
.rring ul{list-style:none;font-size:.78rem}
.rring li{display:flex;align-items:center;gap:.4rem}
.rring li i{width:9px;height:9px;border-radius:50%}
.vr{display:grid;grid-template-columns:.7fr 1.3fr auto;gap:.4rem;font-size:.75rem;padding:.4rem 0;border-top:1px dashed #d6e6fa;direction:ltr;align-items:center}
.vr em{font-style:normal;font-weight:800;padding:.05rem .5rem;border-radius:20px;font-size:.68rem}
.c-p{background:#ffe3e6;color:#d22a43}
.c-v{background:#fff1cf;color:#a76d00}
.c-b{background:#d9f7e8;color:#14804f}
.rf{display:flex;gap:.4rem;align-items:center;font-size:.72rem;color:var(--mut);margin-top:.5rem}
.rf svg{width:16px;height:16px;color:#19b87a}
.av{overflow:hidden;border-radius:50%}
.av svg{width:100%;height:100%;display:block}
.chips{display:flex;gap:.3rem;flex-wrap:wrap}
.chips span{font-size:.72rem;background:#eef6ff;color:#2c5b94;border-radius:50px;padding:.1rem .65rem}
.cc{padding:0;overflow:hidden}
.cc .cb{padding:1.3rem 1.6rem 1.6rem}
.cc .chips{margin-bottom:.6rem}
.cov{height:180px;overflow:hidden;background:#06101f}
.cov img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
.card:hover .cov img{transform:scale(1.08)}
.testi{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}
.tq{background:#fff;border-radius:20px;padding:1.6rem;border:1px solid #e1edfc;box-shadow:0 10px 30px rgba(20,60,120,.07)}
.stars{display:flex;gap:2px;color:#ffb400}
.stars svg{width:18px;height:18px;fill:#ffb400}
.tq p{margin:.7rem 0 1.1rem}
.tq .who{display:flex;align-items:center;gap:.8rem}
.tq .av{width:48px;height:48px;flex:none}
.tq small{color:var(--mut)}
.fq{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:start}
@media(max-width:900px){.fq{grid-template-columns:1fr}}
details{background:#fff;border:1px solid #e1edfc;border-radius:14px;margin-bottom:.7rem;padding:.2rem 1.2rem}
summary{cursor:pointer;font-weight:700;padding:.85rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--b);transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding-bottom:1rem;color:var(--mut)}
.cf{background:linear-gradient(160deg,#0d2547,#0a1a33);color:#fff;border-radius:22px;padding:2rem;box-shadow:0 24px 60px rgba(10,26,51,.35);border:1px solid rgba(46,230,240,.3);position:sticky;top:90px}
.cf input,.cf select,.cf textarea{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1rem;color:#fff;font:inherit;margin-bottom:.8rem}
.cf input:focus,.cf select:focus,.cf textarea:focus{outline:none;border-color:var(--c);box-shadow:0 0 0 3px rgba(46,230,240,.2)}
.cf option{color:#000}
.cf ::placeholder{color:#8fb0dc}
.cf button{width:100%;justify-content:center}
.cf .hp{position:absolute;left:-9999px}
.cf .ok{background:rgba(66,211,146,.15);color:#42d392;border-radius:12px;padding:.7rem 1rem;margin-bottom:.8rem}
.qc{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}
.qc a{display:flex;align-items:center;gap:.4rem;font-size:.85rem;border:1px solid rgba(255,255,255,.25);border-radius:50px;padding:.3rem .9rem}
.qc a:hover{background:var(--c);color:#05142b}
.qc svg{width:16px;height:16px}
@media(prefers-reduced-motion:reduce){.tk{animation:none}.spark i,.prog span{animation:none}}
.win{width:90%}
.rep{bottom:-14px}
.pvis{padding-bottom:100px}
@media(max-width:900px){.win{width:100%}.rep{position:relative;inset:auto;width:100%;margin-top:-30px}.pvis{padding-bottom:0}}

/* ===== v4: unified section rhythm, colours, anchors, audience cards ===== */
section[id]{scroll-margin-top:60px}
#consult{scroll-margin-top:100px}

/* tassel on the graduation-cap icon swings like a pendulum */
.a-swing{transform-box:fill-box;transform-origin:50% 0;animation:zkswing 2.2s ease-in-out infinite}
@keyframes zkswing{0%,100%{transform:rotate(22deg)}50%{transform:rotate(-22deg)}}

/* audience cards: no nested links, optional second link, equal heights */
.path{display:flex;flex-direction:column}
.path p{flex:1 0 auto}
.pcover{position:absolute;inset:0;z-index:1;border-radius:inherit}
.golinks{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem;margin-top:auto;padding-top:.9rem;min-height:2.6rem;pointer-events:none}
.path .go{margin-top:0}
.path .go2{pointer-events:auto;display:inline-flex;align-items:center;gap:.4rem;font-weight:800;color:var(--b)}
.path .go2 i{font-style:normal;transition:.3s}
.path .go2:hover i{transform:translateX(-6px)}
body.lang-en .path .go2:hover i{transform:translateX(6px)}

/* section colours: light / dark rhythm that follows the page order */
.svc-sec{background:linear-gradient(180deg,#0a1a33,#0b2146)}
.process-sec{background:#fff}
.process-sec .steps{color:#fff;background:linear-gradient(135deg,#0a1a33,#12427e);padding:2.2rem;border-radius:var(--r);box-shadow:0 24px 60px rgba(10,26,51,.25)}
.process-sec .step p{color:#cfe3ff;font-size:.95rem}
.portal-sec{background:radial-gradient(700px 380px at 92% 8%,rgba(122,92,255,.10),transparent 62%),radial-gradient(700px 380px at 4% 92%,rgba(46,230,240,.15),transparent 62%),linear-gradient(180deg,#eaf4ff,#f5f9ff)}
.testi-sec{background:radial-gradient(800px 380px at 50% 0,rgba(122,92,255,.11),transparent 66%),linear-gradient(180deg,#f7f4ff,#eef6ff)}
.testi-sec .eye{color:#6a4ff0;background:rgba(122,92,255,.09);border-color:rgba(122,92,255,.3)}
.testi-sec .tq{border-color:#e6defc;box-shadow:0 10px 30px rgba(90,70,170,.08)}
.dark.academy-sec{background:radial-gradient(900px 420px at 82% 0,rgba(46,230,240,.13),transparent 62%),radial-gradient(700px 380px at 5% 100%,rgba(122,92,255,.14),transparent 62%),linear-gradient(180deg,#0a1a33,#10284d)}
.blog-sec{background:linear-gradient(180deg,#fff,#f5f9ff)}
.faq-sec{background:radial-gradient(800px 400px at 8% 0,rgba(30,136,229,.10),transparent 62%),linear-gradient(180deg,#eef6ff,#e3f0ff)}

/* ===== about / why-us: expanding cards + stats band (all rules scoped so they don't touch the floating buttons) ===== */
.about-hub{background:radial-gradient(800px 480px at 12% 18%,#e3f1ff,transparent 70%),radial-gradient(700px 420px at 90% 85%,#e9f0ff,transparent 70%),#f7fbff;overflow:hidden}
.about-hub .sh h2{line-height:1.4}
.fcs{display:flex;gap:.8rem;height:380px}
.fcs .fc{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;padding:1.2rem;border-radius:22px;overflow:hidden;cursor:pointer;color:#fff;
 background:radial-gradient(260px circle at 20% 0%,hsl(var(--h) 90% 55% / .38),transparent 70%),linear-gradient(165deg,hsl(var(--h) 65% 24%),#0a1a33 88%);
 border:1px solid rgba(46,230,240,.2);box-shadow:0 14px 34px rgba(10,26,51,.18);transition:flex .75s cubic-bezier(.3,.9,.3,1),box-shadow .5s}
.fcs .fc:hover{box-shadow:0 18px 44px rgba(30,136,229,.35)}
.fcs .fc.on{flex:5.4 1 0;box-shadow:0 26px 64px rgba(10,26,51,.4),0 0 0 1.5px rgba(46,230,240,.6)}
.fcs .fn{align-self:flex-start;font-weight:800;font-size:.85rem;color:rgba(255,255,255,.55);direction:ltr}
.fcs .fi{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;margin:.9rem 0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(46,230,240,.25);color:var(--c);transition:.5s}
.fcs .fi svg{width:82%;height:82%}
.fcs .fc.on .fi{width:80px;height:80px;background:linear-gradient(145deg,#0d2547,#0a1a33);box-shadow:inset 0 0 0 1px rgba(46,230,240,.6),0 0 30px rgba(46,230,240,.5)}
.fcs .fc.on .fi svg{width:84%;height:84%}
.fcs .ft{margin-top:auto;writing-mode:vertical-rl;font-weight:700;white-space:nowrap;transition:opacity .35s}
body.lang-en .fcs .ft{transform:rotate(180deg)}
.fcs .fc.on .ft{opacity:0;position:absolute}
.fcs .fb{position:absolute;bottom:1.4rem;inset-inline-start:1.5rem;width:360px;max-width:calc(100% - 3rem);opacity:0;transform:translateY(18px);transition:opacity .5s .3s,transform .5s .3s;pointer-events:none}
.fcs .fc.on .fb{opacity:1;transform:none}
.fcs .fb h3{font-size:1.5rem;margin-bottom:.4rem;color:#fff}
.fcs .fb p{color:#c3dafa}
.fcs .hbar{height:3px;border-radius:3px;margin-top:1rem;overflow:hidden;background:rgba(255,255,255,.18)}
.fcs .hbar i{display:block;height:100%;width:0;background:var(--g)}
.fcs .fc.on .hbar i{animation:zhb 5.2s linear forwards}
@keyframes zhb{to{width:100%}}
.mstats{margin-top:3rem;background:linear-gradient(135deg,#0d2547,#0a1a33);border-radius:24px;padding:1.8rem 1.2rem;box-shadow:0 24px 60px rgba(10,26,51,.3);border:1px solid rgba(46,230,240,.25)}
.mstats .stats{margin:0;color:#b9d3f5}
.mstats .stats>div{position:relative;padding-inline:.6rem}
.mstats .stats>div+div::before{content:"";position:absolute;inset-inline-start:-.75rem;top:12%;bottom:12%;width:1px;background:rgba(255,255,255,.14)}
@media(max-width:800px){
 .fcs{flex-direction:column;height:auto}
 .fcs .fc{flex:none;display:block;padding:1rem 1.2rem;transition:box-shadow .5s}.fcs .fc.on{flex:none}
 .fcs .fn{position:absolute;left:1.2rem;top:1rem}body.lang-en .fcs .fn{left:auto;right:1.2rem}
 .fcs .fb h3{display:none}
 .fcs .fi,.fcs .fc.on .fi{float:inline-start;margin:0;margin-inline-end:.9rem;width:48px;height:48px}
 .fcs .fi svg,.fcs .fc.on .fi svg{width:84%;height:84%}
 .fcs .ft{writing-mode:horizontal-tb;display:block;line-height:48px;transform:none!important}
 .fcs .fc.on .ft{position:static;opacity:1}
 .fcs .fb{position:static;width:auto;max-width:none;margin-top:1rem;display:none;opacity:1;transform:none;clear:both}
 .fcs .fc.on .fb{display:block}
 .mstats .stats>div+div::before{display:none}}
@media(prefers-reduced-motion:reduce){.fcs .fc,.fcs .fb{transition:none}.fcs .fc.on .hbar i{animation:none;width:100%}}

/* animated icons inside the cards above */
.fcs .a-float,.fcs .a-float2,.fcs .a-sway,.fcs .a-spin,.fcs .a-breathe{transform-box:fill-box}
.fcs .a-pulse{animation:zp 2.2s ease-in-out infinite}@keyframes zp{50%{opacity:.2}}
.fcs .a-blink{animation:zbl 1s steps(2) infinite}@keyframes zbl{50%{opacity:0}}
.fcs .a-float{animation:zf 3.2s ease-in-out infinite}.fcs .a-float2{animation:zf 3.2s ease-in-out -1.6s infinite reverse}@keyframes zf{50%{transform:translateY(-2.6px)}}
.fcs .a-sway{transform-origin:center;animation:zsw 4s ease-in-out infinite}@keyframes zsw{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.fcs .a-spin{transform-origin:center;animation:zsp 12s linear infinite}@keyframes zsp{to{transform:rotate(360deg)}}
.fcs .a-breathe{transform-origin:center;animation:zb 3s ease-in-out infinite}@keyframes zb{50%{transform:scale(1.08)}}
.fcs .a-type,.fcs .a-draw{stroke-dasharray:1 1;stroke-dashoffset:1;animation:zt 3.2s ease-in-out infinite}@keyframes zt{0%{stroke-dashoffset:1}35%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.fcs .a-bub{animation:zbub 2.8s ease-in infinite}@keyframes zbub{0%{transform:translateY(4px);opacity:0}30%{opacity:1}100%{transform:translateY(-12px);opacity:0}}
.fcs .a-shackle{animation:zsh 3.2s ease-in-out infinite}@keyframes zsh{0%,55%,100%{transform:translateY(0)}68%,88%{transform:translateY(-2.4px)}}
.fcs .a-flow{stroke-dasharray:3 3;animation:zfl 1s linear infinite}@keyframes zfl{to{stroke-dashoffset:-6}}
.fcs .a-hand{transform-origin:24px 27px;animation:zsp 5s linear infinite}
.fcs .a-beat{transform-origin:26px 11px;animation:zbeat 1.4s ease-in-out infinite}@keyframes zbeat{0%,100%{transform:scale(1)}30%{transform:scale(1.22)}}
@media(prefers-reduced-motion:reduce){.fcs .a-type,.fcs .a-draw{stroke-dashoffset:0!important}}

/* ===== articles page (sidebar + featured) and homepage articles gallery ===== */
.ac-th[data-k="0"],.ag-img[data-k="0"]{--a:#1e88e5;--z:#2ee6f0}
.ac-th[data-k="1"],.ag-img[data-k="1"]{--a:#7a5cff;--z:#1e88e5}
.ac-th[data-k="2"],.ag-img[data-k="2"]{--a:#12a58f;--z:#2ee6f0}
.ac-th[data-k="3"],.ag-img[data-k="3"]{--a:#0a1a33;--z:#1e88e5}
.ac-th[data-k],.ag-img[data-k]{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.28) 0 2px,transparent 3px) 0 0/22px 22px,linear-gradient(135deg,var(--a),var(--z))}
.phead .eye{color:var(--c);background:rgba(46,230,240,.08);border-color:rgba(46,230,240,.3)}
.phead.art-head p{max-width:680px;margin:.4rem auto 0}

/* Articles only: talent assessment also uses art-head, so use a unique marker. */
.phead.art-portal-head{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;min-height:610px;
  padding:calc(var(--zk-header-height,74px) + 90px) 0 88px;
  background:#061629;color:#fff;text-align:start;
}
.phead.art-portal-head::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:#061629 url('assets/img/articles-portal-hero-v1.webp') center center/cover no-repeat;
}
.phead.art-portal-head::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(3,14,32,.02) 0%,rgba(3,14,32,.18) 42%,rgba(3,14,32,.64) 66%,rgba(3,14,32,.83) 100%);
}
.phead.art-portal-head .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}
body.lang-fa .phead.art-portal-head .wrap{direction:rtl;text-align:right}
body.lang-en .phead.art-portal-head .wrap{direction:ltr;text-align:left}
body.lang-en .phead.art-portal-head::before{transform:scaleX(-1)}
body.lang-en .phead.art-portal-head::after{background:linear-gradient(270deg,rgba(3,14,32,.02) 0%,rgba(3,14,32,.18) 42%,rgba(3,14,32,.64) 66%,rgba(3,14,32,.83) 100%)}
.phead.art-portal-head .zk-hero-overline{margin-bottom:1.15rem}
.phead.art-portal-head h1{font-size:clamp(2.65rem,5.1vw,4.5rem);line-height:1.4;color:#fff;font-weight:800;margin:0 0 1rem;text-shadow:0 3px 20px #04101c77}
.phead.art-portal-head p{max-width:535px;font-size:clamp(.98rem,1.45vw,1.13rem);line-height:2;color:#d8eafd;margin:0;text-shadow:0 2px 12px #04101c8c}
body.lang-en .phead.art-portal-head p{line-height:1.85}
@media(max-width:760px){
  .phead.art-portal-head{min-height:510px;align-items:flex-start;padding:calc(var(--zk-header-height,68px) + 93px) 0 72px}
  .phead.art-portal-head::before{background-position:35% center}
  .phead.art-portal-head::after,body.lang-en .phead.art-portal-head::after{background:linear-gradient(180deg,rgba(3,14,32,.87),rgba(3,14,32,.65) 64%,rgba(3,14,32,.77))}
  .phead.art-portal-head h1{font-size:clamp(2.05rem,8.5vw,2.8rem)}
  .phead.art-portal-head p{font-size:.98rem;max-width:100%}
}

.art-lay{display:grid;grid-template-columns:270px 1fr;gap:1.8rem;align-items:start}
.art-side{position:sticky;top:5.6rem;background:#fff;border:1px solid #e3eefc;border-radius:18px;padding:1.1rem;box-shadow:0 8px 26px rgba(20,60,120,.06)}
.art-side h4{margin:1.1rem 0 .5rem;font-size:.9rem;color:var(--ink)}
.art-q{width:100%;font:inherit;font-size:.9rem;background:#f5f9ff;border:1px solid #dbe9fb;border-radius:12px;padding:.5rem .8rem;color:var(--ink)}
.art-q:focus{outline:2px solid var(--b);outline-offset:1px}
.art-cats{list-style:none;margin:0;padding:0}
.art-cats button{display:flex;justify-content:space-between;width:100%;font:inherit;font-size:.9rem;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:10px;padding:.3rem .8rem;margin-bottom:2px;cursor:pointer;text-align:start;transition:background .2s}
.art-cats button span{color:var(--mut)}
.art-cats button:hover{background:#eef6ff}
.art-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.art-tags button{font:inherit;font-size:.85rem;color:var(--ink);background:#fff;border:1px solid #dbe9fb;border-radius:50px;padding:.1rem .85rem;cursor:pointer;transition:border-color .2s}
.art-tags button:hover{border-color:var(--b)}
.art-side button.on{background:var(--g);color:#05142b;border-color:transparent;font-weight:700}
.art-side button.on span{color:#05142b}
.art-cnt{color:var(--mut);font-size:.85rem;margin-bottom:.9rem}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}
.ac{display:flex;flex-direction:column;background:#fff;border:1px solid #e3eefc;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(20,60,120,.07);transition:transform .3s,box-shadow .3s}
.ac[hidden]{display:none}
.ac:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(20,60,120,.14)}
.ac-th{height:130px;overflow:hidden}
.ac-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.ac:hover .ac-th img{transform:scale(1.05)}
.ac-b{padding:1.2rem 1.3rem 1.3rem;display:flex;flex-direction:column;flex:1}
.ac .ct,.ag .ct{align-self:flex-start;font-size:.75rem;font-weight:700;color:var(--b);background:#eaf4ff;border-radius:50px;padding:0 .7rem;margin-bottom:.5rem}
.ac h3{margin:0 0 .4rem;font-size:1.05rem;line-height:1.7;color:var(--ink)}
.ac p{margin:0 0 .8rem;color:var(--mut);font-size:.9rem}
.ac-m{margin-top:auto;display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;color:var(--mut)}
.ac-m b{color:var(--b);white-space:nowrap}
.ac-ft{display:none;font-size:.78rem;font-weight:700;color:#7a5cff;margin-bottom:.35rem}
.ac.feat{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}
.ac.feat .ac-th{height:100%;min-height:230px}
.ac.feat h3{font-size:1.4rem}
.ac.feat .ac-ft{display:block}
.art-empty{text-align:center;color:var(--mut);padding:3rem 0}
.art-cta{position:relative;margin-top:1.2rem;padding:1.4rem 1.3rem;border-radius:18px;color:#fff;overflow:hidden;background:radial-gradient(240px 160px at 90% 0,rgba(46,230,240,.35),transparent),linear-gradient(135deg,#0a1a33,#1763b8)}
.art-cta-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.12);margin-bottom:.7rem}
.art-cta-ic svg{width:24px;height:24px}
.art-cta b{display:block;font-size:1.15rem;margin-bottom:.3rem}
.art-cta p{margin:0 0 1rem;color:#cfe3ff;font-size:.9rem}
.art-cta .btn{width:100%;justify-content:center}
.art-cta small{display:block;margin-top:.6rem;text-align:center;color:#9fc3ee;font-size:.78rem}
.art-cta-bot{display:none;margin-top:1.6rem}
.art-after{max-width:860px;margin:-2rem auto 4rem}
.art-back{display:inline-block;margin:0 0 1rem;font-weight:700;color:var(--b)}
@media(max-width:850px){.art-lay{grid-template-columns:1fr}.art-side{position:static}.art-cta-side{display:none}.art-cta-bot{display:block}.ac.feat{grid-template-columns:1fr}.ac.feat .ac-th{min-height:140px}}

/* ---- article page: breadcrumb, meta chips, related, browse-all ---- */
.bc{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;margin-bottom:1rem;color:#9fc3ee}
.bc a{color:#cfe3ff;transition:color .2s}.bc a:hover{color:var(--c)}
.bc i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(135deg);opacity:.6}
html[dir="ltr"] .bc i{transform:rotate(-45deg)}
.bc span{max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:600}
.art-post-head h1{max-width:820px;margin-inline:auto}
.am{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.1rem}
.am span{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#cfe3ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:50px;padding:.1rem .95rem}
.am svg{width:16px;height:16px}
.art-rel{margin:3.2rem 0 2rem}
.art-rel .sh{margin-bottom:1.6rem}
.art-rel h2{font-size:1.5rem}
.art-browse{position:relative;overflow:hidden;margin:2.5rem 0 4.5rem;padding:2.2rem 1.5rem;text-align:center;border-radius:24px;background:radial-gradient(260px 160px at 10% 0,rgba(70,230,240,.25),transparent),radial-gradient(260px 160px at 95% 100%,rgba(138,108,255,.18),transparent),linear-gradient(135deg,#f0f8ff,#ebf3ff);border:1px solid #d6e8fb}
.art-browse p{margin:0 0 1.2rem;font-weight:600;color:var(--ink)}

/* ---- fancy pill button ---- */
.fx-btn{position:relative;display:inline-flex;align-items:center;gap:.9rem;padding-block:.4rem;padding-inline:1.6rem .45rem;border-radius:60px;font-weight:800;color:#05142b;background:linear-gradient(110deg,#46e6f0,#3d8bff,#8a6cff,#46e6f0);background-size:260% 100%;animation:fxg 7s linear infinite;box-shadow:0 10px 28px rgba(61,139,255,.38),0 0 0 5px rgba(70,230,240,.13);overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.fx-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-130%);transition:transform .9s}
.fx-btn::after{content:"✦";position:absolute;top:3px;inset-inline-end:48px;font-size:.7rem;color:#fff;opacity:.85;animation:fxs 2.4s ease-in-out infinite}
.fx-btn:hover::before{transform:translateX(130%)}
.fx-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 36px rgba(61,139,255,.5),0 0 0 7px rgba(70,230,240,.2)}
.fx-btn:active{transform:translateY(0) scale(.98)}
.fx-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.fx-btn i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0a1a33;color:#46e6f0;box-shadow:inset 0 0 0 1px rgba(70,230,240,.4);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.fx-btn i svg{width:18px;height:18px}
html[dir="rtl"] .fx-btn i svg{transform:scaleX(-1)}
.fx-btn:hover i{transform:translateX(-4px) rotate(-12deg)}
html[dir="ltr"] .fx-btn:hover i{transform:translateX(4px) rotate(12deg)}
@keyframes fxg{to{background-position:260% 0}}
@keyframes fxs{50%{opacity:.15;transform:scale(.6) rotate(40deg)}}

/* ---- homepage articles gallery ---- */
.art-home{position:relative;overflow:hidden}
.art-home::before,.art-home::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(70px);pointer-events:none}
.art-home::before{top:-120px;inset-inline-start:-120px;background:radial-gradient(circle,#46e6f0,transparent 70%);opacity:.3}
.art-home::after{bottom:-140px;inset-inline-end:-120px;background:radial-gradient(circle,#8a6cff,transparent 70%);opacity:.2}
.art-home>.wrap{position:relative;z-index:1}
.ag{position:relative;padding:0 3.2rem}
.ag-vp{overflow:hidden;padding:.8rem .3rem 1.3rem;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent);mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent)}
.ag-tr{display:flex;gap:1.2rem;will-change:transform}
.ag-c{display:flex;flex-direction:column;flex:0 0 auto;min-width:0;background:rgba(255,255,255,.94);border:1px solid #e0edfc;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(20,60,120,.08);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.ag-c:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(30,100,200,.18);border-color:#9fd8f7}
.ag-img{position:relative;height:150px;overflow:hidden}
.ag-img::after{content:"";position:absolute;inset:auto 0 0 0;height:65%;background:linear-gradient(transparent,rgba(8,20,45,.55))}
.ag-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}
.ag-c:hover .ag-img img{transform:scale(1.07)}
.ag-img .ct{position:absolute;z-index:2;margin:0;bottom:.7rem;inset-inline-start:.9rem;font-size:.74rem;font-weight:700;color:#fff;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.05rem .8rem;border-radius:50px}
.ag-b{padding:1rem 1.15rem 1.1rem;display:flex;flex-direction:column;flex:1}
.ag-c h3{margin:0 0 .35rem;font-size:1rem;line-height:1.65;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ag-c p{margin:0 0 .8rem;color:var(--mut);font-size:.86rem;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ag-go{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--b);font-size:.85rem}
.ag-go i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--g);color:#05142b;transition:transform .35s}
.ag-go i svg{width:15px;height:15px}
html[dir="rtl"] .ag-go i svg{transform:scaleX(-1)}
.ag-c:hover .ag-go i{transform:translateX(-5px)}
html[dir="ltr"] .ag-c:hover .ag-go i{transform:translateX(5px)}
.ag-nav{position:absolute;top:calc(50% - .6rem);transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:#0a1a33;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--g) border-box;box-shadow:0 8px 22px rgba(30,136,229,.28),0 0 0 6px rgba(70,230,240,.1);transition:transform .3s,box-shadow .3s,background .3s}
.ag-nav:hover{background:var(--g);transform:translateY(-50%) scale(1.1);box-shadow:0 10px 28px rgba(46,230,240,.5),0 0 0 8px rgba(70,230,240,.16)}
.ag-nav:active{transform:translateY(-50%) scale(.95)}
.ag-nav:focus-visible{outline:3px solid var(--b);outline-offset:3px}
.ag-nav svg{width:20px;height:20px}
html[dir="rtl"] .ag-nav svg{transform:scaleX(-1)}
.ag-prev{inset-inline-start:0}
.ag-next{inset-inline-end:0}
.ag.nomove,.ag.noarr{padding:0}
.ag.nomove .ag-nav,.ag.noarr .ag-nav{display:none}
.ag-bar{height:3px;width:min(200px,60%);margin:.1rem auto 0;border-radius:3px;background:#dbe9fb;overflow:hidden}
.ag-bar i{display:block;height:100%;width:0;background:var(--g)}
@keyframes agbar{to{width:100%}}
.art-more{text-align:center;margin-top:2.2rem}
@media(max-width:700px){.ag{padding:0 2.3rem}.ag-nav{width:38px;height:38px}.ag-tr{gap:1rem}.ag-img{height:140px}}
@media(prefers-reduced-motion:reduce){.ag-bar{display:none}.ac,.ag-c,.fx-btn,.ag-nav{transition:none}.fx-btn,.fx-btn::after{animation:none}}

/* ===== Services page: immersive bilingual three-panel hero ===== */
.phead.sp-head{position:relative;isolation:isolate;min-height:700px;overflow:hidden;padding:calc(var(--zk-header-height,74px) + 50px) 0 125px;background:#061b3c;text-align:center}
.phead.sp-head::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('assets/img/services-triptych-v1.webp');background-position:center;background-repeat:no-repeat;background-size:cover}
body.lang-en .phead.sp-head::before{transform:scaleX(-1)}
.phead.sp-head::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,13,31,.95) 0%,rgba(3,15,34,.84) 25%,rgba(3,15,34,.48) 58%,rgba(3,15,34,.12) 78%,rgba(3,15,34,.56) 100%)}
.phead.sp-head .wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(72px,10vw,135px)}
.phead.sp-head h1{margin:.5rem 0 .8rem;font-size:clamp(2.35rem,4.5vw,3.8rem);line-height:1.4;color:#fff;text-shadow:0 4px 26px rgba(0,7,24,.6)}
.phead.sp-head p{max-width:750px;margin:0 auto;color:#e0efff;font-size:clamp(1.04rem,1.45vw,1.18rem);line-height:1.95;text-shadow:0 2px 18px rgba(0,7,24,.75)}
.sp-hero-labels{position:absolute;bottom:33px;left:0;right:0;z-index:2;direction:ltr;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;padding:0 2%}
.sp-hero-labels span{justify-self:center;max-width:98%;display:inline-block;direction:rtl;text-align:center;color:#f6ffff;font-size:clamp(.79rem,1.05vw,.97rem);font-weight:800;line-height:1.75;padding:.4rem 1.2rem;background:rgba(3,25,50,.77);border:1px solid rgba(69,225,245,.56);border-radius:100px;box-shadow:0 10px 25px rgba(0,11,34,.36);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.lang-en .sp-hero-labels span{direction:ltr}
@media(max-width:960px){
  .phead.sp-head{min-height:clamp(620px,88vw,800px);padding:calc(var(--zk-header-height,70px) + 38px) 0 calc(40vw + 100px)}
  .phead.sp-head::before{inset:auto 0 79px;height:40vw;background-position:center;background-size:100% auto}
  .phead.sp-head::after{background:linear-gradient(180deg,rgba(3,13,31,.99) 0%,rgba(3,15,34,.97) 25%,rgba(3,15,34,.56) 48%,rgba(3,15,34,.03) 69%,rgba(3,15,34,.05) 100%)}
  .phead.sp-head .wrap{padding:0 1%}
  .phead.sp-head h1{font-size:clamp(2.15rem,5vw,3.15rem)}
  .phead.sp-head p{font-size:clamp(.94rem,2vw,1.07rem);line-height:1.9}
  .sp-hero-labels{bottom:18px;gap:.4rem;padding:0 1%}
  .sp-hero-labels span{font-size:clamp(.67rem,1.85vw,.86rem);padding:.32rem .45rem;line-height:1.55}
}
@media(max-width:480px){
  .phead.sp-head{min-height:600px;padding-top:calc(var(--zk-header-height,64px) + 35px);padding-bottom:calc(40vw + 108px)}
  .phead.sp-head h1{font-size:clamp(2rem,8vw,2.65rem)}
  .phead.sp-head p{font-size:.94rem}
  .sp-hero-labels span{font-size:.68rem;padding:.4rem .24rem;line-height:1.5}
}
.sp-sec{padding-top:0}
.sp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:-1.75rem auto 2.6rem;position:relative;z-index:2}
.sp-tabs button{display:inline-flex;align-items:center;gap:.55rem;font:inherit;font-weight:700;cursor:pointer;border:1px solid #cfe2fa;background:#fff;color:var(--ink);padding:.55rem 1.25rem;border-radius:50px;box-shadow:0 8px 22px rgba(20,60,120,.1);transition:.25s}
.sp-tabs button i{font-style:normal;font-size:.74rem;min-width:1.55rem;height:1.55rem;padding:0 .3rem;display:inline-grid;place-items:center;border-radius:50px;background:#e7f3ff;color:var(--b)}
.sp-tabs button:hover{transform:translateY(-2px)}
.sp-tabs button.on{background:var(--g);border-color:transparent;color:#05142b;box-shadow:0 8px 24px rgba(46,230,240,.4)}
.sp-tabs button.on i{background:rgba(255,255,255,.6);color:#05142b}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem}
.sp-card{--k:#1e88e5;--kb:rgba(30,136,229,.1);display:flex;flex-direction:column;padding:2rem 1.8rem 1.5rem}
.sp-card[data-cat="data"]{--k:#7a5cff;--kb:rgba(122,92,255,.1)}
.sp-card[data-cat="consult"]{--k:#12b8a6;--kb:rgba(18,184,166,.12)}
.sp-card::before{background:linear-gradient(90deg,var(--k),var(--c))}
.sp-card[hidden]{display:none}
.sp-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(20,60,120,.16)}
.sp-n{position:absolute;top:1rem;inset-inline-end:1.3rem;font-weight:800;font-size:2.5rem;line-height:1;color:var(--k);opacity:.13;pointer-events:none}
.sp-chip{align-self:flex-start;font-size:.78rem;font-weight:700;color:var(--k);background:var(--kb);padding:.1rem .85rem;border-radius:50px;margin-bottom:.7rem}
.sp-card p{color:var(--mut);flex:1}
.sp-go{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:1.2rem;padding-top:1rem;border-top:1px dashed #d3e4fa;color:var(--k);font-weight:700}
.sp-go svg{width:18px;height:18px;transition:.3s}
body:not(.lang-en) .sp-go svg{transform:scaleX(-1)}
.sp-go:hover svg{transform:translateX(4px)}
body:not(.lang-en) .sp-go:hover svg{transform:scaleX(-1) translateX(4px)}
.sp-cta p{max-width:620px;margin:.5rem auto 0;color:#0b2a52}
@media(max-width:600px){.sp-grid{grid-template-columns:1fr}.sp-tabs{margin-top:-1.5rem}}

/* ===== Services page: comparison table, expert consulting, workflow, FAQ ===== */
.sp-cmp{background:#fff}
.cmp-wrap{overflow-x:auto;border-radius:var(--r);box-shadow:0 14px 40px rgba(20,60,120,.12);border:1px solid #dbe8fa;background:#fff}
.cmp{width:100%;border-collapse:separate;border-spacing:0}
.cmp thead th{background:linear-gradient(135deg,#0a1a33,#12427e);color:#fff;padding:1rem 1.15rem;text-align:start;font-size:.9rem;font-weight:700;white-space:nowrap}
.cmp tbody th,.cmp tbody td{padding:1rem 1.15rem;text-align:start;border-bottom:1px solid #e3eefc;font-size:.92rem;line-height:1.8;vertical-align:middle;color:var(--tx)}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp tbody tr:nth-child(even){background:#f7fbff}
.cmp tbody tr{transition:background .25s}
.cmp tbody tr:hover{background:#eaf5ff}
.cmp tbody tr.hl{background:linear-gradient(90deg,rgba(46,230,240,.14),transparent)}
.cmp tbody th{font-weight:700;color:var(--ink);min-width:230px}
.cmp-n{display:flex;align-items:center;gap:.8rem}
.cmp-i{flex:none;width:46px;height:46px;border-radius:12px;background:linear-gradient(145deg,#0d2547,#0a1a33);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(46,230,240,.35)}
.cmp-i svg{width:30px;height:30px;color:#46e6f0}
.cmp-b{display:inline-block;margin-inline-start:.5rem;font-style:normal;font-size:.7rem;font-weight:700;background:var(--g);color:#05142b;border-radius:50px;padding:0 .65rem}
.cmp-note{margin-top:1.1rem;text-align:center;color:var(--mut);font-size:.88rem}
.cmp-act{text-align:center;margin-top:1.4rem}
@media(max-width:860px){
  .cmp-wrap{overflow:visible;border:0;box-shadow:none;background:transparent}
  .cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block}
  .cmp thead{display:none}
  .cmp tbody tr,.cmp tbody tr:nth-child(even){background:#fff;border:1px solid #dbe8fa;border-radius:var(--r);padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:0 8px 24px rgba(20,60,120,.08)}
  .cmp tbody th{min-width:0;border:0;padding:0 0 .6rem}
  .cmp tbody td{display:flex;justify-content:space-between;gap:1rem;border:0;border-top:1px dashed #d6e6fa;padding:.55rem 0}
  .cmp tbody td::before{content:attr(data-l);flex:0 0 36%;font-weight:700;color:var(--b);font-size:.85rem}
}

.sp-con{background:radial-gradient(700px 360px at 85% 0,rgba(46,230,240,.14),transparent 62%),radial-gradient(600px 360px at 0 100%,rgba(122,92,255,.16),transparent 62%),linear-gradient(180deg,#0a1a33,#10284d)}
.con-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}
.con-txt h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.5;margin:.8rem 0 .6rem}
.con-txt .sub{text-align:start;margin:0 0 1.2rem;color:#aac4ea;max-width:none}
.con-who{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.6rem}
.con-who li{display:flex;align-items:center;gap:.4rem;padding:.25rem .95rem;border-radius:50px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#e6f1ff;font-size:.88rem}
.con-who svg{width:16px;height:16px;color:var(--c)}
.con-btns{display:flex;gap:.8rem;flex-wrap:wrap}
.con-cards{display:grid;gap:1rem}
.con-c{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.3rem;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .35s,border-color .35s,background .35s}
.con-c:hover{transform:translateY(-4px);border-color:rgba(46,230,240,.55);background:rgba(255,255,255,.1)}
.con-c .ico{margin:0;flex:none;width:58px;height:58px}
.con-c .ico svg{width:40px!important;height:40px!important}
.con-c h3{color:#fff;font-size:1.05rem;margin-bottom:.2rem}
.con-c p{color:#aac4ea;font-size:.9rem;line-height:1.8}
@media(max-width:900px){.con-grid{grid-template-columns:1fr;gap:2rem}}

.sp-flow{background:linear-gradient(180deg,#f5f9ff,#fff)}
.fl{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.fl-s{position:relative;text-align:center;padding:0 .3rem}
.fl-i{position:relative;width:68px;height:68px;margin:0 auto 1rem;border-radius:20px;background:linear-gradient(145deg,#0d2547,#0a1a33);display:grid;place-items:center;z-index:1;box-shadow:0 10px 24px rgba(10,26,51,.25),inset 0 0 0 1px rgba(46,230,240,.4);transition:transform .35s,box-shadow .35s}
.fl-i>svg{width:36px;height:36px;color:#46e6f0}
.fl-s:hover .fl-i{transform:translateY(-5px) scale(1.05);box-shadow:0 14px 30px rgba(46,230,240,.4),inset 0 0 0 1px #2ee6f0}
.fl-n{position:absolute;top:-9px;inset-inline-end:-9px;width:26px;height:26px;border-radius:50%;background:var(--g);color:#05142b;font-weight:800;font-size:.72rem;display:grid;place-items:center;box-shadow:0 4px 10px rgba(46,230,240,.45)}
.fl-s:not(:last-child)::after{content:"";position:absolute;top:34px;inset-inline-start:calc(50% + 46px);inset-inline-end:calc(-50% + 46px);height:2px;background:repeating-linear-gradient(90deg,#9fd8f7 0 6px,transparent 6px 12px)}
.fl-t h3{font-size:1rem;color:var(--ink);margin-bottom:.3rem;line-height:1.6}
.fl-t p{font-size:.86rem;color:var(--mut);line-height:1.8}
@media(max-width:1000px){
  .fl{grid-template-columns:1fr;max-width:560px;margin-inline:auto;gap:0}
  .fl-s{display:grid;grid-template-columns:68px 1fr;gap:0 1.1rem;text-align:start;padding:0 0 1.7rem}
  .fl-i{margin:0}
  .fl-s:not(:last-child)::after{top:76px;bottom:6px;inset-inline-start:33px;inset-inline-end:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,#9fd8f7 0 6px,transparent 6px 12px)}
}

.sp-faq{background:#fff}
.sq{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.4rem;align-items:start}
.sq details{background:#fff;border:1px solid #dbe8fa;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(20,60,120,.06);transition:border-color .3s,box-shadow .3s}
.sq details[open]{border-color:#9fd8f7;box-shadow:0 12px 30px rgba(30,136,229,.14)}
.sq summary{cursor:pointer;list-style:none;padding:1rem 1.2rem;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:1rem;line-height:1.7}
.sq summary::-webkit-details-marker{display:none}
.sq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e7f3ff;color:var(--b);font-weight:800;transition:background .3s}
.sq details[open] summary::after{content:"–";background:var(--g);color:#05142b}
.sq details p{padding:0 1.2rem 1.1rem;color:var(--mut);line-height:1.9;font-size:.93rem}
@media(max-width:800px){.sq{grid-template-columns:1fr}}

/* ===== Home: compact services gallery (same model as the articles gallery) ===== */
.svc-ag{padding:0 3.2rem}
.svc-ag .ag-img.svc-top{height:104px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(46,230,240,.3),transparent 60%),linear-gradient(145deg,#0d2547,#0a1a33)}
.svc-ag .ag-img.svc-top::after{display:none}
.svc-ag .svc-ico svg{width:56px;height:56px;color:#46e6f0}
.svc-ag .ag-c{border-color:rgba(255,255,255,.18)}
.svc-ag .ag-c:hover{border-color:#46e6f0;box-shadow:0 18px 40px rgba(46,230,240,.22)}
.svc-ag .ag-bar{background:rgba(255,255,255,.2)}
.svc-ag .ag-nav{background:linear-gradient(#0a1a33,#0a1a33) padding-box,var(--g) border-box;color:#fff}
.svc-ag .ag-nav:hover{background:var(--g);color:#05142b}
@media(max-width:700px){.svc-ag{padding:0 2.3rem}}

/* ===== Services page: selection guide + advanced comparison ===== */
.sp-guide{background:linear-gradient(180deg,#f4f8fd,#fff)}
.sg-top{margin-bottom:1.3rem}
.sg-call{display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;border:1px solid #bfe7ed;border-inline-end:4px solid #0ea4b7;border-radius:18px;background:linear-gradient(180deg,#f5fcfd,#edf8fb);box-shadow:0 8px 24px rgba(20,60,120,.06)}
.sg-call .i{flex:none;width:42px;height:42px}
.sg-call p{margin:0;color:var(--ink);line-height:2;font-weight:600}
.sg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.sg-card{position:relative;text-align:start;font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.35rem 1.1rem 1.1rem;background:#fff;border:1px solid #dbe5ef;border-radius:18px;box-shadow:0 8px 22px rgba(20,60,120,.06);transition:transform .25s,box-shadow .25s,border-color .25s;cursor:default}
.sg-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(20,60,120,.12)}
.sg-card.on{border-color:#0ea4b7;box-shadow:0 16px 34px rgba(14,164,183,.16)}
.sg-no{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#0f8ca0,#0c6e95);color:#fff;font-weight:800;font-size:1rem;margin-bottom:.2rem}
.sg-card h3{font-size:1rem;line-height:1.8;margin:0;color:var(--ink)}
.sg-card p{margin:0;color:var(--mut);font-size:.92rem;line-height:1.95}
.sg-hints{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.6rem}
.sg-hint{display:flex;align-items:flex-start;gap:.9rem;padding:1.05rem 1.1rem;border-radius:18px;border:1px solid #dae6f2;background:#fff;box-shadow:0 8px 22px rgba(20,60,120,.05)}
.sg-hint strong{display:block;font-size:.97rem;color:var(--ink);margin-bottom:.22rem}
.sg-hint p{margin:0;color:var(--mut);font-size:.9rem;line-height:1.9}
.sg-hint.sg-warn{background:#fff6ea;border-color:#f2d49a}
.sg-hint.sg-info{background:#eef7ff;border-color:#cfe0f4}
.sg-hico{flex:none;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:900}
.sg-warn .sg-hico{background:#fde5b5;color:#a86c00}
.sg-info .sg-hico{background:#dbeafc;color:#2a64a2}
.sg-table{margin-bottom:1.35rem}
.cmp-adv tbody tr.is-focus,.cmp-adv tbody tr.is-focus:hover{background:linear-gradient(90deg,rgba(46,230,240,.18),rgba(17,77,122,.04))!important}
.cmp-adv tbody tr th strong{display:block;font-size:1.02rem;color:var(--ink)}
.cmp-adv tbody tr th small{display:block;color:var(--mut);font-size:.83rem;margin-top:.1rem}
.sg-k{display:inline-block;padding:.26rem .7rem;border-radius:999px;background:#edf7ff;color:#205a8d;font-size:.82rem;font-weight:700}
.sg-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.2rem 0;border-top:1px solid #dde8f5}
.sg-bottom p{margin:0;color:var(--ink);line-height:2;max-width:780px}
@media(max-width:980px){.sg-grid{grid-template-columns:1fr 1fr}.sg-hints{grid-template-columns:1fr}.sg-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.sg-grid{grid-template-columns:1fr}.sg-call{align-items:flex-start}.sg-call .i{display:none}}

/* ===== Services page: dual consultation paths ===== */
.sp-paths{background:linear-gradient(180deg,#f7fbff,#eef4fb)}
.sp-paths .sec-head{text-align:center;max-width:790px;margin:0 auto 2.5rem}
.sp-paths .sec-head p{max-width:720px;margin-inline:auto;color:var(--mut);line-height:1.9}
.spath-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.7rem;align-items:stretch}
.spath-card{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 20px 46px rgba(20,60,120,.1)}
.spath-card.dark{background:radial-gradient(460px 220px at 88% 0,rgba(46,230,240,.14),transparent 55%),linear-gradient(180deg,#0a1a33,#0f315f);color:#fff}
.spath-card.light{background:#fff;color:var(--ink);border:1px solid #dbe7f5}
.spath-badge{position:absolute;top:1.1rem;inset-inline-start:1.1rem;padding:.35rem .8rem;border-radius:999px;background:linear-gradient(135deg,#c260ff,#8f73ff);color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 10px 24px rgba(161,93,255,.28)}
.spath-top{display:flex;justify-content:flex-end;padding:1.15rem 1.15rem 0}
.spath-icon{width:98px;height:98px;border-radius:24px;display:grid;place-items:center;background:rgba(9,23,45,.28);box-shadow:inset 0 0 0 1px rgba(113,217,255,.18),0 14px 36px rgba(10,26,51,.26)}
.spath-card.light .spath-icon{background:#091d38}
.spath-icon .i{width:74px;height:74px}
.spath-body{padding:0 2rem 2rem}
.spath-body h3{font-size:clamp(1.4rem,2vw,2.05rem);line-height:1.6;margin:.2rem 0 .45rem}
.spath-desc{margin:0 0 1rem;line-height:2;color:inherit;opacity:.9}
.spath-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}
.spath-chips span{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .85rem;border-radius:999px;font-size:.84rem}
.spath-card.dark .spath-chips span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#dbeaff}
.spath-card.light .spath-chips span{background:#eef4fb;color:#45617f}
.spath-mini h4{margin:.95rem 0 .55rem;color:#43dceb;font-size:.95rem}
.spath-models-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(67,220,235,.52);text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.spath-models-link:hover,.spath-models-link:focus-visible{color:#fff;text-decoration-color:currentColor}
.spath-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.spath-mini-box{padding:.9rem .8rem;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);text-align:center;font-weight:700;color:#eaf6ff;line-height:1.75}
.spath-list{list-style:none;margin:1rem 0 1.4rem;padding:0;display:grid;gap:.8rem}
.spath-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:1rem;line-height:1.95}
.spath-list svg{flex:none;width:22px;height:22px;color:#1fc79a;margin-top:.15rem}
.spath-btn{margin-top:1rem;display:inline-flex}
.btn-c{background:var(--g);color:#05142b;box-shadow:0 8px 24px rgba(46,230,240,.3)}
.btn-c:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(46,230,240,.52)}
@media(max-width:980px){.spath-grid{grid-template-columns:1fr}.spath-body{padding:0 1.5rem 1.6rem}.spath-mini-grid{grid-template-columns:1fr}}

/* Academy pages have a light top; a dark band under the menu keeps the header identical to the homepage
   (transparent over a dark top, dark blur after scrolling) instead of a different solid bar. */
body.zk-academy-active::before{content:"";position:absolute;inset:0 0 auto 0;height:96px;background:radial-gradient(900px 400px at 70% 0,#12427e,var(--ink));pointer-events:none}

/* Compact main-header dropdowns: stays above the oncology sticky sub-navigation. */
.hdr .nav li{position:relative;list-style:none}
.hdr .nav .sub-menu{position:absolute;top:100%;inset-inline-start:0;min-width:185px;max-width:min(270px,85vw);padding:.5rem;background:#0c2446;border:1px solid rgba(127,216,255,.20);box-shadow:0 14px 30px rgba(0,0,0,.24);border-radius:12px;list-style:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:opacity .17s,transform .17s,visibility .17s;z-index:60}
.hdr .nav .sub-menu a{padding:.43rem .7rem;border-radius:7px;font-size:.89rem;white-space:normal;line-height:1.7}
.hdr .nav .sub-menu a:hover,.hdr .nav .sub-menu a:focus-visible{background:rgba(46,230,240,.11)}
.hdr .nav li:hover>.sub-menu,.hdr .nav li:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.hdr .nav .sub-menu .sub-menu{top:0;inset-inline-start:auto;inset-inline-end:100%}
@media(max-width:1240px){
  .hdr .nav>li{width:100%}
  .hdr .nav>li>a{padding:.4rem .45rem}
  .hdr .nav .sub-menu,.hdr .nav .sub-menu .sub-menu{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;max-width:none;min-width:0;width:100%;padding:.15rem .75rem;background:rgba(255,255,255,.04);border:0;border-inline-start:2px solid rgba(46,230,240,.25);border-radius:0}
}
/* Independent floating-button labels; do not inherit the homepage .fl grid. */
.zk-fabs .fab-label{display:block;width:max-content;max-width:calc(100vw - 72px);overflow:hidden;text-overflow:ellipsis;grid-template-columns:none;gap:0}

/* Consultation v1.1: FAQ independent of booking forms */
.faq-sec .zk-faq-only{display:block;max-width:850px;margin:0 auto}.faq-sec .zk-faq-only>div{width:100%;max-width:none}
#consult{scroll-margin-top:80px}#za-form{scroll-margin-top:125px}

/* v13: consistent section navigation and animated vector artwork */
.zk-secondary-nav{position:sticky;top:var(--header-h,76px);z-index:45;background:#0b2649;border-block:1px solid rgba(107,205,237,.28);box-shadow:0 7px 20px rgba(5,17,39,.12);direction:rtl}
.zk-secondary-inner{max-width:1200px;margin:auto;display:flex;gap:.28rem;align-items:center;overflow-x:auto;padding:.5rem 1rem;scrollbar-width:thin}
.zk-secondary-inner a{white-space:nowrap;color:#f0f8ff;font-size:.86rem;font-weight:700;text-decoration:none;padding:.48rem .8rem;border-radius:50px;transition:background .2s,color .2s}
.zk-secondary-inner a:hover,.zk-secondary-inner a:focus-visible{background:rgba(46,230,240,.17);color:#75edf5;outline-offset:2px}
html{scroll-padding-top:145px}
.path .golinks{gap:.55rem 1rem;flex-direction:row;flex-wrap:wrap;align-items:center}
.path .golinks .go,.path .golinks .go2{white-space:nowrap;font-size:clamp(.76rem,.9vw,.92rem)}
.path .pi .i{overflow:visible}
.zk-animated-person .zk-person-body{transform-origin:24px 34px;animation:zk-shoulders 3.2s ease-in-out infinite}
.zk-animated-person .zk-person-head{animation:zk-head 3.2s ease-in-out infinite;transform-origin:center}
.zk-animated-person .zk-person-spark{animation:zk-spark 2.6s ease-in-out infinite}
.zk-service-icon .zk-svc-drawn{width:100%;height:100%;overflow:visible;color:#1c9bc4}
.zk-service-icon .zk-svc-art{transform-origin:24px 24px;animation:zk-service-breathe 3.3s ease-in-out infinite}
.zk-service-icon .zk-svc-orbit{transform-origin:24px 24px;animation:zk-service-rotate 14s linear infinite}
.zk-service-icon .zk-svc-spark{animation:zk-spark 2s ease-in-out infinite}
.sp-card:nth-child(3n+2) .zk-svc-art{animation-delay:-1s}.sp-card:nth-child(3n+3) .zk-svc-art{animation-delay:-2s}
@keyframes zk-service-breathe{0%,100%{transform:translateY(1px) scale(.97)}50%{transform:translateY(-2px) scale(1.05)}}
@keyframes zk-service-rotate{to{transform:rotate(360deg)}}
@keyframes zk-spark{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1.17)}}
@keyframes zk-shoulders{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes zk-head{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
.zc-tags-inline{display:flex!important;flex-flow:row wrap!important;justify-content:flex-start;gap:.4rem!important;align-items:center}
@media(max-width:650px){.zk-secondary-nav{top:0}.zk-secondary-inner a{font-size:.75rem;padding:.4rem .55rem}.path .golinks{gap:.55rem}}
@media(prefers-reduced-motion:reduce){.zk-animated-person *, .zk-service-icon *{animation:none!important}}

/* Researcher: the gown/shoulders and tassel animate independently */
.paths .path:has(.pi svg .a-swing) .pi svg>g>path:nth-of-type(3){animation:zk-shoulders 3.2s ease-in-out infinite;transform-origin:24px 28px}
.paths .path .pi{isolation:isolate}

/* Shared light secondary menu, matching the AI page on Home and Services. */
.zk-secondary-nav:is(.zk-secondary-home,.zk-secondary-services){position:sticky;top:var(--zk-header-height,74px);z-index:30;direction:inherit;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;border-bottom:1px solid #e3eefc;box-shadow:none}
:is(.zk-secondary-home,.zk-secondary-services) .zk-secondary-inner{width:min(1180px,92%);max-width:1180px;margin-inline:auto;display:flex;gap:.4rem;align-items:center;overflow-x:auto;padding:.55rem 0;scrollbar-width:none;justify-content:center}
:is(.zk-secondary-home,.zk-secondary-services) .zk-secondary-inner::-webkit-scrollbar{display:none}
:is(.zk-secondary-home,.zk-secondary-services) .zk-secondary-inner a{white-space:nowrap;font-size:.88rem;font-weight:600;color:#5b6b87;padding:.2rem 1rem;border-radius:50px;border:1px solid transparent;transition:.25s;text-decoration:none}
:is(.zk-secondary-home,.zk-secondary-services) .zk-secondary-inner a:hover{color:#1e88e5;background:transparent;border-color:transparent}
:is(.zk-secondary-home,.zk-secondary-services) .zk-secondary-inner a:focus-visible{color:#1e88e5;outline:2px solid #1e88e5;outline-offset:2px}
:is(.zk-secondary-home,.zk-secondary-services) .zk-secondary-inner a.on{color:#1e88e5;background:rgba(30,136,229,.09);border-color:rgba(30,136,229,.28)}
body.lang-en .zk-secondary-home,body.lang-en .zk-secondary-services{direction:ltr}
@media(max-width:900px){:is(.zk-secondary-home,.zk-secondary-services) .zk-secondary-inner{justify-content:flex-start}}

/* V17: the same dark icon tile and 48px cyan/blue line-art language as the researcher. */
.path .pi.pi-doctor,.path .pi.pi-patient{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#0d2547,#0a1a33);box-shadow:inset 0 0 0 1px rgba(46,230,240,.35);padding:0}
.path .pi.pi-doctor svg,.path .pi.pi-patient svg{width:32px;height:32px;display:block;overflow:visible;stroke:none;fill:none}
.path .pi.pi-doctor .zk-doc-stethoscope{transform-box:view-box;transform-origin:24px 31px;animation:zk-doc-pulse 2.6s ease-in-out infinite}
.path .pi.pi-doctor .zk-doc-spark{transform-box:fill-box;transform-origin:center;animation:zk-doc-glint 2.2s ease-in-out infinite}
.path .pi.pi-patient .zk-patient-heart{transform-box:fill-box;transform-origin:center;animation:zk-patient-beat 2.2s ease-in-out infinite}
.path .pi.pi-patient .zk-patient-glint{transform-box:fill-box;transform-origin:center;animation:zk-doc-glint 2.7s ease-in-out infinite}
@keyframes zk-doc-pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.6px)}}
@keyframes zk-doc-glint{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@keyframes zk-patient-beat{0%,42%,65%,100%{transform:scale(1)}48%{transform:scale(1.12)}56%{transform:scale(1.03)}}
@media(prefers-reduced-motion:reduce){.path .pi.pi-doctor svg *,.path .pi.pi-patient svg *{animation:none!important}}

/* ===== services page: consultation CTA with image background ===== */
.sp-cta{
  position:relative;overflow:hidden;isolation:isolate;
  background:#071b39 url('assets/img/services-cta-bg.webp?v=1') center center/cover no-repeat;
  color:#fff;
}
.sp-cta::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,22,46,.50),rgba(6,22,46,.62));
}
.sp-cta .wrap{position:relative;z-index:1}
.sp-cta h2,.sp-cta p{color:#fff}
.sp-cta p{max-width:650px;margin:.55rem auto 0;color:rgba(235,245,255,.92)}
.sp-cta .btn-d{background:#fff;color:#0b2a52;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.sp-cta .btn-d:hover{background:var(--g);color:#05142b}

/* V21: break the last two words as a unit for the Persian articles hero. */
.phead.art-portal-head h1 .art-title-break{display:block;white-space:nowrap}
@media(max-width:400px){.phead.art-portal-head h1 .art-title-break{white-space:normal}}


/* V22: science articles hero and correctly centred, readable consultation action. */
.phead.art-portal-head h1 em,.phead.art-portal-head h1 .art-hero-accent{font-style:normal!important;font-weight:inherit;color:#69cfff;-webkit-text-fill-color:#69cfff;background:none!important;letter-spacing:normal}
.art-cta .btn{display:flex;width:100%;min-height:46px;justify-content:center;align-items:center;text-align:center;white-space:normal;line-height:1.75;font-size:clamp(.82rem,1.12vw,.96rem);padding:.58rem .65rem;box-sizing:border-box}
/* Services: both consultation cards anchor their call-to-action to the same baseline. */
.spath-grid{align-items:stretch}
.spath-card{display:flex;flex-direction:column;min-width:0}
.spath-card .spath-body{display:flex;flex-direction:column;flex:1;min-width:0}
.spath-card .spath-btn{margin-top:auto;align-self:flex-start;justify-content:center;text-align:center;min-height:47px;line-height:1.7}
.spath-card .spath-mini,.spath-card .spath-list{margin-bottom:1.35rem}
/* Use one consistent background through all states. No white flash after leaving hover. */
.sp-cta .btn-d,.sp-cta .btn-d:link,.sp-cta .btn-d:visited{background:#eaf5ff;color:#103b68;border-color:transparent;transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;will-change:transform}
.sp-cta .btn-d:hover,.sp-cta .btn-d:focus-visible{background:#b9e9ff;color:#062c52;box-shadow:0 12px 30px #0004;transform:translateY(-2px)}
.sp-cta .btn-d:active{transform:translateY(0);background:#91d9fb}
/* Footer socials are independent of header, contact card and floating actions. */
.zk-footer-socials{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-top:1.2rem}
.zk-footer-socials a{width:43px;height:43px;display:grid;place-items:center;background:#142e51;border:1px solid #2b5278;border-radius:13px;color:#daecff;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.zk-footer-socials a:hover,.zk-footer-socials a:focus-visible{background:#185696;border-color:#70c9ff;color:#fff;transform:translateY(-2px)}
.zk-footer-socials svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* Native anchor navigation: a page is revealed only at its destination. */
html.zk-jump-pending{scroll-behavior:auto!important;background:#071b39!important}
html.zk-jump-pending body{visibility:hidden!important}
html.zk-jump-pending::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 55% 50%,#174478 0%,#071b39 68%);z-index:2147483646}
html.zk-jump-pending::after{content:'';position:fixed;top:calc(50% - 19px);left:calc(50% - 19px);width:38px;height:38px;border-radius:50%;border:3px solid rgba(117,205,255,.22);border-top-color:#7ed8ff;animation:zk-jump-spin .7s linear infinite;z-index:2147483647}
@keyframes zk-jump-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html.zk-jump-pending::after{animation:none}}

/* v26: The former global 145px scroll padding was added to EACH section's own
   scroll-margin, leaving a blank strip when a secondary-navigation link was used.
   Rely on measured header/subnav offsets instead of stacking two offsets. */
html:has(.zk-secondary-nav),html:has(#zk-ai),html:has(#zk-cancer){scroll-padding-top:0!important;}
body:has(.zk-secondary-nav) section.sec{padding-block:4.05rem;}
body:has(.zk-secondary-nav) section.sec[id]{scroll-margin-top:calc(var(--zk-header-height,76px) + 57px + 10px);}
@media(max-width:700px){body:has(.zk-secondary-nav) section.sec{padding-block:3.2rem;}}

/* v26 — talent in-page navigation also uses its own measured sticky offset. */
html:has(#zk-talent){scroll-padding-top:0!important;}

/* V30 · Refined brand social buttons and accessible, actionable footer contacts. */
.ftr .zk-footer-socials{display:flex;align-items:center;gap:12px;margin-top:1.45rem;flex-wrap:wrap;direction:ltr;justify-content:flex-start}
.ftr .zk-footer-socials a{--social-accent:#4cc9ff;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;width:49px;height:49px;flex:0 0 49px;padding:0;border-radius:15px;border:1px solid rgba(143,205,247,.35);background:linear-gradient(145deg,rgba(58,111,160,.27),rgba(8,25,49,.94));box-shadow:0 8px 22px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.12);color:#eaf7ff;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.ftr .zk-footer-socials a::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 24% 10%,var(--social-accent),transparent 75%);opacity:.16;transition:opacity .22s ease}
.ftr .zk-footer-socials .zk-social-instagram{--social-accent:#e57dbb}
.ftr .zk-footer-socials .zk-social-whatsapp{--social-accent:#44dfb4}
.ftr .zk-footer-socials .zk-social-linkedin{--social-accent:#59b5ff}
.ftr .zk-footer-socials svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.ftr .zk-footer-socials a:hover,.ftr .zk-footer-socials a:focus-visible{color:#fff;border-color:var(--social-accent);background:linear-gradient(145deg,rgba(24,70,112,.95),rgba(8,25,49,.94));box-shadow:0 8px 28px rgba(0,0,0,.23),0 0 0 3px rgba(104,182,230,.13);transform:translateY(-3px)}
.ftr .zk-footer-socials a:hover::before,.ftr .zk-footer-socials a:focus-visible::before{opacity:.36}
.ftr .zk-footer-socials a:hover svg,.ftr .zk-footer-socials a:focus-visible svg{transform:scale(1.08)}
.ftr .zk-footer-socials a:focus-visible{outline:2px solid #76e7f2;outline-offset:3px}
.ftr .zk-footer-contact-row{margin:.4rem 0;font-size:.88rem;overflow-wrap:anywhere}
.ftr .zk-footer-contact-row a{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;color:#bdd2ef;transition:color .2s ease}
.ftr .zk-footer-contact-row a:hover,.ftr .zk-footer-contact-row a:focus-visible{color:#60e4f0}
.ftr .zk-footer-contact-row .i{margin:0;flex:none;width:17px;height:17px;stroke:#52d4f0}
.ftr .zk-footer-contact-row a span{font-family:Inter,Vazirmatn,system-ui,sans-serif;unicode-bidi:isolate;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:600px){.ftr .zk-footer-socials a{width:46px;height:46px;flex-basis:46px}.ftr .zk-footer-contact-row{font-size:.83rem}}
@media(prefers-reduced-motion:reduce){.ftr .zk-footer-socials a,.ftr .zk-footer-socials svg{transition:none}}

/* V33 — selected minimal footer icons, refined WhatsApp; no hover state on touch. */
.ftr .zk-footer-socials{direction:ltr;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:14px;isolation:isolate;padding-block:10px 14px;margin-top:1.25rem;}
.ftr .zk-footer-socials a{position:relative;isolation:isolate;overflow:visible;flex:0 0 51px;display:inline-grid;place-items:center;width:51px;height:51px;min-width:51px;min-height:51px;padding:0;border:1px solid rgba(105,175,226,.48);border-radius:50%;background:rgba(23,71,105,.28);color:#ddf6ff;box-shadow:0 4px 15px #00000012,inset 0 1px 0 #ffffff19;text-decoration:none;cursor:pointer;outline-offset:5px;transform:none;transition:transform .32s cubic-bezier(.19,1,.22,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;}
.ftr .zk-footer-socials a::before{content:"";position:absolute;inset:-6px;z-index:-1;border:1.5px solid #5ae1f3;box-shadow:0 0 17px #3ac6f437,inset 0 0 10px #3ac6f42a;border-radius:50%;opacity:0;transform:scale(.84);transition:opacity .29s ease,transform .33s cubic-bezier(.19,1,.22,1);pointer-events:none;background:none;}
.ftr .zk-footer-socials svg{display:block;position:relative;z-index:2;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .3s cubic-bezier(.19,1,.22,1);}
.ftr .zk-footer-socials .zk-social-whatsapp .zk-wa-svg{width:27px;height:27px;fill:currentColor;stroke:none;}
.ftr .zk-footer-socials a:focus-visible{outline:2px solid #b2f4ff;}
/* Restrict hover motion to actual mouse/trackpad hardware, not touch or sticky mobile hover. */
@media(hover:hover) and (pointer:fine){
 .ftr .zk-footer-socials a:hover,.ftr .zk-footer-socials a:focus-visible{transform:translateY(-6px);background:linear-gradient(145deg,#205783,#16486d);border-color:#74eaff;color:#fff;box-shadow:0 10px 25px #00152b68,0 0 23px #36c4f445,inset 0 1px 0 #ffffff43;}
 .ftr .zk-footer-socials a:hover svg,.ftr .zk-footer-socials a:focus-visible svg{transform:scale(1.09);}
 .ftr .zk-footer-socials a:hover::before,.ftr .zk-footer-socials a:focus-visible::before{opacity:1;transform:scale(1);}
}
@media(hover:none), (pointer:coarse){
 .ftr .zk-footer-socials a,.ftr .zk-footer-socials a:hover,.ftr .zk-footer-socials a:active,.ftr .zk-footer-socials a:focus{transform:none!important;background:rgba(23,71,105,.28)!important;border-color:rgba(105,175,226,.48)!important;color:#ddf6ff!important;box-shadow:0 4px 15px #00000012,inset 0 1px 0 #ffffff19!important;transition:none!important;}
 .ftr .zk-footer-socials a::before,.ftr .zk-footer-socials a:hover::before{opacity:0!important;transform:scale(.84)!important;transition:none!important;}
 .ftr .zk-footer-socials a svg,.ftr .zk-footer-socials a:hover svg{transform:none!important;transition:none!important;}
}
@media(max-width:600px){.ftr .zk-footer-socials{gap:12px}.ftr .zk-footer-socials a{width:47px;height:47px;min-width:47px;min-height:47px;flex-basis:47px}.ftr .zk-footer-socials svg{width:23px;height:23px}.ftr .zk-footer-socials .zk-social-whatsapp .zk-wa-svg{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.ftr .zk-footer-socials a,.ftr .zk-footer-socials a::before,.ftr .zk-footer-socials svg{transition:none!important}}

/* V38 — Center footer social/contact icons under the company-description text,
   using that text block (not the entire footer) as the alignment reference. */
.ftr .zk-footer-brand-and-social{display:inline-block;vertical-align:top;max-width:100%}
.ftr .zk-footer-brand-and-social .zk-footer-socials{width:100%;justify-content:center;margin-inline:0}


/* V41 — the header follows the document direction without an artificial
   gap between logo and menu. Never compress the logo or wrap portal text.
   Wider English labels use responsive navigation before the row overflows. */
.hdr .wrap{justify-content:flex-start;gap:clamp(.55rem,.78vw,.95rem)}
.hdr .logo{flex:0 0 auto;min-width:0}
.hdr .logo .bf,.hdr .logo .lt{flex:0 0 auto}
.hdr .nav{flex:0 1 auto;min-width:0;margin-inline-start:0;gap:clamp(.46rem,.75vw,1.05rem);flex-wrap:nowrap}
.hdr .nav>li{flex:0 0 auto}
.hdr .nav>li>a{white-space:nowrap;line-height:1.6;font-size:clamp(.77rem,.94vw,.92rem)}
.hdr .hact{flex:0 0 auto;margin-inline-start:auto;gap:.48rem}
.hdr .hact .btn{white-space:nowrap;flex-wrap:nowrap;flex:0 0 auto;line-height:1.35;padding:.57rem .82rem;font-size:clamp(.76rem,.84vw,.85rem)}
.hdr .hact .btn .i{flex:0 0 auto}
.hdr .lang{flex:0 0 auto;white-space:nowrap}
/* V42 — Header contents follow the same centered site content box (1180px/92%).
   Preserve V41 RTL/LTR ordering and single-line controls at desktop sizes. */
@media(min-width:1241px){
  .hdr .wrap{width:min(1180px,92%)}
  body.lang-en .hdr .nav{gap:clamp(.45rem,.52vw,.62rem)}
  body.lang-en .hdr .nav>li>a{font-size:clamp(.80rem,.84vw,.85rem)}
}
/* Keep language switch and portal aligned on medium screens. */
@media(max-width:1240px){
  .hdr .nav{gap:.5rem;margin-inline-start:0;flex-wrap:nowrap}
  .hdr .nav>li{width:100%;flex:0 0 auto}
  .hdr .nav>li>a{white-space:normal;font-size:.96rem}
  .hdr .hact{margin-inline-start:auto}
  .hdr .burger{flex:0 0 auto}
}
/* Avoid crushing long English brand text beside the mobile controls. */
@media(max-width:520px){
  .hdr .wrap{gap:.42rem}
  .hdr .logo{gap:.35rem}
  .hdr .logo .bf img{height:42px}
  .hdr .logo .lt b{font-size:clamp(.67rem,2.8vw,.82rem)}
  .hdr .logo .lt i{display:none}
  .hdr .lang{padding:.17rem .53rem;font-size:.75rem}
  .hdr .burger{font-size:1.45rem}
}
@media(max-width:360px){
  .hdr .logo .bf img{height:37px}
  .hdr .logo .lt b{font-size:.65rem}
}