@font-face{font-family:"Thmanyah Sans";font-weight:300;font-style:normal;font-display:swap;src:url(../fonts/th-Light.woff2) format("woff2")}
@font-face{font-family:"Thmanyah Sans";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/th-Regular.woff2) format("woff2")}
@font-face{font-family:"Thmanyah Sans";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/th-Medium.woff2) format("woff2")}
@font-face{font-family:"Thmanyah Sans";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/th-Bold.woff2) format("woff2")}
@font-face{font-family:"Thmanyah Sans";font-weight:900;font-style:normal;font-display:swap;src:url(../fonts/th-Black.woff2) format("woff2")}
/* Layout: RTL editorial landing on one 1200px grid. Soft Glass: frosted panels floating over a slow lavender/peach aurora.
   Signature: Tawazon logo gradient (purple → lavender → orange) used in small doses; one deep business moment. */
:root{
  --page:#F7F5FC; --white:#FFFFFF; --ink:#20173D; --heading:#2B1A5A; --slate:#625F78; --mute:#9A98AC; --line:#E6E3F0;
  --brand:#4C3492; --brand7:#5A39AE; --brand9:#4E3192; --lav50:#F6F6FE; --lav100:#ECEAFC; --lav200:#DAD6F6; --lav400:#916FB1;
  --orange:#F47523; --orange100:#FEF0E6; --green:#78C362;
  --sig:linear-gradient(90deg,#4C3492 0%,#916FB1 55%,#F47523 100%);
  --btn:linear-gradient(180deg,#6B48C4,#5A39AE);
  --font:"Thmanyah Sans","Segoe UI","Tahoma",sans-serif;
  --r:28px; --ease:cubic-bezier(.22,1,.36,1);
  --glass:rgba(255,255,255,.58); --glassHi:rgba(255,255,255,.78); --glassLine:rgba(255,255,255,.85);
  --shadow:0 1px 0 rgba(255,255,255,.9) inset,0 20px 50px rgba(77,52,146,.10);
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--page);color:var(--ink);font-family:var(--font);margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.site{direction:rtl;text-align:right;position:relative;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:12px}
.wrap{width:min(1200px,100%);margin-inline:auto;padding-inline:20px}
section{position:relative}
h1,h2,h3,h4{font-family:var(--font);color:var(--heading);margin:0;text-wrap:balance}
h1{font-size:clamp(44px,5.8vw,80px);line-height:1.12;font-weight:300}
h2{font-size:clamp(32px,3.9vw,54px);line-height:1.2;font-weight:300}
h1 b,h2 b{font-weight:900}
.grad-text{background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent}
p{margin:0;line-height:1.85}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--slate);max-width:54ch}

/* aurora background (fixed, very slow drift) */
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
.aurora i:nth-child(1){width:52vw;height:52vw;left:-12vw;top:-10vw;background:#C9B8F2;animation:drift1 70s ease-in-out infinite}
.aurora i:nth-child(2){width:40vw;height:40vw;right:-8vw;top:30vh;background:#FBD6BC;opacity:.45;animation:drift2 85s ease-in-out infinite}
.aurora i:nth-child(3){width:46vw;height:46vw;left:30vw;bottom:-20vw;background:#DCD3FA;animation:drift3 90s ease-in-out infinite}
@keyframes drift1{50%{transform:translate(12vw,10vh) scale(1.1)}}
@keyframes drift2{50%{transform:translate(-10vw,-12vh) scale(.9)}}
@keyframes drift3{50%{transform:translate(-8vw,-8vh) scale(1.08)}}
main,.ftr{position:relative;z-index:1}

/* glass system */
.glass{position:relative;background:var(--glass);border:1px solid var(--glassLine);box-shadow:var(--shadow);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);border-radius:var(--r);overflow:hidden}
.glass.hi{background:var(--glassHi)}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-20%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .4s}
.glass:hover::after{opacity:1}
.tilt{transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .4s}

.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(244,117,34,.22);color:var(--orange);font-weight:700;font-size:13px;box-shadow:0 8px 24px rgba(244,117,34,.16);backdrop-filter:blur(12px)}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(244,117,34,.16);animation:dotpulse 2.4s ease-in-out infinite}
@keyframes dotpulse{50%{box-shadow:0 0 0 7px rgba(244,117,34,.05)}}
.eyebrow.dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#F7A56E;box-shadow:none}

.sec{padding-block:120px}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:52px}
.sh .t{display:flex;flex-direction:column;gap:18px;align-items:flex-start;min-width:0}
.sh.center{justify-content:center;text-align:center}
.sh.center .t{align-items:center}
.sh.center .lead{text-align:center}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.split .w>span{display:inline-block}

.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:16px;border:0;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s;white-space:nowrap}
.btn svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.btn:hover svg{transform:translateX(-4px)}
.btn:active{transform:scale(.98)}
.btn.primary{background:var(--btn);color:#fff;box-shadow:0 12px 30px rgba(77,52,146,.30),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.primary:hover{box-shadow:0 16px 40px rgba(77,52,146,.40),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.orange{background:var(--orange);color:#fff;box-shadow:0 12px 30px rgba(244,117,34,.32)}
.btn.glassb{background:rgba(255,255,255,.62);border:1px solid var(--glassLine);color:var(--brand);box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.btn.ghost{background:transparent;border:1px solid rgba(77,52,146,.22);color:var(--brand)}
.btn.sm{padding:10px 18px;font-size:14px}
.ibox{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);flex:none}
.ibox.round{border-radius:50%}
.ibox svg{width:21px;height:21px}
.ibox.or{background:var(--orange100);color:var(--orange)}
.ibox.dk{background:rgba(255,255,255,.16);color:#fff}
svg.i{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--lav100);color:var(--brand);font-size:13px;font-weight:500;white-space:nowrap}

/* load-in (CSS, works without JS) */
.in{animation:rise .9s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes clarify{from{opacity:0;filter:blur(14px);transform:translateY(26px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes floatA{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes floatB{0%,100%{translate:0 0}50%{translate:0 10px}}
@keyframes floatC{0%,100%{translate:0 0}50%{translate:8px -6px}}

/* ---------- header ---------- */
.hdr{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);inset-inline:0;z-index:50;pointer-events:none;animation:drop .9s var(--ease) both}
@keyframes drop{from{opacity:0;transform:translateY(-24px)}}
.hdr .bar{pointer-events:auto;width:min(1200px,calc(100% - 32px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 22px;border-radius:999px;transition:padding .4s var(--ease),background .4s}
.hdr.scrolled .bar{padding-block:6px;background:rgba(255,255,255,.8)}
.logo{display:flex;align-items:center;gap:10px;color:var(--brand)}
.logo svg.lg-mark{width:42px;height:41px;flex:none}
.logo .wm{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1}
.logo .wm .lg-ar{width:86px;height:18px;display:block}
.logo .wm .lg-en{width:82px;height:10px;display:block}
.logo .wm b{font-size:21px;font-weight:900;letter-spacing:3px}
.logo .wm small{font-size:9px;letter-spacing:3.5px;color:var(--slate);margin-top:3px;font-weight:500}
.nav{display:flex;gap:2px;position:relative}
.nav a{position:relative;z-index:1;padding:8px 15px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink);transition:color .3s}
.nav a.on{color:var(--brand);font-weight:700}
.nav .pill{position:absolute;z-index:0;top:0;height:100%;border-radius:999px;background:var(--lav100);transition:left .45s var(--ease),width .45s var(--ease)}
.acts{display:flex;gap:8px;align-items:center}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--lav100);color:var(--brand)}

/* ---------- hero ---------- */
.hero{padding-top:150px;padding-bottom:70px}
.wm-word{position:absolute;inset-inline:0;top:120px;text-align:center;font-weight:900;font-size:clamp(160px,25vw,380px);line-height:1;color:rgba(122,96,196,.07);pointer-events:none;user-select:none}
.hero .grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:40px;align-items:center}
.hero .txt{display:flex;flex-direction:column;gap:26px;align-items:flex-start;min-width:0}
.hero h1 .ln{display:block;animation:clarify 1.1s var(--ease) both}
.hero h1 .ln:nth-child(1){animation-delay:.25s}
.hero h1 .ln:nth-child(2){animation-delay:.42s}
.paths{display:flex;gap:14px;flex-wrap:wrap}
.path{width:262px;max-width:100%;padding:22px;display:flex;flex-direction:column;gap:12px;transition:transform .45s var(--ease),box-shadow .45s}
.path:hover{transform:translateY(-5px)}
.path .top{display:flex;justify-content:space-between;align-items:center}
.path h3{font-size:22px;font-weight:700}
.path p{font-size:15px;line-height:1.7;color:var(--slate)}
.path.pri{background:var(--btn);color:#fff;border-radius:var(--r);box-shadow:0 20px 44px rgba(77,52,146,.32),inset 0 1px 0 rgba(255,255,255,.25)}
.path.pri h3{color:#fff}.path.pri p{color:var(--lav200)}
.path .arr{width:22px;height:22px;color:var(--brand);transition:transform .35s var(--ease)}
.path.pri .arr{color:#fff}
.path:hover .arr{transform:translate(-4px,-4px)}
.trust{display:flex;align-items:center;gap:14px;color:var(--slate);font-size:15px;font-weight:500}
.avs{display:flex}
.avs span{width:40px;height:40px;border-radius:50%;border:3px solid #fff;margin-inline-start:-10px;background-size:cover;background-position:center;box-shadow:0 4px 10px rgba(77,52,146,.15)}
.avs span:first-child{margin-inline-start:0}

.vis{position:relative;height:640px;perspective:1200px}
.vis .glow{position:absolute;width:520px;height:520px;left:20px;top:70px;border-radius:50%;background:radial-gradient(closest-side,rgba(145,111,177,.55),rgba(244,117,34,.25) 62%,transparent);filter:blur(50px);animation:breathe 8s ease-in-out infinite}
.layer{position:absolute;transition:transform .8s var(--ease)}
.phone{position:absolute;border-radius:48px;background:#16083A;padding:9px;box-shadow:0 40px 80px rgba(34,3,84,.30),inset 0 0 0 2px rgba(255,255,255,.08)}
.phone .screen{position:relative;width:100%;height:100%;border-radius:40px;overflow:hidden;background:#fff}
.phone .screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.phone .isl{position:absolute;top:12px;left:50%;translate:-50% 0;width:88px;height:24px;border-radius:20px;background:#16083A;z-index:4}
.ph-main{width:290px;height:610px;left:150px;top:10px;transform:rotate(-4deg);animation:phoneIn 1.2s .5s var(--ease) both}
.ph-back{width:240px;height:510px;left:-4px;top:90px;transform:rotate(8deg);opacity:.96;animation:phoneIn2 1.2s .7s var(--ease) both}
@keyframes phoneIn{from{opacity:0;transform:translateY(60px) rotate(2deg) scale(.94)}to{opacity:1;transform:rotate(-4deg)}}
@keyframes phoneIn2{from{opacity:0;transform:translate(60px,40px) rotate(0) scale(.9)}to{opacity:.96;transform:rotate(8deg)}}
.orb{position:absolute;width:104px;height:104px;left:420px;top:470px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0%,#CDBCF0 18%,#6B48C4 56%,#F47523 100%);box-shadow:0 18px 40px rgba(101,79,177,.45),inset -8px -12px 24px rgba(0,0,0,.18);animation:breathe 8s ease-in-out infinite}
.fchip{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:20px}
.fchip b{display:block;font-size:15px;color:var(--heading)}
.fchip small{display:block;font-size:13px;color:var(--slate)}
.fc-a{right:-6px;top:120px;animation:rise .9s 1s var(--ease) both}
.fc-a .glass,.fc-b .glass,.fc-c .glass{animation:floatA 10s ease-in-out infinite}
.fc-b{left:-10px;top:520px;animation:rise .9s 1.15s var(--ease) both}
.fc-b .glass{animation:floatB 11s ease-in-out infinite}
.fc-c{right:10px;top:430px;animation:rise .9s 1.3s var(--ease) both}
.fc-c .glass{animation:floatC 9s ease-in-out infinite}
.fc-a .glass,.fc-b .glass,.fc-c .glass{border-radius:20px}

/* ---------- partners ---------- */
.partners{padding:10px 0 70px}
.prow{display:flex;align-items:center;gap:18px;padding:14px 14px 14px 24px}
.prow .lbl{flex:none}
.prow .lbl b{display:block;font-size:17px;color:var(--heading)}
.prow .lbl small{color:var(--slate);font-size:13px}
.mq{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq .track{display:flex;gap:12px;width:max-content;animation:marquee 60s linear infinite}
.mq:hover .track{animation-play-state:paused}
.pc{display:flex;align-items:center;gap:10px;padding:16px 24px;border-radius:18px;background:rgba(255,255,255,.65);border:1px solid rgba(77,52,146,.07);font-weight:700;color:var(--slate);white-space:nowrap;font-size:15px}
.pc::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sig)}
@keyframes marquee{to{transform:translateX(50%)}}

/* ---------- concern (proposal) ---------- */
.concern .box{padding:64px 40px;display:flex;flex-direction:column;align-items:center;gap:34px}
.stage{position:relative;width:min(800px,100%)}
.stage .pg{position:absolute;inset:36px 40px -14px;border-radius:40px;background:var(--sig);opacity:.42;filter:blur(34px);animation:breathe 6s ease-in-out infinite}
.pbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px 12px 12px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid #fff;box-shadow:0 14px 40px rgba(77,52,146,.14)}
.typed{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:500;min-width:0}
.typed .ic{color:var(--mute);flex:none}
.typed .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.caret{width:2px;height:26px;background:var(--orange);animation:blink 1s steps(1) infinite;flex:none}
@keyframes blink{50%{opacity:0}}
.send{width:52px;height:52px;flex:none;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 32% 28%,#fff 0,#B9A2E0 22%,#4C3492 70%,#F47523 100%);box-shadow:0 8px 20px rgba(101,79,177,.35);transition:transform .3s var(--ease)}
.send:hover{transform:rotate(-12deg) scale(1.05)}
.sugg{width:min(800px,100%);padding:22px 24px;border-radius:24px;display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.7);border:1px solid #fff;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.sugg.hide{opacity:0;transform:translateY(12px)}
.sugg .row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px;color:var(--slate);font-weight:700}
.sugg .row small{color:var(--mute);font-weight:400;font-size:13px}
.sugg .chips{display:flex;gap:10px;flex-wrap:wrap}
.best{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--sig);color:#fff;font-weight:700;box-shadow:0 10px 24px rgba(77,52,146,.25)}
.sugg .chip{padding:10px 16px;font-size:15px;background:rgba(236,234,252,.8)}
.tag-proposal{font-size:12px;color:var(--mute);border:1px dashed var(--lav400);padding:4px 10px;border-radius:999px}

/* ---------- individuals bento ---------- */
.bento{display:grid;grid-template-columns:460px 1fr 1fr;gap:20px}
.big{grid-row:span 2;position:relative;border-radius:var(--r);overflow:hidden;min-height:560px}
.big .bg{position:absolute;inset:-6%;background:url(../img/plant_man.jpg) center/cover;transition:transform 1.2s var(--ease)}
.big:hover .bg{transform:scale(1.04)}
.big::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(28,11,69,.9))}
.big .cap{position:absolute;inset-inline:18px;bottom:18px;z-index:2;padding:22px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;display:flex;flex-direction:column;gap:10px}
.big .cap h3{color:#fff;font-size:30px;font-weight:900}
.big .cap p{font-size:15px;opacity:.92;line-height:1.75}
.big .cap .chip{background:rgba(255,255,255,.2);color:#fff;align-self:flex-start}
.tile{padding:24px;display:flex;flex-direction:column;gap:14px;min-height:270px}
.tile h3{font-size:20px;font-weight:700}
.tile p{font-size:14px;color:var(--slate);line-height:1.7}
.days{display:flex;gap:8px}
.day{flex:1;padding:8px 4px;border-radius:16px;background:rgba(246,246,254,.9);text-align:center;border:1px solid transparent;color:var(--slate);transition:all .3s var(--ease)}
.day small{display:block;font-size:12px}
.day b{display:block;font-size:17px;color:var(--heading)}
.day.on{background:var(--btn);color:#fff;box-shadow:0 8px 18px rgba(77,52,146,.25);transform:translateY(-2px)}
.day.on b{color:#fff}
.slots{display:flex;gap:8px;flex-wrap:wrap}
.slot{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.7);font-size:14px;font-weight:500;color:var(--ink);transition:all .25s}
.slot.on{background:var(--orange100);border-color:var(--orange);color:var(--orange);font-weight:700}
.sp{display:flex;align-items:center;gap:14px}
.ring{position:relative;width:64px;height:64px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#4C3492,#916FB1,#F47523,#4C3492);flex:none}
.ring span{display:block;width:100%;height:100%;border-radius:50%;border:3px solid #fff;background-size:cover;background-position:center top}
.sp b{display:block;font-size:17px;color:var(--heading)}
.sp small{font-size:13px;color:var(--slate)}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tile.dark{background:linear-gradient(180deg,#5532A8,#5A39AE);border:0;color:#fff;border-radius:var(--r);box-shadow:0 20px 50px rgba(28,11,69,.25)}
.tile.dark h3{color:#fff}
.call{position:relative;height:128px;border-radius:18px;background:url(../img/biz_men.jpg) center/cover;overflow:hidden}
.call .tm{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(28,11,69,.55);backdrop-filter:blur(10px);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.call .tm i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.ctrls{display:flex;gap:10px}
.ctrls span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.ctrls span.end{background:#E5484D}
.ctrls svg{width:18px;height:18px}
.svc{display:flex;gap:8px;flex-wrap:wrap}
.svc span{padding:7px 12px;border-radius:999px;border:1px solid var(--lav200);background:rgba(255,255,255,.6);font-size:13px;font-weight:500;transition:all .25s}
.svc span:hover{background:var(--lav100);color:var(--brand)}
.lnk{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:700;font-size:14px}
.lnk svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.lnk:hover svg{transform:translateX(-4px)}

/* ---------- journey (pinned) ---------- */
.jgrid{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:72px;align-items:center}
.jtxt{display:flex;flex-direction:column;gap:30px;min-width:0}
.steps{position:relative;display:flex;flex-direction:column;gap:8px;padding-inline-start:0}
.prog{position:absolute;right:41px;top:30px;bottom:30px;width:2px;background:var(--lav200);border-radius:2px;overflow:hidden}
.prog i{position:absolute;inset:0;background:linear-gradient(180deg,#4C3492,#F47523);transform-origin:top;transform:scaleY(var(--p,.25));transition:transform .5s var(--ease)}
.step{position:relative;display:flex;gap:18px;align-items:flex-start;padding:18px 20px;border-radius:24px;border:1px solid transparent;background:none;text-align:right;width:100%;color:inherit;transition:background .5s var(--ease),box-shadow .5s,border-color .5s}
.step .n{position:relative;z-index:1;width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--lav200);color:var(--brand);font-weight:700;font-size:17px;transition:all .5s var(--ease)}
.step b{display:block;font-size:21px;color:var(--slate);transition:color .4s}
.step p{font-size:15px;color:var(--mute);transition:color .4s;line-height:1.7}
.step.on{background:rgba(255,255,255,.72);border-color:#fff;box-shadow:0 18px 44px rgba(77,52,146,.12)}
.step.on .n{background:var(--sig);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(77,52,146,.3)}
.step.on b{color:var(--heading)}
.step.on p{color:var(--slate)}
.stores{display:flex;gap:12px;flex-wrap:wrap}
.store{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:16px;background:var(--ink);color:#fff;transition:transform .3s var(--ease)}
.store:hover{transform:translateY(-3px)}
.store small{display:block;font-size:11px;color:var(--lav200)}
.store b{display:block;font-size:16px}
.store svg{width:24px;height:24px}
.store.w{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}
.jstage{position:relative;height:700px}
.jstage .halo{position:absolute;inset:90px 0 auto;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(145,111,177,.45),rgba(244,117,34,.18) 60%,transparent);filter:blur(46px);animation:breathe 8s ease-in-out infinite}
.jphone{width:310px;height:660px;left:95px;top:20px}
.scr{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.scr.on{opacity:1;transform:none}
.scr img{width:100%;height:100%;object-fit:cover;object-position:top}
.mcall{position:absolute;inset:0;background:url(../img/about_men.jpg) center/cover}
.mcall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,11,69,.05),rgba(28,11,69,.75))}
.mcall .me{position:absolute;z-index:2;top:62px;left:16px;width:86px;height:118px;border-radius:16px;border:2px solid rgba(255,255,255,.6);background:url(../img/desert_man.jpg) center/cover}
.mcall .bt{position:absolute;z-index:2;inset-inline:0;bottom:30px;display:flex;justify-content:center;gap:12px}
.mcall .bt span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#fff}
.mcall .bt span.end{background:#E5484D}
.mcall .tmr{position:absolute;z-index:2;top:62px;right:16px;color:#fff;font-weight:700;font-size:13px;padding:5px 10px;border-radius:999px;background:rgba(28,11,69,.5);font-variant-numeric:tabular-nums}
.mrec{position:absolute;inset:0;background:#F7F5FC;padding:58px 16px 16px;display:flex;flex-direction:column;gap:10px}
.mrec .mt{font-size:18px;font-weight:900;color:var(--heading);text-align:center;margin-bottom:6px}
.mrow{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#fff;border:1px solid rgba(77,52,146,.08)}
.mrow .a{width:44px;height:44px;border-radius:14px;flex:none;background-size:cover;background-position:center}
.mrow b{display:block;font-size:13px;color:var(--heading)}
.mrow small{font-size:11px;color:var(--slate)}
.mrow .go{margin-inline-start:auto;font-size:11px;font-weight:700;color:#2C6A31;background:#E6FAE5;padding:6px 10px;border-radius:999px}
.mfile{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:var(--lav50);font-size:12px;color:var(--heading);font-weight:700}
.mfile svg{width:20px;height:20px;color:var(--orange)}
.flt{position:absolute;z-index:6}
.flt>div{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:20px}
.flt b{display:block;font-size:15px;color:var(--heading)}
.flt small{display:block;font-size:13px;color:var(--slate)}
.flt.a{right:-14px;top:130px}.flt.a>div{animation:floatA 10s ease-in-out infinite}
.flt.b{left:-24px;top:470px}.flt.b>div{animation:floatB 11s ease-in-out infinite}

/* ---------- business (deep moment) ---------- */
.biz{background:linear-gradient(180deg,#4E3192,#5A39AE);color:#fff;overflow:hidden;border-radius:48px;margin-inline:16px}
.biz .g1,.biz .g2{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}
.biz .g1{width:620px;height:420px;left:-140px;top:-60px;background:radial-gradient(closest-side,rgba(244,117,34,.38),transparent);animation:breathe 10s ease-in-out infinite}
.biz .g2{width:700px;height:500px;right:-100px;bottom:-60px;background:radial-gradient(closest-side,rgba(145,111,177,.45),transparent);animation:breathe 12s ease-in-out infinite}
.biz h2{color:#fff}
.biz .lead{color:var(--lav200)}
.grad-w{background:linear-gradient(90deg,#fff,#F7A56E);-webkit-background-clip:text;background-clip:text;color:transparent}
.widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wd{position:relative;padding:24px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(30px);display:flex;flex-direction:column;gap:14px;min-height:300px;overflow:hidden;transition:transform .45s var(--ease),background .4s}
.wd:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}
.wd .l{font-size:14px;color:var(--lav200);font-weight:500}
.wd .big-n{font-weight:900;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}
.wd p{font-size:14px;color:var(--lav200);line-height:1.7}
.wd .src{font-size:12px;color:var(--lav400)}
.gauge{position:relative;width:100%;max-width:220px;margin-inline:auto}
.gauge svg{width:100%;height:auto;display:block}
.gauge .v{position:absolute;inset:auto 0 4px;text-align:center;font-weight:900;font-size:38px}
.bars{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:110px}
.bars i{width:22px;border-radius:8px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 4px,rgba(255,255,255,.06) 4px 8px);display:block;transform-origin:bottom}
.bars i.hi{background:linear-gradient(0deg,#F47523,#916FB1);box-shadow:0 8px 20px rgba(244,117,34,.35)}
.pair{display:flex;gap:24px}
.pair b{display:block;font-size:30px;font-weight:900}
.pair small{font-size:13px;color:var(--lav200)}
.segs{display:flex;gap:5px}
.segs i{width:14px;height:30px;border-radius:5px;background:rgba(255,255,255,.12);display:block}
.segs i.on{background:linear-gradient(0deg,#916FB1,#F47523)}
.srcline{margin-top:18px;font-size:13px;color:var(--lav400)}
.progs{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:96px;align-items:start}
.plist{display:flex;flex-direction:column;gap:6px;position:sticky;top:130px}
.plist h3{color:#fff;font-size:30px;font-weight:900}
.plist>p{color:var(--lav200);margin-bottom:14px}
.pi{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;color:var(--lav200);font-weight:500;font-size:17px;border:1px solid transparent;transition:all .35s var(--ease);background:none;text-align:right;width:100%}
.pi small{display:block;font-size:13px;color:var(--lav400);font-weight:400}
.pi svg{width:18px;height:18px;flex:none;color:var(--lav400);transition:transform .35s var(--ease)}
.pi:hover,.pi.on{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:#fff}
.pi:hover svg,.pi.on svg{color:#F7A56E;transform:translateX(-4px)}
.stack{display:flex;flex-direction:column;gap:24px;padding-bottom:20px}
.scard{position:sticky;top:130px;min-height:300px;padding:30px;border-radius:30px;background:rgba(255,255,255,.95);color:var(--ink);box-shadow:0 30px 70px rgba(11,4,32,.40);display:flex;flex-direction:column;gap:14px;transform-origin:top center;border:1px solid #fff}
.scard:nth-child(2){top:156px}.scard:nth-child(3){top:182px}
.scard h4{font-size:28px;font-weight:900;color:var(--heading)}
.scard p{color:var(--slate)}
.scard .tagl{display:flex;justify-content:space-between;align-items:center}
.scard .num{font-size:13px;color:var(--mute);font-weight:700}

/* ---------- experts ---------- */
.erow{display:grid;grid-template-columns:400px repeat(3,1fr);gap:20px}
.founder{padding:32px;border-radius:var(--r);background:linear-gradient(160deg,#6B48C4,#5532A8);color:#fff;display:flex;flex-direction:column;gap:18px;min-height:400px;box-shadow:0 24px 60px rgba(77,52,146,.30);position:relative;overflow:hidden}
.founder::before{content:"";position:absolute;width:320px;height:320px;left:-120px;bottom:-140px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.45),transparent);filter:blur(30px)}
.founder .q{font-size:80px;line-height:.6;color:#F7A56E;font-weight:900;height:30px}
.founder blockquote{position:relative;margin:0;font-size:25px;font-weight:700;line-height:1.55}
.founder .who{position:relative;margin-top:auto}
.founder .who b{display:block;font-size:18px}
.founder .who small{color:var(--lav200);font-size:14px}
.xc{padding:26px 20px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.xc .ring{width:118px;height:118px;padding:4px;margin-bottom:6px}
.xc .ring::after{content:"";position:absolute;right:2px;bottom:4px;width:28px;height:28px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234C3492' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3 3 7-7'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 4px 10px rgba(77,52,146,.2)}
.xc b{font-size:18px;color:var(--heading)}
.xc small{font-size:14px;color:var(--slate)}
.xc .tags{justify-content:center}

/* ---------- library ---------- */
.cats{display:flex;gap:6px;padding:6px;border-radius:999px;position:relative}
.cats button{position:relative;z-index:1;padding:9px 16px;border-radius:999px;border:0;background:none;font-weight:700;font-size:14px;color:var(--slate);transition:color .3s}
.cats button.on{color:#fff}
.cats .pill{position:absolute;z-index:0;top:6px;bottom:6px;border-radius:999px;background:var(--ink);transition:left .45s var(--ease),width .45s var(--ease)}
.lrow{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}
.fv{position:relative;min-height:440px;border-radius:var(--r);overflow:hidden}
.fv .bg{position:absolute;inset:-5%;background:url(../img/cairn.jpg) center/cover;transition:transform 1.2s var(--ease)}
.fv:hover .bg{transform:scale(1.05)}
.fv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,11,69,.05) 20%,rgba(28,11,69,.88))}
.fv .play{position:absolute;z-index:2;left:50%;top:42%;translate:-50% -50%;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(14px);transition:transform .35s var(--ease)}
.fv .play::before,.fv .play::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.35);animation:ring 2.6s ease-out infinite}
.fv .play::after{animation-delay:1.3s}
@keyframes ring{from{transform:scale(.85);opacity:1}to{transform:scale(1.45);opacity:0}}
.fv:hover .play{transform:scale(1.08)}
.fv .meta{position:absolute;z-index:2;right:28px;bottom:28px;left:28px;color:#fff;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.fv .meta h3{color:#fff;font-size:32px;font-weight:900}
.fv .meta small{color:var(--lav200);font-size:14px}
.eps{display:flex;flex-direction:column;gap:12px}
.ep{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:20px;transition:transform .3s var(--ease)}
.ep:hover{transform:translateX(-5px)}
.ep .l{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--heading)}
.ep time{color:var(--mute);font-size:14px;font-variant-numeric:tabular-nums}
.player{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px}
.player .pb{width:42px;height:42px;border-radius:50%;border:0;background:var(--btn);color:#fff;display:grid;place-items:center;flex:none}
.wave{display:flex;align-items:center;gap:3px;flex:1;height:32px}
.wave i{width:4px;border-radius:2px;background:var(--lav200);display:block}
.wave i.p{background:linear-gradient(0deg,#4C3492,#F47523)}
.playing .wave i{animation:wv 1.2s ease-in-out infinite}
@keyframes wv{50%{transform:scaleY(.5)}}
.player time{font-size:13px;color:var(--slate);font-variant-numeric:tabular-nums}

/* ---------- app (from Alaa's mockup) + join ---------- */
.appblk{position:relative;margin-top:110px;border-radius:40px;background:linear-gradient(90deg,#6243BA,#6243BA 55%,#6B48C4);min-height:420px;display:grid;grid-template-columns:1fr 560px;align-items:center;color:#fff;overflow:visible;box-shadow:0 30px 70px rgba(77,52,146,.28)}
.appblk .og{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.appblk .og::before{content:"";position:absolute;width:520px;height:420px;left:-60px;bottom:-140px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.55),transparent);filter:blur(70px);animation:breathe 9s ease-in-out infinite}
.appblk .at{position:relative;padding:56px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.appblk h2{color:#fff;font-weight:900;font-size:clamp(30px,3.2vw,44px)}
.appblk p{color:#E6E0F7;max-width:46ch}
.appblk .phones{position:relative;height:420px}
.aph1{width:250px;height:540px;left:40px;top:-60px;transform:rotate(-10deg)}
.aph2{width:262px;height:566px;left:250px;top:-110px;transform:rotate(-4deg)}
.aph1>div,.aph2>div{width:100%;height:100%}
.join{display:grid;grid-template-columns:1fr 500px;gap:28px;padding:18px;margin-top:22px;align-items:center}
.join .jt{padding:20px 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.join .jp{position:relative;height:280px;border-radius:22px;overflow:hidden}
.join .jp .bg{position:absolute;inset:-5%;background:url(../img/scr_services.jpg) center 30%/cover}

/* ---------- contact ---------- */
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) 600px;gap:64px;align-items:start}
.cinfo{display:flex;flex-direction:column;gap:22px}
.cl{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px}
.cl small{display:block;color:var(--mute);font-size:13px}
.cl b{display:block;font-size:18px;color:var(--heading);direction:ltr;text-align:right;user-select:all;word-break:break-all}
.form{padding:32px;display:flex;flex-direction:column;gap:18px}
.form h3{font-size:22px;font-weight:700}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fl{display:flex;flex-direction:column;gap:8px}
.fl label{font-size:14px;font-weight:700}
.fl input,.fl textarea{font-family:inherit;font-size:15px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.85);color:var(--ink);text-align:right;transition:border-color .25s,box-shadow .25s}
.fl input:focus,.fl textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(77,52,146,.12)}
.fl textarea{min-height:120px;resize:vertical}
.fl .err{font-size:12px;color:#B02A2D}
.fbot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fbot small{color:var(--mute);font-size:13px}
.done{display:flex;gap:12px;align-items:center;padding:16px;border-radius:16px;background:#E6FAE5;color:#2C6A31;font-weight:700}

/* ---------- footer ---------- */
.ftr{background:linear-gradient(180deg,#5532A8,#4E3192);color:#fff;padding:110px 0 calc(32px + env(safe-area-inset-bottom,0px));overflow:hidden;margin-top:40px}
.ftr .wv{position:absolute;inset-inline:0;top:24px;width:100%;height:110px}
.ftr .wv path{stroke-dasharray:1700;stroke-dashoffset:1700;transition:stroke-dashoffset 2s var(--ease)}
.ftr.inv .wv path{stroke-dashoffset:0}
.fcols{position:relative;display:grid;grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:48px}
.fbrand{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.fbrand .chipl{background:#fff;border-radius:20px;padding:10px 16px}
.fbrand p,.fcol a,.news p{color:var(--lav200);font-size:14px}
.fcol{display:flex;flex-direction:column;gap:12px}
.fcol b,.news b{font-size:16px}
.fcol a{transition:color .2s}.fcol a:hover{color:#fff}
.news{display:flex;flex-direction:column;gap:14px}
.nin{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.nin input{flex:1;min-width:0;background:none;border:0;color:#fff;font-family:inherit;font-size:14px;text-align:right}
.nin input::placeholder{color:var(--lav400)}
.nin input:focus{outline:none}
.fbtm{position:relative;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--lav400)}
.soc{display:flex;gap:10px}
.soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);transition:background .25s,transform .25s}
.soc a:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.soc svg{width:18px;height:18px}

/* ===================== V3 · «التوازن» — more air, fewer things per screen ===================== */
.sec{padding-block:clamp(120px,12vw,190px)}
.sh{margin-bottom:clamp(56px,6vw,88px)}
.sh .t{gap:22px}
h2{font-size:clamp(34px,4.1vw,58px);line-height:1.22}
.lead{line-height:1.95}
.wrap{padding-inline:24px}

/* preloader: the logo's eight bars slide in from alternating sides and settle level */
.pre{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--page);animation:preOut .7s .95s var(--ease) forwards}
.pre svg{width:84px;height:72px;overflow:visible}
.pre rect{animation:barIn .8s var(--ease) both}
.pre rect:nth-child(odd){--from:-60px}.pre rect:nth-child(even){--from:60px}
.pre rect:nth-child(1){animation-delay:.05s}.pre rect:nth-child(2){animation-delay:.12s}.pre rect:nth-child(3){animation-delay:.19s}.pre rect:nth-child(4){animation-delay:.26s}
.pre rect:nth-child(5){animation-delay:.33s}.pre rect:nth-child(6){animation-delay:.40s}.pre rect:nth-child(7){animation-delay:.47s}.pre rect:nth-child(8){animation-delay:.54s}
@keyframes barIn{from{opacity:0;transform:translateX(var(--from))}to{opacity:1;transform:none}}
@keyframes preOut{to{opacity:0;visibility:hidden}}
.pre.gone{display:none}

/* ---------- hero: a balance that settles ---------- */
.hero3{padding-top:clamp(150px,13vw,190px);padding-bottom:clamp(40px,5vw,70px);text-align:center}
.hero3 .hc{display:flex;flex-direction:column;align-items:center;gap:28px}
.hero3 h1{font-size:clamp(54px,7.6vw,118px);line-height:1.08;letter-spacing:-.5px}
.hero3 h1 .ln{display:block}
.hero3 h1 .hw{display:inline-block;animation:wordIn 1.3s var(--ease) both;animation-delay:calc(.95s + var(--d)*.14s)}
@keyframes wordIn{from{opacity:0;filter:blur(16px);transform:translateY(60%) rotate(4deg) scale(.96)}to{opacity:1;filter:blur(0);transform:none}}
.shimmer{background:linear-gradient(90deg,#4C3492,#916FB1,#F47523,#916FB1,#4C3492);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wordIn 1.3s var(--ease) both,shim 7s ease-in-out 2.4s infinite!important;animation-delay:calc(.95s + var(--d)*.14s),2.4s!important}
@keyframes shim{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.hero3 .eyebrow{animation:rise .9s .8s var(--ease) both}
.hero3 .lead{text-align:center;max-width:58ch;font-size:clamp(18px,1.6vw,21px);animation:rise .9s 1.75s var(--ease) both}
.scale{position:relative;width:min(1200px,100%);height:680px;margin:clamp(64px,7vw,96px) auto 0}
.scale .floor{position:absolute;left:50%;bottom:6px;width:520px;height:46px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(77,52,146,.22),transparent);filter:blur(10px)}
.arch{position:absolute;z-index:2;left:50%;top:0;width:460px;height:640px;translate:-50% 0;border-radius:230px 230px 40px 40px;overflow:hidden;box-shadow:0 50px 90px rgba(43,26,90,.22),0 0 0 10px rgba(255,255,255,.55);animation:archIn 1.6s 1.5s var(--ease) both}
.arch img{width:100%;height:115%;object-fit:cover;object-position:50% 30%;will-change:transform}
.arch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(28,11,69,.35))}
@keyframes archIn{from{clip-path:inset(100% 0 0 0 round 230px 230px 40px 40px);transform:translateY(40px)}to{clip-path:inset(0 0 0 0 round 230px 230px 40px 40px);transform:none}}
.arch .note{position:absolute;z-index:2;inset-inline:22px;bottom:22px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;text-align:right;font-size:15px;font-weight:500}
.arch .note .ibox{background:rgba(255,255,255,.2);color:#fff;width:40px;height:40px}
.tilt3{position:absolute;z-index:1;inset-inline:0;top:400px;height:0;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.beam{position:absolute;inset:0;transform-origin:50% 50%;animation:settle 3.4s 1.9s cubic-bezier(.3,.7,.4,1) both}
@keyframes settle{0%{transform:rotate(-8deg);opacity:0}12%{opacity:1}30%{transform:rotate(5deg)}50%{transform:rotate(-2.6deg)}68%{transform:rotate(1.2deg)}84%{transform:rotate(-.4deg)}100%{transform:rotate(0);opacity:1}}
.beam .line{position:absolute;inset-inline:20px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#916FB1 12%,#4C3492 50%,#F47523 88%,transparent)}
.beam .dot{position:absolute;top:-6px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(145,111,177,.25)}
.beam .dot.r{right:344px}.beam .dot.l{left:344px}
.pan{position:absolute;bottom:14px;width:290px;padding:24px;display:flex;flex-direction:column;gap:12px;text-align:right;transition:transform .5s var(--ease),box-shadow .5s}
.pan.r{right:40px}.pan.l{left:40px}
.pan:hover{transform:translateY(-6px)}
.pan .top{display:flex;justify-content:space-between;align-items:center}
.pan h3{font-size:24px;font-weight:700}
.pan p{font-size:15px;line-height:1.75;color:var(--slate)}
.pan .arr{width:22px;height:22px;color:var(--brand);transition:transform .35s var(--ease)}
.pan:hover .arr{transform:translate(-4px,-4px)}
.pan.pri{background:var(--btn);color:#fff;border-radius:var(--r);box-shadow:0 24px 50px rgba(77,52,146,.32),inset 0 1px 0 rgba(255,255,255,.25)}
.pan.pri h3,.pan.pri .arr{color:#fff}.pan.pri p{color:var(--lav200)}
.hero3 .cue{margin-top:28px;display:inline-flex;flex-direction:column;align-items:center;gap:10px;color:var(--mute);font-size:13px;animation:rise .9s 2.6s var(--ease) both}
.hero3 .cue i{width:1px;height:46px;background:linear-gradient(180deg,var(--lav400),transparent);position:relative;overflow:hidden}
.hero3 .cue i::after{content:"";position:absolute;inset-inline:0;top:-40%;height:40%;background:var(--orange);animation:cue 2.6s ease-in-out infinite}
@keyframes cue{to{top:110%}}

/* ---------- partners: quiet line ---------- */
.partners3{padding-block:clamp(60px,6vw,90px) 0}
.partners3 .lbl{display:block;text-align:center;color:var(--mute);font-size:14px;font-weight:500;margin-bottom:26px}
.partners3 .mq{-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.partners3 .pc{background:none;border:0;color:var(--slate);font-size:18px;font-weight:700;padding:8px 34px;opacity:.75}

/* ---------- statement (words light up with scroll) ---------- */
.stmt{padding-block:clamp(140px,14vw,220px);text-align:center}
.stmt p{font-size:clamp(28px,3.5vw,50px);line-height:1.6;font-weight:300;color:var(--heading);max-width:24ch;margin-inline:auto;text-wrap:balance}
.stmt p b{font-weight:900}
.stmt p .k{background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent}
.stmt .sw{transition:opacity .2s}
.stmt .eyebrow{margin-bottom:34px}

/* ---------- services gallery (horizontal) ---------- */
.gal .sh{align-items:flex-end}
.hsv{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding-block:10px 30px;margin-inline:-24px;padding-inline:24px}
.hsv::-webkit-scrollbar{display:none}
.gal.hs-on .hsv{overflow:visible}
.track{display:flex;gap:28px;width:max-content}
.svc3{position:relative;flex:none;width:clamp(290px,30vw,420px);aspect-ratio:420/540;border-radius:32px;overflow:hidden;scroll-snap-align:start;box-shadow:0 30px 60px rgba(43,26,90,.16);isolation:isolate}
.svc3 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.svc3:hover img{transform:scale(1.06)}
.svc3::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 45%,rgba(28,11,69,.72))}
.svc3 .cap{position:absolute;z-index:1;inset-inline:16px;bottom:16px;padding:20px;border-radius:24px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;display:flex;flex-direction:column;gap:8px;transition:transform .5s var(--ease)}
.svc3:hover .cap{transform:translateY(-6px)}
.svc3 .cap .n{font-size:13px;color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums;letter-spacing:1px}
.svc3 h3{color:#fff;font-size:26px;font-weight:900}
.svc3 p{font-size:14px;line-height:1.75;color:rgba(255,255,255,.88)}
.svc3 .chip{align-self:flex-start;background:rgba(255,255,255,.2);color:#fff}
.svc3.end{background:var(--btn);display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:32px;color:#fff}
.svc3.end::after{display:none}
.svc3.end h3{font-size:30px}
.svc3.end .list{display:flex;flex-wrap:wrap;gap:8px}
.svc3.end .list span{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:14px}
.gbar{height:2px;background:var(--lav200);border-radius:2px;margin-top:34px;overflow:hidden}
.gbar i{display:block;height:100%;width:100%;background:var(--sig);transform-origin:right;transform:scaleX(var(--g,.12))}

/* ---------- concern (proposal) ---------- */
.concern{padding-block:clamp(40px,5vw,60px) clamp(120px,12vw,190px)}
.concern .box{max-width:1000px;margin-inline:auto;padding:clamp(56px,6vw,88px) clamp(20px,5vw,64px);gap:40px}

/* ---------- founder (editorial) ---------- */
.fgrid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:clamp(48px,7vw,110px);align-items:center}
.fimg{position:relative;height:620px}
.fimg .main{position:absolute;inset:0 0 60px 60px;border-radius:200px 200px 36px 36px;overflow:hidden;box-shadow:0 40px 80px rgba(43,26,90,.20)}
.fimg .main img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.fimg .sub{position:absolute;left:0;bottom:0;width:230px;height:230px;border-radius:30px;overflow:hidden;border:8px solid rgba(255,255,255,.85);box-shadow:0 24px 50px rgba(43,26,90,.22)}
.fimg .sub img{width:100%;height:100%;object-fit:cover;object-position:40% 25%}
.fimg .tag{position:absolute;right:-28px;bottom:120px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:20px}
.fimg .tag b{display:block;font-size:15px;color:var(--heading)}.fimg .tag small{display:block;font-size:13px;color:var(--slate)}
.fimg .tag>div{animation:floatA 10s ease-in-out infinite}
.ftxt{display:flex;flex-direction:column;gap:30px;align-items:flex-start;min-width:0}
.ftxt .qm{font-size:110px;line-height:.5;height:44px;font-weight:900;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent}
.ftxt blockquote{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.55;font-weight:300;color:var(--heading);text-wrap:balance}
.ftxt blockquote b{font-weight:900}
.ftxt .who{display:flex;align-items:center;gap:14px;padding-top:26px;border-top:1px solid var(--line);width:100%}
.ftxt .who .av{width:56px;height:56px;border-radius:50%;background:url(../img/dr_saud_avatar.jpg) center/cover;border:3px solid #fff;box-shadow:0 6px 16px rgba(77,52,146,.2)}
.ftxt .who b{display:block;font-size:19px;color:var(--heading)}
.ftxt .who small{color:var(--slate);font-size:14px}
.ftxt .row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ftxt .note{font-size:15px;color:var(--slate)}
.reveal-img{clip-path:inset(0 0 0 0)}

/* library + join use real images */
.fv .bg{background:url(../img/podcast_thumb.jpg) center/cover}
.fv::after{background:linear-gradient(180deg,rgba(28,11,69,0) 30%,rgba(28,11,69,.86))}
.join .jp .bg{background:url(../img/prog_relief.jpg) center 40%/cover}
#app{padding-top:clamp(60px,6vw,90px)}
.appblk{margin-top:120px}
.join{margin-top:clamp(190px,16vw,250px)}
#contact{padding-top:clamp(100px,10vw,150px)}
.lrow{gap:28px}.eps{gap:14px}
.widgets{gap:22px}
.biz{margin-block:clamp(40px,4vw,60px)}

/* magnetic buttons */
.mag{will-change:transform}

/* ---------- responsive (V3) ---------- */
@media (max-width:1100px){
  .nav{display:none}.burger{display:grid;place-items:center}
  .jgrid,.progs,.cgrid,.join,.appblk,.fgrid{grid-template-columns:1fr}
  .fimg{width:min(480px,100%);margin-inline:auto;order:-1}
  .widgets{grid-template-columns:1fr 1fr}
  .lrow{grid-template-columns:1fr}
  .jstage{max-width:500px;margin-inline:auto;width:100%}
  .plist{position:static}
  .appblk{margin-top:60px}.appblk .phones{height:460px;order:-1}
  .aph1{left:calc(50% - 250px);top:20px}.aph2{left:calc(50% - 40px);top:-10px}
  .fcols{grid-template-columns:1fr 1fr}
  .scale{height:auto;display:flex;flex-direction:column;align-items:center;gap:20px}
  .arch{position:relative;left:auto;translate:none;width:min(420px,100%);height:520px}
  .scale .floor,.beam .line,.beam .dot{display:none}
  .tilt3{position:relative;top:auto;height:auto;width:100%}
  .beam{position:relative;animation:rise .9s 2s var(--ease) both;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:620px;margin-inline:auto}
  .pan,.pan.r,.pan.l{position:relative;inset:auto;width:auto}
}
@media (max-width:700px){
  .acts .ghost{display:none}
  .hdr .bar{padding:8px 8px 8px 16px}
  .sec{padding-block:96px}
  .wrap{padding-inline:20px}
  .hsv{margin-inline:-20px;padding-inline:20px}
  .hero3{padding-top:124px}
  .arch{height:440px;border-radius:180px 180px 32px 32px}
  @keyframes archIn{from{clip-path:inset(100% 0 0 0 round 180px 180px 32px 32px)}to{clip-path:inset(0 0 0 0 round 180px 180px 32px 32px)}}
  .beam{grid-template-columns:1fr}
  .stmt{padding-block:110px}
  .concern .box{padding:44px 18px}
  .widgets,.fcols,.f2{grid-template-columns:1fr}
  .biz{margin-inline:8px;border-radius:32px}
  .jstage{height:auto;padding-block:20px;display:flex;justify-content:center}
  .jphone{position:relative!important;left:auto!important;top:auto!important;width:270px;height:576px}
  .flt{display:none}
  .fimg{height:470px}
  .fimg .main{inset:0 0 50px 30px}
  .fimg .sub{width:160px;height:160px;border-width:6px}
  .fimg .tag{right:0;bottom:90px}
  .appblk .at{padding:28px 22px 36px}
  .appblk .phones{height:380px;transform:scale(.8);transform-origin:top center;margin-bottom:-60px}
  .join .jp{height:220px}
  .join{margin-top:110px}
  .form{padding:22px}
  .typed{font-size:16px}
  .cats{flex-wrap:wrap;border-radius:22px}
  .cats .pill{display:none}.cats button.on{background:var(--ink)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .pre{display:none}
}

/* ===================== shared: drawer, sheet, links ===================== */
html.lock{overflow:hidden}
.nav a.on{color:var(--brand);font-weight:700}
.drawer{position:fixed;inset:0;z-index:80;background:rgba(28,11,69,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .35s var(--ease);padding:calc(env(safe-area-inset-top,0px) + 12px) 12px 12px}
.drawer.open{opacity:1}
.drawer-in{border-radius:32px;padding:18px;display:flex;flex-direction:column;gap:18px;max-height:100%;overflow:auto;transform:translateY(-16px);transition:transform .45s var(--ease)}
.drawer.open .drawer-in{transform:none}
.dtop{display:flex;justify-content:space-between;align-items:center}
.dclose{width:44px;height:44px;border-radius:50%;border:0;background:var(--lav100);color:var(--brand);display:grid;place-items:center}
.dnav{display:flex;flex-direction:column}
.dnav a{padding:14px 10px;font-size:19px;font-weight:500;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.dnav a.on{color:var(--brand);font-weight:900}
.dacts{display:flex;flex-direction:column;gap:10px}.dacts .btn{justify-content:center}
.sheet{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(28,11,69,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .35s var(--ease)}
.sheet.open{opacity:1}
.sheet-in{position:relative;width:min(460px,100%);padding:36px 28px 30px;border-radius:32px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;transform:translateY(24px) scale(.97);transition:transform .5s var(--ease)}
.sheet.open .sheet-in{transform:none}
.sheet-in .dclose{position:absolute;top:14px;left:14px}
.sheet-in h3{font-size:24px;font-weight:900}
.sheet-in p{color:var(--slate)}
.sheet-in .stores{justify-content:center}
.stretch::after{content:"";position:absolute;inset:0;z-index:3}
.btn.glassw{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.fct{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.fct small{display:block;color:var(--lav400);font-size:12px}.fct b{font-size:14px;user-select:all}
.fl .bad{border-color:#E5484D!important;box-shadow:0 0 0 4px rgba(229,72,77,.10)!important}
[data-copy].ok{background:#E6FAE5!important;color:#2C6A31!important}

/* home: statement over the calm video */
.stmt.vid{position:relative;margin-inline:16px;border-radius:48px;overflow:hidden;isolation:isolate;padding-block:clamp(150px,15vw,240px);background:#5532A8}
.stmt.vid .bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.stmt.vid::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,11,69,.55),rgba(43,26,90,.35) 45%,rgba(28,11,69,.65))}
.stmt.vid p{color:#fff;text-shadow:0 2px 30px rgba(28,11,69,.35)}
.stmt.vid p .k{background:linear-gradient(90deg,#fff,#F7A56E);-webkit-background-clip:text;background-clip:text;color:transparent}
.stmt.vid .wrap{display:flex;flex-direction:column;align-items:center;gap:40px}
.stmt.vid .eyebrow{margin-bottom:0}
.svc3 h3 a{color:inherit}

/* ===================== inner page building blocks ===================== */
.crumb{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px;color:var(--mute)}
.crumb a{color:var(--slate)}.crumb a:hover{color:var(--brand)}
.crumb i{width:4px;height:4px;border-radius:50%;background:var(--lav400);display:block}
.phero{padding-top:clamp(150px,13vw,190px);padding-bottom:clamp(40px,5vw,70px);text-align:center}
.phero .wrap{display:flex;flex-direction:column;align-items:center;gap:24px}
.phero h1{font-size:clamp(40px,5.2vw,76px);line-height:1.15}
.phero .lead{text-align:center;max-width:60ch}
.phero .acts2{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.pmedia{position:relative;width:min(1200px,calc(100% - 48px));margin:clamp(56px,6vw,80px) auto 0;height:clamp(300px,42vw,560px);border-radius:40px;overflow:hidden;box-shadow:0 40px 80px rgba(43,26,90,.18)}
.pmedia img,.pmedia video{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.pmedia::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(28,11,69,.35))}
.pmedia .cap{position:absolute;z-index:2;inset-inline:24px;bottom:24px;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}
.pmedia .cap>span{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:20px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;font-weight:500}
.tag-c{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-weight:700;font-size:13px}
.tag-c::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.tag-c.green{background:#EAF6E4;color:#3E8A2A}.tag-c.orange{background:var(--orange100);color:#C2560F}
.read{max-width:68ch}
.read p{font-size:18px;line-height:2;color:var(--ink)}
.read p+p{margin-top:16px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.panel{padding:clamp(28px,3vw,44px);border-radius:36px}
.panel.lav{background:linear-gradient(160deg,#fff,#F1EEFC);border:1px solid #fff;box-shadow:var(--shadow)}
.panel.deep{background:linear-gradient(160deg,#6243BA,#5532A8);color:#fff}
.panel.deep h3{color:#fff}.panel.deep p{color:var(--lav200)}
.panel h3{font-size:clamp(24px,2.3vw,32px);font-weight:900;margin-bottom:14px}
.panel p{font-size:17px;line-height:1.95;color:var(--slate)}
.panel .ico{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--sig);color:#fff;margin-bottom:22px}
.panel .ico svg{width:26px;height:26px}
.gridc{display:grid;gap:22px}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{padding:28px;border-radius:28px;display:flex;flex-direction:column;gap:12px}
.card h3{font-size:21px;font-weight:700}
.card p{color:var(--slate);font-size:15.5px;line-height:1.9}
.lnk{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:700;font-size:15px}
.lnk svg{width:16px;height:16px;transition:transform .3s var(--ease)}.lnk:hover svg{transform:translateX(-4px)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip.lg{padding:10px 16px;font-size:15px}
.cta-panel{position:relative;overflow:hidden;border-radius:44px;padding:clamp(48px,6vw,88px) clamp(24px,5vw,72px);background:linear-gradient(120deg,#6B48C4,#5A39AE);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta-panel::before{content:"";position:absolute;width:520px;height:420px;left:-120px;bottom:-200px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.5),transparent);filter:blur(60px);animation:breathe 10s ease-in-out infinite}
.cta-panel h2{color:#fff;font-weight:900;position:relative}
.cta-panel p{color:var(--lav200);position:relative;margin-top:10px}
.cta-panel .btn{position:relative}
.btn.white{background:#fff;color:var(--brand);box-shadow:0 14px 30px rgba(11,4,32,.25)}
.sec.tight{padding-block:clamp(80px,8vw,120px)}
.center{text-align:center}
.sh.center{justify-content:center}

/* about: in-page navigator */
.aboutnav{position:fixed;left:24px;top:50%;translate:0 -50%;z-index:30;display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:24px;opacity:0;pointer-events:none;transition:opacity .4s}
.aboutnav.show{opacity:1;pointer-events:auto}
.aboutnav a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;font-size:13px;color:var(--slate);font-weight:500;white-space:nowrap;transition:all .3s var(--ease)}
.aboutnav a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lav200);transition:all .3s var(--ease)}
.aboutnav a.on{color:var(--brand);font-weight:700;background:var(--lav100)}
.aboutnav a.on::before{width:16px;border-radius:3px;background:var(--sig)}
/* CEO letter */
.letter{display:grid;grid-template-columns:420px minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:start}
.letter .por{position:sticky;top:120px;display:flex;flex-direction:column;gap:18px}
.letter .por .im{height:520px;border-radius:200px 200px 32px 32px;overflow:hidden;box-shadow:0 40px 80px rgba(43,26,90,.2)}
.letter .por .im img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.letter .por b{font-size:21px;color:var(--heading)}.letter .por small{color:var(--slate);font-size:15px}
.letter .pull{font-size:clamp(26px,2.7vw,38px);line-height:1.6;font-weight:300;color:var(--heading);margin-bottom:28px;text-wrap:balance}
.letter .pull b{font-weight:900}
.sign{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}
.sign .av{width:52px;height:52px;border-radius:50%;background:url(../img/dr_saud_avatar.jpg) center/cover;border:3px solid #fff;box-shadow:0 6px 16px rgba(77,52,146,.2)}
.sign b{display:block;color:var(--heading)}.sign small{color:var(--slate)}
/* team */
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.xp{position:relative;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #fff;box-shadow:0 20px 50px rgba(77,52,146,.10);transition:transform .5s var(--ease),box-shadow .5s}
.xp:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(77,52,146,.16)}
.xp .ph{position:relative;aspect-ratio:4/4.2;overflow:hidden;background:linear-gradient(160deg,#ECEAFC,#F7F0FA)}
.xp .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;transition:transform 1.2s var(--ease)}
.xp:hover .ph img{transform:scale(1.05)}
.xp .mono{position:absolute;inset:0;display:grid;place-items:center}
.xp .mono span{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:900;color:#fff;background:var(--sig);box-shadow:0 20px 40px rgba(77,52,146,.3)}
.xp .mono::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(77,52,146,.05) 0 3px,transparent 3px 14px)}
.xp .bd{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px}
.xp .role{font-size:13px;color:var(--orange);font-weight:700}
.xp h3{font-size:21px;font-weight:900}
.xp details summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:700;font-size:14px;margin-top:6px}
.xp details summary::-webkit-details-marker{display:none}
.xp details summary svg{width:16px;height:16px;transition:transform .3s}
.xp details[open] summary svg{transform:rotate(45deg)}
.xp ul{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.xp li{position:relative;padding-inline-start:18px;font-size:14.5px;line-height:1.8;color:var(--slate)}
.xp li::before{content:"";position:absolute;right:0;top:11px;width:8px;height:2px;border-radius:2px;background:var(--sig)}
.xp.lead-xp{grid-column:span 2;flex-direction:row}
.xp.lead-xp .ph{flex:0 0 46%;aspect-ratio:auto;min-height:380px}
.xp.lead-xp .bd{justify-content:center;padding:36px}
.xp.lead-xp h3{font-size:30px}
/* accordion */
.acc{display:flex;flex-direction:column;gap:12px}
.acc-i{border-radius:24px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 10px 30px rgba(77,52,146,.06);transition:background .3s}
.acc-i.open{background:#fff;box-shadow:0 20px 50px rgba(77,52,146,.12)}
.acc-h{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border:0;background:none;text-align:right;font-size:18px;font-weight:700;color:var(--heading)}
.acc-h .n{font-size:13px;color:var(--orange);font-weight:900;font-variant-numeric:tabular-nums;margin-inline-end:12px}
.acc-h .pm{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lav100);color:var(--brand);flex:none;transition:transform .4s var(--ease),background .3s}
.acc-i.open .acc-h .pm{transform:rotate(45deg);background:var(--sig);color:#fff}
.acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.acc-i.open .acc-b{grid-template-rows:1fr}
.acc-b>div{overflow:hidden}
.acc-b p{padding:0 24px 24px;color:var(--slate);line-height:1.95;font-size:16px}
/* key partnerships tiles */
.ptiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ptile{position:relative;min-height:200px;border-radius:28px;overflow:hidden;display:flex;align-items:flex-end;padding:24px;isolation:isolate}
.ptile::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bgc)}
.ptile svg.big{position:absolute;left:20px;top:20px;width:44px;height:44px;color:rgba(255,255,255,.9)}
.ptile b{color:#fff;font-size:20px;font-weight:900;line-height:1.4}
.ptile .lines{position:absolute;inset:auto -20px -10px auto;width:180px;opacity:.18}
/* how we work timeline */
.tl{position:relative;display:flex;flex-direction:column;gap:18px;max-width:880px;margin-inline:auto}
.tl::before{content:"";position:absolute;right:31px;top:20px;bottom:20px;width:2px;background:var(--lav200)}
.tl .fill{position:absolute;right:31px;top:20px;width:2px;height:calc(100% - 40px);background:linear-gradient(180deg,#4C3492,#F47523);transform-origin:top;transform:scaleY(var(--tp,0))}
.tli{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;align-items:start}
.tli .dot{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--lav200);font-weight:900;color:var(--brand);font-size:18px;position:relative;z-index:1;transition:all .5s var(--ease)}
.tli.on .dot{background:var(--sig);color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(77,52,146,.3)}
.tli .c{padding:20px 24px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid #fff;box-shadow:0 10px 30px rgba(77,52,146,.06)}
.tli h3{font-size:20px;font-weight:900;margin-bottom:8px}
.tli p{color:var(--slate);line-height:1.9;font-size:15.5px}
/* values */
.vals{columns:3;column-gap:22px}
.val{break-inside:avoid;margin-bottom:22px;padding:28px;border-radius:28px;background:#fff;border:1px solid #fff;box-shadow:0 14px 40px rgba(77,52,146,.07)}
.val:nth-child(3n+2){background:linear-gradient(160deg,#F6F4FE,#EFEBFC)}
.val.hl{background:linear-gradient(160deg,#6243BA,#5532A8);color:#fff}
.val.hl h3{color:#fff}.val.hl p{color:var(--lav200)}
.val .k{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--orange100);color:var(--orange);font-weight:900;margin-bottom:14px;font-variant-numeric:tabular-nums}
.val.hl .k{background:rgba(255,255,255,.14);color:#F7A56E}
.val h3{font-size:20px;font-weight:900;margin-bottom:10px}
.val p{color:var(--slate);line-height:1.9;font-size:15px}
/* philosophy: 7 pillars as the logo's stacked bars */
.philo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,90px);align-items:center}
.pillars{display:flex;flex-direction:column;align-items:center;gap:10px}
.pillar{height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;padding-inline:14px;text-align:center;box-shadow:0 10px 24px rgba(77,52,146,.18);transition:transform .9s var(--ease),opacity .9s var(--ease)}
.pillars.pre .pillar{opacity:0;transform:translateX(var(--fx))}
.pillar:nth-child(odd){--fx:-80px}.pillar:nth-child(even){--fx:80px}
/* forms + stepper */
.formwrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.fcard{padding:clamp(24px,3vw,40px);border-radius:36px}
.stepper{display:flex;gap:8px;margin-bottom:28px}
.stepper .s{flex:1;display:flex;flex-direction:column;gap:8px}
.stepper .s i{height:4px;border-radius:4px;background:var(--lav200);display:block;overflow:hidden;position:relative}
.stepper .s i::after{content:"";position:absolute;inset:0;background:var(--sig);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}
.stepper .s.on i::after,.stepper .s.done i::after{transform:scaleX(1)}
.stepper .s span{font-size:13px;color:var(--mute);font-weight:700}
.stepper .s.on span{color:var(--brand)}.stepper .s.done span{color:var(--slate)}
.fstep{display:none;flex-direction:column;gap:18px;animation:rise .6s var(--ease) both}
.fstep.on{display:flex}
.fstep h3{font-size:24px;font-weight:900}
.fl select{font-family:inherit;font-size:15px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.85);color:var(--ink);text-align:right}
.seg{display:flex;gap:8px;padding:6px;border-radius:18px;background:var(--lav50);border:1px solid var(--line)}
.seg button{flex:1;padding:12px;border-radius:14px;border:0;background:none;font-weight:700;color:var(--slate);transition:all .3s}
.seg button.on{background:#fff;color:var(--brand);box-shadow:0 6px 16px rgba(77,52,146,.12)}
.cal{border-radius:22px;border:1px solid var(--line);background:#fff;padding:16px}
.cal .ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:900;color:var(--heading)}
.cal .ch button{width:36px;height:36px;border-radius:50%;border:0;background:var(--lav100);color:var(--brand);display:grid;place-items:center}
.cal .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.cal .grid small{font-size:12px;color:var(--mute);padding:6px 0}
.cal .grid button{aspect-ratio:1;border-radius:12px;border:0;background:none;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;transition:all .2s}
.cal .grid button:hover:not(:disabled){background:var(--lav100)}
.cal .grid button.on{background:var(--sig);color:#fff}
.cal .grid button:disabled{color:var(--lav200);cursor:not-allowed}
.slots{display:flex;flex-wrap:wrap;gap:8px}
.slot{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:500;color:var(--ink);transition:all .25s}
.slot.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.fnav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.btn.text{background:none;color:var(--slate);padding-inline:6px}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
.yn{display:flex;gap:10px}
.yn button{flex:1;padding:14px;border-radius:16px;border:1px solid var(--line);background:#fff;font-weight:700;color:var(--slate);transition:all .25s}
.yn button.on{border-color:var(--brand);background:var(--lav100);color:var(--brand)}
.qcard{padding:20px;border-radius:22px;background:var(--lav50);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.qcard b{color:var(--heading);font-size:16px}
.drop{position:relative;padding:20px;border-radius:22px;border:1.5px dashed var(--lav400);background:rgba(255,255,255,.7);display:flex;align-items:center;gap:14px;transition:all .25s}
.drop.over{background:var(--lav100);border-color:var(--brand)}
.drop.has{border-style:solid;border-color:#BFE3B4;background:#F4FBF1}
.drop.err{border-color:#E5484D;background:#FFF4F4}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop b{display:block;color:var(--heading)}.drop small{color:var(--slate);font-size:13px}
.drop .ibox{flex:none}
.side-why{position:sticky;top:120px;display:flex;flex-direction:column;gap:18px}
.why li{display:flex;gap:12px;align-items:flex-start;color:var(--ink);line-height:1.8}
.why{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.why li::before{content:"";flex:none;width:18px;height:12px;margin-top:9px;background:repeating-linear-gradient(180deg,#916FB1 0 2px,transparent 2px 5px);border-radius:2px}
.succ{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:30px 10px;animation:rise .7s var(--ease) both}
.succ .ok{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--sig);color:#fff;box-shadow:0 20px 40px rgba(77,52,146,.3)}
.succ .ok svg{width:40px;height:40px}
.succ h3{font-size:28px;font-weight:900}
.sumcard{width:100%;max-width:420px;display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:right}
.sumcard div{padding:14px;border-radius:16px;background:var(--lav50)}
.sumcard small{display:block;color:var(--mute);font-size:12px}.sumcard b{color:var(--heading)}
.review{display:flex;flex-direction:column;gap:14px}
.review .rg{padding:16px 18px;border-radius:18px;background:var(--lav50)}
.review .rg .rh{display:flex;justify-content:space-between;margin-bottom:8px}
.review .rg dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px}
.review dt{color:var(--mute)}.review dd{margin:0;color:var(--heading);font-weight:500}
.banner-err{padding:14px 16px;border-radius:16px;background:#FFF1F1;color:#B02A2D;font-weight:700}

/* services (individuals) */
.svcnav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}
.svcnav a{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid #fff;font-weight:700;font-size:14px;color:var(--slate);box-shadow:0 6px 16px rgba(77,52,146,.06);transition:all .25s}
.svcnav a:hover{color:var(--brand);background:#fff}
.sblock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center;padding-block:clamp(60px,7vw,110px)}
.sblock+.sblock{border-top:1px solid var(--line)}
.sblock.flip .sb-media{order:2}
.sb-media{position:relative;height:clamp(320px,36vw,520px);border-radius:36px;overflow:hidden;box-shadow:0 30px 70px rgba(43,26,90,.16)}
.sb-media img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.sb-media .num{position:absolute;top:20px;right:20px;z-index:2;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(12px);color:#fff;font-weight:900;font-variant-numeric:tabular-nums}
.sb-media.ph{background:linear-gradient(160deg,#E9E4FA,#FBE9DC);display:grid;place-items:center}
.sb-media.ph svg{width:90px;height:90px;color:var(--brand);opacity:.6}
.sb-txt{display:flex;flex-direction:column;gap:18px;align-items:flex-start;min-width:0}
.sb-txt h2{font-size:clamp(30px,3.2vw,44px)}
.sb-txt .hook{font-size:clamp(19px,1.7vw,22px);color:var(--heading);font-weight:500;line-height:1.8}
.sb-txt p{color:var(--slate);line-height:1.95}
.sb-txt ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.sb-txt li{position:relative;padding-inline-start:22px;color:var(--slate);line-height:1.8}
.sb-txt li::before{content:"";position:absolute;right:0;top:12px;width:10px;height:2px;border-radius:2px;background:var(--sig)}
.note-box{padding:18px 20px;border-radius:20px;background:var(--orange100);border:1px solid rgba(244,117,34,.2);color:#7A3A0E;line-height:1.9;font-size:15px}
.note-box b{user-select:all}
/* service detail */
.sdgrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(36px,5vw,80px);align-items:start}
.sdside{position:sticky;top:120px;display:flex;flex-direction:column;gap:16px}
.sdside .card{gap:16px}
.mini{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:var(--lav50)}
.mini .av{width:48px;height:48px;border-radius:14px;background:var(--sig) center/cover;color:#fff;display:grid;place-items:center;font-weight:900;flex:none}
.mini b{display:block;font-size:15px;color:var(--heading)}.mini small{color:var(--slate);font-size:13px}
.others{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:thin}
.others .svc3{width:clamp(240px,24vw,300px)}
/* business */
.vtabs{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.vtabs .tl2{display:flex;flex-direction:column;gap:8px}
.vtabs .tl2 button{padding:18px 20px;border-radius:20px;border:1px solid transparent;background:rgba(255,255,255,.55);text-align:right;font-weight:700;font-size:16px;color:var(--slate);display:flex;justify-content:space-between;align-items:center;transition:all .35s var(--ease)}
.vtabs .tl2 button.on{background:#fff;color:var(--brand);border-color:#fff;box-shadow:0 14px 34px rgba(77,52,146,.12)}
.vtabs .tl2 button svg{width:18px;height:18px;opacity:0;transition:all .3s}
.vtabs .tl2 button.on svg{opacity:1;color:var(--orange)}
.vtabs .tp{min-height:280px;padding:clamp(28px,3vw,44px);border-radius:32px;display:none;flex-direction:column;gap:18px;align-items:flex-start;animation:rise .5s var(--ease) both}
.vtabs .tp.on{display:flex}
.vtabs .tp h3{font-size:clamp(26px,2.6vw,36px);font-weight:900}
.vtabs .tp p{color:var(--slate);line-height:2;font-size:17px}
.prog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pcard{position:relative;border-radius:30px;padding:28px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;overflow:hidden;isolation:isolate;background:#fff;border:1px solid #fff;box-shadow:0 18px 44px rgba(77,52,146,.09);transition:transform .5s var(--ease),box-shadow .5s}
.pcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(77,52,146,.15)}
.pcard .lines{position:absolute;left:-30px;bottom:-30px;width:200px;opacity:.10;z-index:-1;transition:opacity .4s,transform .8s var(--ease)}
.pcard:hover .lines{opacity:.2;transform:rotate(-6deg) scale(1.05)}
.pcard h3{font-size:22px;font-weight:900;line-height:1.5}
.pcard small{color:var(--slate);font-size:15px;display:block;margin-top:6px}
.pcard.feat{grid-column:span 2;background:linear-gradient(130deg,#6243BA,#5532A8);color:#fff;border:0}
.pcard.feat h3{color:#fff;font-size:30px}.pcard.feat small{color:var(--lav200)}.pcard.feat .lnk{color:#F7A56E}
.pcard.feat .lines{opacity:.3}
.svclist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px}
.svclist h4{grid-column:1/-1;margin-top:26px;font-size:15px;color:var(--orange);font-weight:900}
.svclist h4:first-child{margin-top:0}
.svclist a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px;border-bottom:1px solid var(--line);font-weight:500;font-size:16.5px;color:var(--ink);transition:all .3s var(--ease)}
.svclist a svg{width:18px;height:18px;color:var(--lav400);transition:transform .3s var(--ease),color .3s}
.svclist a:hover{color:var(--brand);padding-inline-start:10px}.svclist a:hover svg{color:var(--orange);transform:translateX(-4px)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fact{padding:22px;border-radius:24px;background:#fff;border:1px solid #fff;box-shadow:0 12px 30px rgba(77,52,146,.07);display:flex;flex-direction:column;gap:8px}
.fact small{color:var(--mute);font-weight:700;font-size:13px}.fact b{font-size:18px;color:var(--heading);line-height:1.6}
.olist{counter-reset:o;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.olist li{counter-increment:o;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid #fff;line-height:1.85}
.olist li::before{content:counter(o);flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);font-weight:900}
.olist li.hl{background:linear-gradient(160deg,#FEF0E6,#fff);border-color:rgba(244,117,34,.25)}
/* specialists */
.filters{position:sticky;top:96px;z-index:20;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px;border-radius:26px;margin-bottom:34px}
.search{flex:1 1 260px;display:flex;align-items:center;gap:10px;padding:0 16px;height:50px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.search input{flex:1;min-width:0;border:0;background:none;font-family:inherit;font-size:15px;text-align:right;color:var(--ink)}
.search input:focus{outline:none}.search svg{width:20px;height:20px;color:var(--mute)}
.fchips{display:flex;gap:6px;flex-wrap:wrap}
.fchips button{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700;font-size:13.5px;color:var(--slate);transition:all .25s}
.fchips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.rcount{font-size:14px;color:var(--mute);margin-inline-start:auto}
.empty{grid-column:1/-1;padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--slate)}
/* profile */
.prof{display:grid;grid-template-columns:380px minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:start}
.pcardS{position:sticky;top:120px;border-radius:32px;overflow:hidden;background:#fff;border:1px solid #fff;box-shadow:0 24px 60px rgba(77,52,146,.12)}
.pcardS .ph{height:400px;position:relative}
.pcardS .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.pcardS .bd{padding:24px;display:flex;flex-direction:column;gap:12px}
.pcardS h1{font-size:26px;font-weight:900;line-height:1.4}
.pcardS .en{direction:ltr;text-align:right;color:var(--mute);font-size:14px}
.kv{display:flex;flex-wrap:wrap;gap:8px}
.kv span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--lav50);font-size:13px;font-weight:700;color:var(--heading)}
.kv svg{width:15px;height:15px;color:var(--orange)}
.divl{height:14px;margin-block:44px;background:repeating-linear-gradient(180deg,rgba(145,111,177,.35) 0 2px,transparent 2px 6px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.mobbar{display:none}
/* library */
.lcats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.lcats button{padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.7);font-weight:700;color:var(--slate);transition:all .25s}
.lcats button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vcard{position:relative;display:flex;flex-direction:column;gap:14px}
.vcard .th{position:relative;aspect-ratio:16/10;border-radius:26px;overflow:hidden;box-shadow:0 18px 40px rgba(43,26,90,.14)}
.vcard .th img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.vcard:hover .th img{transform:scale(1.06)}
.vcard .th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(28,11,69,.6))}
.vcard .pl{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(12px);transition:transform .35s var(--ease)}
.vcard:hover .pl{transform:scale(1.1)}
.vcard .du{position:absolute;z-index:2;left:14px;bottom:14px;padding:5px 10px;border-radius:999px;background:rgba(28,11,69,.55);color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr}
.vcard h3{font-size:19px;font-weight:700;line-height:1.6}
.vcard small{color:var(--orange);font-weight:700;font-size:13px}
.series{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:clamp(36px,5vw,80px);align-items:center}
.series .im{position:relative;height:520px;border-radius:200px 200px 36px 36px;overflow:hidden;box-shadow:0 40px 80px rgba(43,26,90,.2)}
.series .im img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.eplist{display:flex;flex-direction:column;gap:10px}
.eprow{display:grid;grid-template-columns:40px 96px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid #fff;transition:all .35s var(--ease)}
.eprow:hover{background:#fff;box-shadow:0 14px 34px rgba(77,52,146,.12);transform:translateX(-4px)}
.eprow .no{font-weight:900;color:var(--lav400);font-variant-numeric:tabular-nums;text-align:center}
.eprow .th{height:60px;border-radius:14px;overflow:hidden}.eprow .th img{width:100%;height:100%;object-fit:cover}
.eprow b{color:var(--heading);font-size:16.5px}
.eprow time{color:var(--mute);font-size:14px;font-variant-numeric:tabular-nums;direction:ltr}
.vplayer{position:relative;aspect-ratio:16/9;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px rgba(43,26,90,.22);background:#4E3192}
.vplayer img{width:100%;height:100%;object-fit:cover;opacity:.85}
.vplayer .pl{position:absolute;left:50%;top:50%;translate:-50% -50%;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(14px)}
.vplayer .pl::before,.vplayer .pl::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.35);animation:ring 2.6s ease-out infinite}
.vplayer .pl::after{animation-delay:1.3s}
.vplayer .yt{position:absolute;inset-inline:20px;bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.vmeta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.pn{display:flex;justify-content:space-between;gap:16px;margin-top:28px}
.pn a{flex:1;display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.75);border:1px solid #fff;transition:all .3s}
.pn a:hover{background:#fff;box-shadow:0 14px 30px rgba(77,52,146,.1)}
.pn a small{color:var(--mute)}.pn a b{color:var(--heading)}
.pn a.nx{text-align:left}
/* contact */
.cc{display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px}
.cc .cct{flex:1;min-width:0;display:block}
.cc small{display:block;color:var(--mute);font-size:13px}
.cc b{display:block;font-size:17px;color:var(--heading);direction:ltr;text-align:right;user-select:all;word-break:break-all}
.cpbtn{width:42px;height:42px;border-radius:50%;border:0;background:var(--lav100);color:var(--brand);display:grid;place-items:center;flex:none;transition:all .25s}
.cpbtn svg{width:18px;height:18px}
.soc2{display:flex;gap:10px;flex-wrap:wrap}
.soc2 a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--lav100);color:var(--brand);transition:all .25s}
.soc2 a:hover{background:var(--brand);color:#fff}.soc2 svg{width:20px;height:20px}
.short{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:26px;border-radius:28px;transition:transform .4s var(--ease)}
.short:hover{transform:translateY(-4px)}
.short b{font-size:22px;color:var(--heading);font-weight:900}
.short .ibox{width:52px;height:52px}
/* privacy */
.legal{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:start}
.toc{position:sticky;top:120px;display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:24px}
.toc a{padding:10px 12px;border-radius:14px;font-size:14px;color:var(--slate);font-weight:500;display:flex;align-items:center;gap:10px}
.toc a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lav200);flex:none;transition:all .3s}
.toc a.on{background:var(--lav100);color:var(--brand);font-weight:700}
.toc a.on::before{width:14px;border-radius:3px;background:var(--sig)}
.lsec{padding-block:10px 40px;scroll-margin-top:110px}
.lsec h2{font-size:clamp(24px,2.4vw,32px);font-weight:900;margin-bottom:16px}
.lsec>p{color:var(--slate);line-height:1.95;margin-bottom:14px}
.pct{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--orange100);color:#C2560F;font-weight:900;font-variant-numeric:tabular-nums}
.totop{display:inline-flex;align-items:center;gap:8px}
/* join */
.benef{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.steps4 .st{padding:24px;border-radius:26px;background:#fff;border:1px solid #fff;box-shadow:0 12px 30px rgba(77,52,146,.07);display:flex;flex-direction:column;gap:12px}
.steps4 .st span{font-size:34px;font-weight:900;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.steps4 .st b{font-size:17px;color:var(--heading);line-height:1.6}
.jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.job{padding:28px;border-radius:30px;display:flex;flex-direction:column;gap:14px}
.job h3{font-size:22px;font-weight:900}
.job .meta{display:flex;flex-wrap:wrap;gap:8px}
.job .foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.job .foot small{color:var(--slate)}.job .foot b{color:var(--brand);font-size:18px}
.prep{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- responsive (inner) ---------- */
@media (max-width:1100px){
  .letter,.philo,.formwrap,.sdgrid,.vtabs,.prof,.legal,.series,.sblock{grid-template-columns:1fr}
  .sblock.flip .sb-media{order:0}
  .letter .por{position:static;flex-direction:row;align-items:flex-end;gap:20px}
  .letter .por .im{width:200px;height:260px;flex:none}
  .team,.ptiles,.prog-grid,.vgrid,.benef{grid-template-columns:1fr 1fr}
  .xp.lead-xp{grid-column:1/-1}
  .vals{columns:2}
  .aboutnav{display:none}
  .side-why,.sdside,.pcardS,.toc{position:static}
  .toc{display:none}
  .steps4{grid-template-columns:1fr 1fr}
  .g4{grid-template-columns:1fr 1fr}
  .vtabs .tl2{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .vtabs .tl2 button{white-space:nowrap}
  .series .im{height:420px;max-width:420px;width:100%;margin-inline:auto;order:-1}
  .pcardS{display:grid;grid-template-columns:200px 1fr}
  .pcardS .ph{height:auto;min-height:260px}
}
@media (max-width:700px){
  .stmt.vid{margin-inline:8px;border-radius:32px}
  .pmedia{width:calc(100% - 32px);border-radius:28px}
  .two,.g2,.g3,.team,.ptiles,.prog-grid,.vgrid,.benef,.jobs,.facts,.svclist,.steps4,.g4{grid-template-columns:1fr}
  .xp.lead-xp{flex-direction:column}.xp.lead-xp .ph{min-height:320px}
  .pcard.feat{grid-column:auto}
  .vals{columns:1}
  .letter .por{flex-direction:column;align-items:stretch}
  .letter .por .im{width:100%;height:380px}
  .eprow{grid-template-columns:72px minmax(0,1fr) auto}.eprow .no{display:none}
  .pcardS{grid-template-columns:1fr}.pcardS .ph{height:340px}
  .mobbar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line)}
  .mobbar .btn{flex:1;justify-content:center}
  .filters{top:84px;border-radius:20px}
  .pillar{font-size:13px;height:50px}
  .cta-panel{border-radius:32px}
  .pn{flex-direction:column}
}
.pmedia .cap svg,.acc-h .pm svg,.ptile svg.i:not(.big){width:20px;height:20px}
.acc-h .pm svg{width:18px;height:18px}
.xp.lead-xp{grid-row:span 2}
.xp.lead-xp .ph{flex:0 0 50%}
@media (max-width:1100px){.xp.lead-xp{grid-row:auto}}

[hidden]{display:none!important}
.series.rate{grid-template-columns:minmax(0,1fr) 260px;gap:40px}
.rphone{position:relative;width:260px;height:550px;margin-inline:auto}
@media (max-width:700px){.series.rate{grid-template-columns:1fr}}

/* ===== business impact section (home) ===== */
.grad-text .w>span,.grad-w .w>span,.shimmer .w>span{background:inherit;background-size:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
.biz{padding-block:clamp(110px,11vw,170px)}
.bz-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6vw,96px);align-items:center}
.bz-intro{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.bz-intro h2{font-size:clamp(38px,4.6vw,66px);line-height:1.15}
.bz-acts{display:flex;gap:12px;flex-wrap:wrap}
.roi{position:relative;padding:34px 30px 26px;border-radius:36px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 40px 80px rgba(8,2,30,.35),inset 0 1px 0 rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden}
.roi::before{content:"";position:absolute;width:320px;height:320px;left:50%;top:-120px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.35),transparent);filter:blur(20px);animation:breathe 9s ease-in-out infinite}
.roi-l{position:relative;font-size:14px;color:var(--lav200);font-weight:500;letter-spacing:.2px}
.roi-g{position:relative;width:min(340px,100%)}
.roi-g svg{width:100%;height:auto;display:block}
.roi-v{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:center;gap:2px}
.roi-v b{font-size:clamp(46px,5vw,64px);font-weight:900;line-height:1;background:linear-gradient(90deg,#fff,#F7C29E);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.roi-v small{color:var(--lav200);font-size:14px}
.roi-src{position:relative;display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--lav400)}
.roi-src svg{width:16px;height:16px}
.mstrip{margin-top:clamp(56px,6vw,84px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:hidden}
.mcell{position:relative;padding:30px 28px 28px;display:flex;flex-direction:column;gap:12px;transition:background .4s}
.mcell+.mcell{border-inline-start:1px solid rgba(255,255,255,.12)}
.mcell:hover{background:rgba(255,255,255,.05)}
.mcell .ml{font-size:14px;color:var(--lav200);font-weight:500}
.mcell b{display:flex;align-items:baseline;gap:10px;font-size:clamp(38px,3.6vw,52px);font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums;justify-content:flex-start}
.mcell b[dir=ltr]{justify-content:flex-end}
.mcell b em{font-style:normal;font-size:15px;font-weight:700;color:var(--lav200)}
.mcell.warn b{color:#F7A56E}
.mbar{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.mbar>i{display:block;height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,#916FB1,#F47523);transform-origin:right;transform:scaleX(0);transition:transform 1.6s var(--ease)}
.mstrip.in .mbar>i{transform:scaleX(var(--w))}
.mcell small{font-size:13px;color:var(--lav400);line-height:1.7}
.biz .srcline{margin-top:20px}
.biz .progs{margin-top:clamp(90px,9vw,130px)}
@media (max-width:1100px){.bz-top{grid-template-columns:1fr}.mstrip{grid-template-columns:1fr 1fr}.mcell:nth-child(3){border-inline-start:0}.mcell:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}}
@media (max-width:700px){.mstrip{grid-template-columns:1fr}.mcell+.mcell{border-inline-start:0;border-top:1px solid rgba(255,255,255,.12)}}

/* ===== Tawazon guide (floating assistant) ===== */
.tg{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:70;direction:rtl}
.tg.has-bar{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.tg-fab{position:relative;width:72px;height:72px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;background:none;filter:drop-shadow(0 16px 30px rgba(101,79,177,.45));transition:transform .5s var(--ease);animation:tgBob 5s ease-in-out infinite}
.tg-fab:hover{transform:translateY(-4px) scale(1.06)}
@keyframes tgBob{0%,100%{translate:0 0}50%{translate:0 -6px}}
.tg-orb{width:72px;height:72px;border-radius:50%;transition:transform .5s var(--ease),opacity .35s}
.tg-fab::after{content:"";position:absolute;top:6px;left:6px;width:13px;height:13px;border-radius:50%;background:#78C362;border:2.5px solid #fff}
.tg-x{position:absolute;width:26px;height:26px;color:#fff;opacity:0;transform:rotate(-90deg);transition:all .4s var(--ease)}
.tg.open .tg-fab{animation:none;background:linear-gradient(145deg,#6B48C4,#5532A8)}
.tg.open .tg-fab::after{display:none}
.tg.open .tg-orb{opacity:0;transform:scale(.5) rotate(60deg)}
.tg.open .tg-x{opacity:1;transform:none}
.tg-ring{position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(145,111,177,.5);animation:tgRing 3s ease-out infinite;pointer-events:none}
.tg.open .tg-ring{display:none}
@keyframes tgRing{from{transform:scale(.92);opacity:.9}to{transform:scale(1.3);opacity:0}}
.tg-tip{position:absolute;right:86px;bottom:20px;white-space:nowrap;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#fff;color:var(--heading);font-weight:700;font-size:14px;box-shadow:0 12px 30px rgba(77,52,146,.18);opacity:0;transform:translateX(8px);pointer-events:none;transition:all .5s var(--ease)}
.tg-tip.on{opacity:1;transform:none}
.tg-panel{position:absolute;right:0;bottom:88px;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100vh - 140px));display:flex;flex-direction:column;border-radius:30px;overflow:hidden;background:rgba(250,249,255,.88);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid rgba(255,255,255,.9);box-shadow:0 40px 90px rgba(43,26,90,.28);transform-origin:bottom right;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .35s var(--ease),transform .45s var(--ease)}
.tg-panel.on{opacity:1;transform:none}
.tg-h{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(120deg,#4C3492,#5532A8);color:#fff;position:relative;overflow:hidden}
.tg-h::before{content:"";position:absolute;width:200px;height:200px;left:-60px;top:-110px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.55),transparent);filter:blur(10px)}
.tg-av{position:relative;width:44px;height:44px;border-radius:50%;flex:none}
.tg-av img{width:100%;height:100%;border-radius:50%}
.tg-t{position:relative;flex:1;display:flex;flex-direction:column}
.tg-t b{font-size:16px}
.tg-t small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--lav200)}
.tg-t small i{width:7px;height:7px;border-radius:50%;background:#78C362;box-shadow:0 0 0 3px rgba(122,195,98,.25)}
.tg-close{position:relative;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center}
.tg-close svg{width:18px;height:18px}
.tg-body{flex:1;overflow-y:auto;padding:14px 16px 8px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.tg-hello{display:grid;place-items:center;padding:6px 0 2px;animation:rise .7s var(--ease) both}
.tg-hello img{width:150px;height:auto;filter:drop-shadow(0 18px 30px rgba(101,79,177,.35));animation:tgBob 6s ease-in-out infinite}
.tg-m{max-width:86%;padding:12px 14px;border-radius:20px;font-size:14.5px;line-height:1.8;animation:rise .45s var(--ease) both}
.tg-m p+p{margin-top:6px}
.tg-m.bot{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid #fff;border-top-right-radius:6px;box-shadow:0 8px 22px rgba(77,52,146,.08)}
.tg-m.me{align-self:flex-end;background:var(--btn);color:#fff;border-top-left-radius:6px}
.tg-m.typing{display:flex;gap:5px;padding:14px 16px}
.tg-m.typing span{width:7px;height:7px;border-radius:50%;background:var(--lav400);animation:tgDot 1s ease-in-out infinite}
.tg-m.typing span:nth-child(2){animation-delay:.15s}.tg-m.typing span:nth-child(3){animation-delay:.3s}
@keyframes tgDot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
.tg-ls{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.tg-ls a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:var(--lav50);border:1px solid var(--line);color:var(--brand);font-weight:700;font-size:13.5px;transition:all .25s}
.tg-ls a:hover{background:var(--lav100);transform:translateX(-3px)}
.tg-ls a svg{width:16px;height:16px;flex:none}
.tg-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 16px 10px}
.tg-chips button{padding:8px 12px;border-radius:999px;border:1px solid var(--lav200);background:rgba(255,255,255,.8);color:var(--heading);font-size:13px;font-weight:500;transition:all .25s}
.tg-chips button:hover{border-color:var(--brand);color:var(--brand);background:#fff}
.tg-in{display:flex;gap:8px;align-items:center;margin:0 12px 6px;padding:6px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(77,52,146,.08)}
.tg-in input{flex:1;min-width:0;border:0;background:none;font-family:inherit;font-size:14.5px;padding:8px 10px;color:var(--ink);text-align:right}
.tg-in input:focus{outline:none}
.tg-in button{width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--sig);color:#fff;flex:none}
.tg-in button svg{width:18px;height:18px;transform:scaleX(-1)}
.tg-note{font-size:11px;color:var(--mute);text-align:center;padding:0 12px 10px}
@media (max-width:700px){
  .tg{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .tg.has-bar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .tg-fab,.tg-orb{width:62px;height:62px}
  .tg-tip{right:74px;bottom:14px}
  .tg-panel{position:fixed;left:8px;right:8px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:auto;height:min(580px,calc(100vh - 120px))}
  .tg-hello img{width:120px}
}
@media (prefers-reduced-motion:reduce){.tg-ring,.tg-fab,.tg-hello img{animation:none}}

/* program cards v2: small logo mark + richer hover */
.prog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pcard{min-height:230px;padding:28px 28px 24px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(77,52,146,.08),rgba(244,117,34,.08)) border-box;border:1.5px solid transparent;transition:transform .6s var(--ease),box-shadow .6s var(--ease),background .6s}
.pcard::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,80%) var(--my,0%),rgba(145,111,177,.16),transparent 55%);opacity:0;transition:opacity .5s}
.pcard:hover{transform:translateY(-8px);box-shadow:0 34px 70px rgba(77,52,146,.18);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#916FB1,#F47523) border-box}
.pcard:hover::before{opacity:1}
.pcard .lines{position:absolute;left:24px;top:24px;bottom:auto;width:46px;height:auto;opacity:1;color:var(--lav200);z-index:0;transform:none}
.pcard .lines rect{transform-box:fill-box;transform-origin:center;transition:transform .7s var(--ease),fill .4s;fill:currentColor}
.pcard:hover .lines{transform:none;opacity:1;color:#916FB1}
.pcard:hover .lines rect:nth-child(odd){transform:translateX(-5px)}
.pcard:hover .lines rect:nth-child(even){transform:translateX(5px)}
.pcard .lines rect:nth-child(1){transition-delay:0s}.pcard .lines rect:nth-child(2){transition-delay:.04s}.pcard .lines rect:nth-child(3){transition-delay:.08s}.pcard .lines rect:nth-child(4){transition-delay:.12s}.pcard .lines rect:nth-child(5){transition-delay:.16s}.pcard .lines rect:nth-child(6){transition-delay:.2s}.pcard .lines rect:nth-child(7){transition-delay:.24s}.pcard .lines rect:nth-child(8){transition-delay:.28s}
.pcard h3{transition:color .4s}
.pcard:hover h3{color:var(--brand)}
.pcard .lnk{position:relative;padding:10px 0;transition:gap .4s var(--ease)}
.pcard .lnk::after{content:"";position:absolute;right:0;bottom:4px;height:2px;width:0;border-radius:2px;background:var(--sig);transition:width .5s var(--ease)}
.pcard:hover .lnk{gap:14px}
.pcard:hover .lnk::after{width:100%}
.pcard .tag-c{position:relative;z-index:1}
.pcard.feat{grid-column:1/-1;min-height:200px;flex-direction:row;align-items:flex-end;justify-content:space-between;background:linear-gradient(130deg,#6243BA,#5532A8) padding-box,linear-gradient(135deg,#916FB1,#F47523) border-box}
.pcard.feat .lines{width:64px;color:rgba(255,255,255,.35)}
.pcard.feat:hover .lines{color:#F7A56E}
.pcard.feat:hover h3{color:#fff}
.pcard.feat .lnk{color:#F7A56E}
@media (max-width:1100px){.prog-grid{grid-template-columns:1fr 1fr}.pcard.feat{flex-direction:column;align-items:flex-start}}
@media (max-width:700px){.prog-grid{grid-template-columns:1fr}}
.pcard .lnk{align-self:flex-start}
.others .pcard{flex:0 0 clamp(250px,24vw,310px);scroll-snap-align:start}

/* key partnerships v2: soft glass in brand colours */
.ptile{min-height:210px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:28px;padding:28px;border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(241,238,252,.62));transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.ptile::before{display:none}
.ptile:hover{transform:translateY(-8px);box-shadow:0 30px 64px rgba(77,52,146,.16)}
.pt-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--btn);box-shadow:0 12px 26px rgba(77,52,146,.28);transition:transform .6s var(--ease),background .5s}
.ptile:nth-child(3n+2) .pt-ic{background:linear-gradient(180deg,#916FB1,#6B48C4)}
.ptile:nth-child(3n) .pt-ic{background:linear-gradient(180deg,#F7A56E,#F47523);box-shadow:0 12px 26px rgba(244,117,34,.28)}
.pt-ic svg{width:26px;height:26px}
.ptile:hover .pt-ic{transform:rotate(-8deg) scale(1.06)}
.ptile b{color:var(--heading);font-size:21px;font-weight:900;line-height:1.5}
.pt-n{position:absolute;left:26px;top:26px;font-size:13px;font-weight:900;color:var(--lav400);font-variant-numeric:tabular-nums}
.ptile .lines{position:absolute;inset:auto auto 22px 24px;width:42px;opacity:1;color:var(--lav200)}
.ptile .lines rect{transform-box:fill-box;transition:transform .7s var(--ease)}
.ptile:hover .lines{color:#916FB1}
.ptile:hover .lines rect:nth-child(odd){transform:translateX(-4px)}
.ptile:hover .lines rect:nth-child(even){transform:translateX(4px)}
/* about navigator: compact dots, label only for active / hover */
.aboutnav{left:18px;padding:8px;gap:0}
.aboutnav a{padding:7px 8px;font-size:12.5px}
.aboutnav a span{max-width:0;overflow:hidden;opacity:0;transition:max-width .5s var(--ease),opacity .3s}
.aboutnav:hover a span,.aboutnav a.on span{max-width:160px;opacity:1}
.pt-n{display:none}
.ptile .lines{inset:30px auto auto 28px;width:40px}

/* values as flip cards */
.flips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;perspective:1600px}
.vflip{position:relative;height:400px;cursor:pointer;outline:none;border-radius:28px}
.vflip:focus-visible{box-shadow:0 0 0 3px var(--orange)}
.fin{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.vflip:hover .fin,.vflip.turn .fin{transform:rotateY(180deg)}
.ff{position:absolute;inset:0;border-radius:28px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ff.front{background:#5532A8;box-shadow:0 20px 44px rgba(43,26,90,.18)}
.ff.front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.vflip:hover .ff.front img{transform:scale(1.08)}
.ff.front::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,11,69,.05) 30%,rgba(28,11,69,.82))}
.ff.front .k{position:absolute;z-index:2;top:16px;right:16px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-weight:900;font-size:14px;font-variant-numeric:tabular-nums}
.ff.front .ft{position:absolute;z-index:2;inset-inline:16px;bottom:16px;padding:16px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:8px}
.ff.front h3{color:#fff;font-size:19px;font-weight:900;line-height:1.5}
.ff.front .hint{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.8)}
.ff.front .hint svg{width:14px;height:14px}
.ff.back{transform:rotateY(180deg);padding:24px 22px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(160deg,#fff,#F1EEFC);border:1px solid #fff;box-shadow:0 24px 50px rgba(77,52,146,.16)}
.ff.back .k{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--orange100);color:var(--orange);font-weight:900;font-variant-numeric:tabular-nums}
.ff.back h3{font-size:18px;font-weight:900;color:var(--heading);line-height:1.5}
.ff.back p{font-size:13.5px;line-height:1.85;color:var(--slate);overflow:auto}
.ff.back .lines{position:absolute;left:18px;bottom:16px;width:34px;color:var(--lav200)}
.vflip.hl .ff.back{background:linear-gradient(160deg,#6243BA,#5532A8);border:0}
.vflip.hl .ff.back h3{color:#fff}.vflip.hl .ff.back p{color:var(--lav200)}
.vflip.hl .ff.back .k{background:rgba(255,255,255,.14);color:#F7A56E}
.vflip.hl .ff.front{box-shadow:0 0 0 2px #F7A56E,0 20px 44px rgba(43,26,90,.25)}
@media (max-width:1100px){.flips{grid-template-columns:repeat(2,minmax(0,1fr))}.vflip{height:380px}}
@media (max-width:700px){.flips{grid-template-columns:1fr}.vflip{height:360px}.ff.back p{font-size:14.5px}}
@media (hover:none){.vflip:hover .fin{transform:none}.vflip.turn .fin{transform:rotateY(180deg)}.ff.front .hint{font-size:0}.ff.front .hint::after{content:"اضغط لمعرفة المزيد";font-size:12px}}
@media (prefers-reduced-motion:reduce){.fin{transition:none}}

/* custom select */
.cs{position:relative}
.cs>select{position:absolute;inset:0;opacity:0;pointer-events:none}
.cs-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.85);font-family:inherit;font-size:15px;color:var(--mute);text-align:right;transition:border-color .25s,box-shadow .25s,background .25s}
.cs.has .cs-btn{color:var(--ink)}
.cs-btn:hover{border-color:var(--lav400);background:#fff}
.cs-btn:focus-visible,.cs.open .cs-btn{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(77,52,146,.12);background:#fff}
.cs-c{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--lav50);color:var(--brand);flex:none;transition:transform .35s var(--ease),background .25s}
.cs-c svg{width:18px;height:18px}
.cs.open .cs-c{transform:rotate(180deg);background:var(--lav100)}
.cs.dis .cs-btn{opacity:.55;cursor:not-allowed}
.cs:has(select.bad) .cs-btn{border-color:#E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.10)}
.cs-pop{position:absolute;z-index:40;inset-inline:0;top:calc(100% + 8px);padding:8px;border-radius:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid #fff;box-shadow:0 24px 60px rgba(43,26,90,.20),0 2px 8px rgba(43,26,90,.06);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity .22s var(--ease),transform .3s var(--ease)}
.cs.up .cs-pop{top:auto;bottom:calc(100% + 8px);transform-origin:bottom center;transform:translateY(6px) scale(.98)}
.cs.open .cs-pop{opacity:1;transform:none}
.cs-s{padding:2px 2px 8px}
.cs-s input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--lav50);font-family:inherit;font-size:14px;text-align:right}
.cs-s input:focus{outline:none;border-color:var(--brand)}
.cs-l{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.cs-l li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:12px;font-size:15px;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,padding .25s var(--ease)}
.cs-l li svg{width:18px;height:18px;color:var(--brand);opacity:0;transform:scale(.6);transition:all .25s var(--ease)}
.cs-l li.act{background:var(--lav50);padding-inline-start:18px}
.cs-l li.sel{color:var(--brand);font-weight:700;background:var(--lav100)}
.cs-l li.sel svg{opacity:1;transform:none}
.cs-e{padding:12px;text-align:center;color:var(--mute);font-size:14px}
.fstep{position:relative;z-index:2}.fl:has(.cs.open){position:relative;z-index:5}
.stepper .s.done{background:none;padding:0;border-radius:0;color:inherit;font-weight:inherit;display:flex}

/* client 18-10: illustrative image on every program card */
.pcard .pc-ph{display:block;margin:-28px -28px 0;height:190px;overflow:hidden;border-radius:30px 30px 0 0}
.pcard .pc-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .8s var(--ease)}
.pcard:hover .pc-ph img{transform:scale(1.05)}
.pcard.feat .pc-ph{height:240px}
.pcard>div{flex:1}
.pcard .pc-ph{flex-shrink:0}
.pcard.feat .pc-ph{align-self:stretch;width:44%;height:auto;margin-block:-28px -30px;margin-inline:-28px 0;border-radius:0}
@media (max-width:1100px){.pcard.feat .pc-ph{width:auto;height:220px;align-self:auto;margin:-28px -28px 0;margin-inline:-28px;border-radius:0}.pcard.feat .pc-ph{width:calc(100% + 56px)}}
/* ===================== V6 · one visual language ===================== */
/* type scale: editorial, bigger */
h2{font-size:clamp(40px,4.8vw,70px);line-height:1.14;letter-spacing:-.3px}
.sh .t{gap:20px}
.lead{font-size:clamp(17px,1.45vw,20px)}
/* quiet section labels (no pill) — pills stay only in heroes */
.eyebrow{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;border-radius:0;color:var(--brand);font-size:14px;letter-spacing:.2px;gap:12px}
.eyebrow::before{width:28px;height:3px;border-radius:3px;background:var(--sig);box-shadow:none;animation:none}
.eyebrow.dark{background:none;color:#F7A56E}
.eyebrow.dark::before{background:linear-gradient(90deg,#fff,#F7A56E)}
.hero3 .eyebrow,.phero .eyebrow,.ph6 .eyebrow{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(244,117,34,.22);color:var(--orange);box-shadow:0 8px 24px rgba(244,117,34,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero3 .eyebrow::before,.phero .eyebrow::before,.ph6 .eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(244,117,34,.16);animation:dotpulse 2.4s ease-in-out infinite}
.sh.center .t{align-items:center}

/* home · business programs on dark */
.bz-progs{margin-top:clamp(90px,9vw,130px)}
.bz-ph{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.bz-ph h3{color:#fff;font-size:clamp(28px,3vw,42px);font-weight:300}
.bz-ph h3 b{font-weight:900}
.prog-grid.dark .pcard{background:linear-gradient(rgba(255,255,255,.07),rgba(255,255,255,.07)) padding-box,linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06)) border-box;box-shadow:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.prog-grid.dark .pcard h3{color:#fff}.prog-grid.dark .pcard small{color:var(--lav200)}
.prog-grid.dark .pcard .lnk{color:#F7A56E}
.prog-grid.dark .pcard .lines{color:rgba(255,255,255,.22)}
.prog-grid.dark .pcard::before{background:radial-gradient(420px circle at var(--mx,80%) var(--my,0%),rgba(244,117,34,.18),transparent 55%)}
.prog-grid.dark .pcard:hover{background:linear-gradient(rgba(255,255,255,.11),rgba(255,255,255,.11)) padding-box,linear-gradient(135deg,#916FB1,#F47523) border-box;box-shadow:0 30px 60px rgba(8,2,30,.4)}
.prog-grid.dark .pcard:hover h3{color:#fff}
.prog-grid.dark .pcard:hover .lines{color:#F7A56E}
.prog-grid.dark .pcard.feat{background:linear-gradient(120deg,rgba(244,117,34,.22),rgba(145,111,177,.18)) padding-box,linear-gradient(135deg,#916FB1,#F47523) border-box}
.prog-grid.dark .tag-c.orange{background:rgba(244,117,34,.16);color:#F7A56E}

/* home · closing doors */
.door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.door{position:relative;display:flex;flex-direction:column;border-radius:34px;overflow:hidden;background:rgba(255,255,255,.75);border:1px solid #fff;box-shadow:0 20px 50px rgba(77,52,146,.10);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.door:hover{transform:translateY(-10px);box-shadow:0 40px 80px rgba(77,52,146,.18)}
.door .dv{position:relative;height:260px;overflow:hidden;display:grid;place-items:center}
.door.d1 .dv{background:linear-gradient(160deg,#F1EEFC,#FBEDE3)}
.door.d2 .dv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.door.d2:hover .dv img{transform:scale(1.06)}
.door.d2 .dv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(28,11,69,.5))}
.door .pl{position:relative;z-index:2;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(12px);transition:transform .4s var(--ease)}
.door:hover .pl{transform:scale(1.1)}
.door.d3 .dv{background:linear-gradient(160deg,#6243BA,#5532A8)}
.dphone{position:absolute!important;width:170px;height:360px;bottom:-130px;left:50%;translate:-50% 0;transition:transform .8s var(--ease)}
.door.d3:hover .dphone{transform:translateY(-24px) rotate(-3deg)}
.door .dt{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.door h3{font-size:24px;font-weight:900}
.door p{color:var(--slate);font-size:15px;line-height:1.8}
.mini-bars{width:72%;display:flex;flex-direction:column;align-items:center;gap:9px}
.mini-bars i{display:block;height:14px;border-radius:8px;width:var(--w);background:linear-gradient(90deg,#4C3492,#916FB1 60%,#F47523);animation:mbar 6s var(--ease) infinite;animation-delay:var(--d);transform-origin:center}
@keyframes mbar{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.82)}}
.door:hover .mini-bars i{animation-duration:2.4s}

/* footer v6: big brand statement */
.ftr{padding-top:clamp(120px,12vw,170px);margin-top:0}
.fbig{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;padding-bottom:clamp(56px,6vw,80px);margin-bottom:clamp(48px,5vw,64px);border-bottom:1px solid rgba(255,255,255,.12)}
.fbig h2{color:#fff;font-size:clamp(48px,7vw,104px);line-height:1.05;font-weight:300}
.fbig h2 b{font-weight:900;background:linear-gradient(90deg,#fff,#F7A56E);-webkit-background-clip:text;background-clip:text;color:transparent}
.fbig .fa{display:flex;gap:12px;flex-wrap:wrap}

/* page transition: one soft veil (no stepped bars) */
.pt{position:fixed;inset:0;z-index:200;pointer-events:none;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#F7F5FC 0%,#ECE7FB 60%,#E4DBF8 100%);opacity:0;transition:opacity .42s cubic-bezier(.4,0,.2,1)}
.pt.boot{opacity:1;transition:none}
.pt.cover{opacity:1;pointer-events:auto}
.pt .pt-logo{width:56px;color:#4C3492;opacity:.9;transform:scale(.9);transition:transform .6s var(--ease)}
.pt.cover .pt-logo,.pt.boot .pt-logo{transform:scale(1)}
.pt:not(.boot):not(.cover){transition:opacity .7s cubic-bezier(.4,0,.2,1) .05s}
@media (prefers-reduced-motion:reduce){.pt{display:none}}

/* inner heroes v6 */
.ph6{position:relative;padding-top:clamp(140px,12vw,180px);padding-bottom:clamp(60px,6vw,90px)}
.ph6 .crumb{justify-content:flex-start;margin-bottom:22px}
.ph6 h1{font-size:clamp(46px,6.2vw,96px);line-height:1.08}
.ph6 .lead{max-width:56ch}
.ph6-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,90px);align-items:center}
.ph6-t{display:flex;flex-direction:column;gap:24px;align-items:flex-start;min-width:0}
.ph6-t .acts2{display:flex;gap:12px;flex-wrap:wrap}
/* cinematic (video / image full-bleed with title over) */
.cine{position:relative;margin:clamp(96px,8vw,120px) 16px 0;border-radius:48px;overflow:hidden;min-height:min(86vh,820px);display:flex;align-items:flex-end;isolation:isolate}
.cine video,.cine>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cine::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,11,69,.15) 0%,rgba(28,11,69,.05) 35%,rgba(28,11,69,.72) 100%)}
.cine .wrap{width:100%;padding-block:clamp(40px,5vw,72px)}
.cine .crumb{justify-content:flex-start}.cine .crumb a,.cine .crumb span{color:rgba(255,255,255,.85)}
.cine h1{color:#fff;font-size:clamp(46px,6.6vw,104px);line-height:1.06;margin:18px 0 18px;text-shadow:0 4px 40px rgba(28,11,69,.35)}
.cine h1 b{background:linear-gradient(90deg,#fff,#F7C29E);-webkit-background-clip:text;background-clip:text;color:transparent}
.cine .lead{color:rgba(255,255,255,.9);max-width:54ch}
.cine .cine-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.cine .chipsg{display:flex;gap:10px;flex-wrap:wrap}
.cine .chipsg span{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;font-weight:500;font-size:14px}
.cine .chipsg svg{width:18px;height:18px}
/* business hero: deep with the ROI number */
.ph6.deep{margin:clamp(96px,8vw,120px) 16px 0;padding-top:clamp(80px,7vw,110px);border-radius:48px;background:linear-gradient(160deg,#4E3192,#5A39AE);color:#fff;overflow:hidden;isolation:isolate}
.ph6.deep::before{content:"";position:absolute;width:640px;height:460px;left:-160px;top:-120px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.36),transparent);filter:blur(80px);z-index:-1;animation:breathe 10s ease-in-out infinite}
.ph6.deep h1{color:#fff}.ph6.deep h1 b{background:linear-gradient(90deg,#fff,#F7A56E);-webkit-background-clip:text;background-clip:text;color:transparent}
.ph6.deep .lead{color:var(--lav200)}
.ph6.deep .crumb a,.ph6.deep .crumb span{color:var(--lav200)}
.bignum{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bignum b{font-size:clamp(90px,13vw,200px);font-weight:900;line-height:.9;background:linear-gradient(180deg,#fff,#C9B8F2 60%,#F47523);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;letter-spacing:-4px}
.bignum small{color:var(--lav200);font-size:16px;max-width:30ch;line-height:1.8}
.bignum .src{font-size:13px;color:var(--lav400)}
/* specialists hero: team mosaic */
.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;transform:rotate(-4deg)}
.mosaic .mt{aspect-ratio:3/4;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#ECEAFC,#F7F0FA);box-shadow:0 18px 40px rgba(43,26,90,.14);animation:mfloat 9s ease-in-out infinite}
.mosaic .mt:nth-child(3n+2){margin-top:40px;animation-duration:11s}
.mosaic .mt:nth-child(3n){margin-top:-20px;animation-duration:10s}
.mosaic .mt img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
@keyframes mfloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
/* library hero: big player */
.bigplayer{position:relative;aspect-ratio:16/10;border-radius:36px;overflow:hidden;box-shadow:0 40px 90px rgba(43,26,90,.25);display:block}
.bigplayer img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.bigplayer:hover img{transform:scale(1.05)}
.bigplayer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(28,11,69,.8))}
.bigplayer .pl{position:absolute;z-index:2;left:50%;top:45%;translate:-50% -50%;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(14px)}
.bigplayer .pl::before,.bigplayer .pl::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(255,255,255,.35);animation:ring 2.6s ease-out infinite}
.bigplayer .pl::after{animation-delay:1.3s}
.bigplayer .meta{position:absolute;z-index:2;inset-inline:24px;bottom:22px;color:#fff;display:flex;flex-direction:column;gap:6px}
.bigplayer .meta b{font-size:26px}.bigplayer .meta small{color:var(--lav200)}
.bigplayer .wv{position:absolute;z-index:2;left:24px;bottom:30px;display:flex;gap:3px;align-items:center;height:30px}
.bigplayer .wv i{width:4px;border-radius:2px;background:rgba(255,255,255,.7);animation:wv 1.4s ease-in-out infinite}
/* join hero: a specialist card building itself */
.buildcard{position:relative;width:min(420px,100%);margin-inline:auto;padding:26px;border-radius:32px;display:flex;flex-direction:column;gap:16px}
.buildcard .row{display:flex;align-items:center;gap:14px}
.buildcard .av{width:64px;height:64px;border-radius:20px;background:var(--sig);display:grid;place-items:center;color:#fff;flex:none}
.buildcard .av svg{width:30px;height:30px}
.bc-line{height:12px;border-radius:8px;background:var(--lav100);position:relative;overflow:hidden}
.bc-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#916FB1,#4C3492);transform:scaleX(0);transform-origin:right;animation:bcfill 7s var(--ease) infinite;animation-delay:var(--d)}
@keyframes bcfill{0%,8%{transform:scaleX(0)}28%,82%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.bc-chips{display:flex;gap:8px;flex-wrap:wrap}
.bc-chips span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--brand);opacity:0;animation:bcchip 7s var(--ease) infinite;animation-delay:var(--d)}
@keyframes bcchip{0%,30%{opacity:0;transform:translateY(8px)}40%,85%{opacity:1;transform:none}100%{opacity:0}}
.bc-ok{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#EAF6E4;color:#2C6A31;font-weight:700;font-size:14px;opacity:0;animation:bcok 7s var(--ease) infinite}
@keyframes bcok{0%,55%{opacity:0;transform:scale(.95)}62%,88%{opacity:1;transform:none}100%{opacity:0}}
.bc-ok svg{width:20px;height:20px}
/* contact hero: breathing orb */
.corb{position:relative;width:min(420px,90%);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center}
.corb::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0%,#CDBCF0 18%,#6B48C4 56%,#F47523 100%);box-shadow:0 40px 90px rgba(101,79,177,.4),inset -18px -26px 50px rgba(0,0,0,.18);animation:breathe 8s ease-in-out infinite}
.corb::after{content:"";position:absolute;inset:-4%;border-radius:50%;border:1.5px solid rgba(145,111,177,.35);animation:breathe 8s ease-in-out infinite reverse}
.corb span{position:relative;z-index:2;color:#fff;font-weight:900;font-size:clamp(18px,1.8vw,22px);text-align:center;line-height:1.7;text-shadow:0 2px 16px rgba(28,11,69,.35)}
.corb small{display:block;font-weight:500;font-size:14px;opacity:.9}
/* about hero: panoramic with title card */
.pano{position:relative;margin:clamp(96px,8vw,120px) 16px 0;border-radius:48px;overflow:hidden;min-height:min(80vh,760px);display:flex;align-items:center;isolation:isolate}
.pano>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:kb 26s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08)}}
.pano::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(28,11,69,.55),rgba(28,11,69,.1) 60%)}
.pano .card6{margin-inline-start:clamp(20px,5vw,72px);width:min(560px,calc(100% - 40px));padding:clamp(28px,3vw,44px);border-radius:36px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);color:#fff;display:flex;flex-direction:column;gap:18px}
.pano h1{color:#fff;font-size:clamp(44px,5.6vw,84px);line-height:1.08}
.pano h1 b{background:linear-gradient(90deg,#fff,#F7C29E);-webkit-background-clip:text;background-clip:text;color:transparent}
.pano .lead{color:rgba(255,255,255,.92)}
.pano .crumb{justify-content:flex-start}.pano .crumb a,.pano .crumb span{color:rgba(255,255,255,.85)}
.pano .eyebrow{align-self:flex-start}

@media (max-width:1100px){
  .ph6-grid{grid-template-columns:1fr}
  .door-grid{grid-template-columns:1fr 1fr}
  .mosaic{transform:none;max-width:560px;margin-inline:auto}
}
@media (max-width:700px){
  .door-grid{grid-template-columns:1fr}
  .cine,.pano,.ph6.deep{margin-inline:8px;border-radius:32px}
  .cine{min-height:78vh}
  .pano{min-height:auto;padding-block:120px 24px;align-items:flex-end}
  .mosaic{gap:10px}.mosaic .mt{border-radius:18px}
  .fbig h2{font-size:48px}
}

/* balance measure */
.mini-bars.mb-big{width:min(440px,90%);margin-inline:auto;gap:14px}
.mini-bars.mb-big i{height:22px;border-radius:12px}
.bal{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start}
.bal-in{padding:clamp(24px,3vw,36px);border-radius:34px;display:flex;flex-direction:column;gap:20px}
.bal-r{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.bal-h{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.bal-h label{display:flex;flex-direction:column;gap:2px}
.bal-h b{color:var(--heading);font-size:16.5px}.bal-h small{color:var(--slate);font-size:13.5px}
.bal-h output{min-width:44px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);font-weight:900;font-variant-numeric:tabular-nums}
.bal-r input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:10px;background:linear-gradient(270deg,#4C3492,#916FB1 var(--p,60%),var(--lav100) var(--p,60%));direction:rtl;cursor:pointer}
.bal-r input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #4C3492;box-shadow:0 6px 16px rgba(77,52,146,.3);transition:transform .2s}
.bal-r input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.bal-r input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #4C3492}
.bal-r input[type=range]:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.bal-out{position:sticky;top:110px;display:flex;flex-direction:column;gap:18px}
.bal-shape{position:relative;padding:28px;border-radius:34px;display:flex;flex-direction:column;gap:22px;overflow:hidden}
.bal-score{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.bal-score small{color:var(--slate)}
.bal-score b{font-size:64px;font-weight:900;line-height:1;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.bal-score em{font-style:normal;font-size:20px;color:var(--mute);-webkit-text-fill-color:var(--mute);margin-inline-start:6px}
.bal-tip{color:var(--heading);font-weight:700}
.bal-bars{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}
.bb{position:relative;width:100%;display:flex;justify-content:center}
.bb i{display:block;height:30px;width:var(--w,60%);border-radius:12px;background:linear-gradient(90deg,#4C3492,#916FB1 60%,#F47523);transition:width .8s var(--ease),background .4s;box-shadow:0 8px 18px rgba(77,52,146,.18)}
.bb.low i{background:linear-gradient(90deg,#F7A56E,#F47523)}
.bb span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap;text-shadow:0 1px 6px rgba(28,11,69,.4);pointer-events:none}
.bal-axis{position:absolute;left:50%;top:150px;bottom:24px;width:1px;background:linear-gradient(180deg,transparent,rgba(77,52,146,.25),transparent)}
.bal-sug{padding:26px;border-radius:30px;display:flex;flex-direction:column;gap:14px}
.bal-sug h3{font-size:20px;font-weight:900}
.sg{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;background:var(--lav50)}
.sg-k{font-weight:900;color:var(--orange);font-size:14px}
.sg-l{display:flex;flex-direction:column;gap:6px}
.sg-l a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:700;color:var(--brand);font-size:14px;transition:all .25s}
.sg-l a:hover{transform:translateX(-3px);border-color:var(--brand)}
.sg-l svg{width:16px;height:16px}
.bal-note{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--mute);line-height:1.8}
.bal-note svg{flex:none;margin-top:4px}
@media (max-width:1100px){.bal{grid-template-columns:1fr}.bal-out{position:static}}
/* partner strip as logo cells (real logo files to be dropped in) */
.partners3 .pc{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:84px;margin-inline:8px;padding:0 28px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 10px 26px rgba(77,52,146,.06);color:var(--heading);font-size:16px;opacity:1;filter:grayscale(1);transition:filter .4s,transform .4s var(--ease)}
.partners3 .pc:hover{filter:none;transform:translateY(-3px)}
.partners3 .pc img{max-height:46px;max-width:160px;object-fit:contain}
.partners3 .pc::before{display:none}

/* partners strip: breathing room + quieter cells */
.partners3{padding-block:clamp(70px,7vw,100px) clamp(110px,10vw,150px)}
.partners3 .pc{height:68px;min-width:180px;border-radius:18px;font-size:15px;color:var(--slate);background:rgba(255,255,255,.55);box-shadow:none}

/* ===== specialists v6 ===== */
.sph{padding-top:clamp(140px,12vw,180px);padding-bottom:clamp(30px,4vw,50px);text-align:center}
.sph .wrap{display:flex;flex-direction:column;align-items:center;gap:22px}
.sph h1{font-size:clamp(46px,6.2vw,96px);line-height:1.08}
.sph .lead{text-align:center;max-width:60ch}
.arc{position:relative;width:min(760px,100%);height:150px;margin:6px auto 0}
.arc-av{position:absolute;left:calc(50% + (var(--k) - 4) * 84px);top:calc(((var(--k) - 4) * (var(--k) - 4)) * 5px);translate:-50% 0;width:88px;height:88px;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,#ECEAFC,#FBEDE3);border:4px solid #fff;box-shadow:0 14px 30px rgba(77,52,146,.18);animation:arcIn 1s var(--ease) both,mfloat 9s ease-in-out infinite;animation-delay:calc(.4s + var(--k)*.08s),calc(var(--k)*.5s)}
.arc-av img{width:100%;height:100%;object-fit:cover}
.arc-av:nth-child(5){width:108px;height:108px;top:-8px;border-color:transparent;background:var(--sig) border-box;box-shadow:0 18px 40px rgba(77,52,146,.3)}
@keyframes arcIn{from{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:none}}
.sp-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.sp-stats span{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid #fff;color:var(--slate);font-size:14px;font-weight:500}
.sp-stats b{font-size:20px;font-weight:900;color:var(--brand);display:flex}
/* featured founder */
.spfeat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);border-radius:40px;overflow:hidden;background:linear-gradient(130deg,#6243BA,#5532A8);color:#fff;box-shadow:0 34px 80px rgba(43,26,90,.25);margin-bottom:clamp(56px,6vw,80px);transition:transform .6s var(--ease)}
.spfeat:hover{transform:translateY(-6px)}
.sf-ph{position:relative;min-height:420px;overflow:hidden}
.sf-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;transition:transform 1.4s var(--ease)}
.spfeat:hover .sf-ph img{transform:scale(1.05)}
.sf-t{padding:clamp(30px,4vw,56px);display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:flex-start}
.sf-t h2{color:#fff;font-size:clamp(32px,3.4vw,48px);font-weight:900}
.sf-t p{color:var(--lav200);line-height:1.95}
.sf-t .chip{background:rgba(255,255,255,.12);color:#fff}
.sf-t .lnk{color:#F7A56E}
/* filter bar */
.spbar{position:sticky;top:96px;z-index:20;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:10px;border-radius:24px;margin-bottom:34px}
.seg6{position:relative;display:flex;gap:2px;padding:5px;border-radius:999px;background:var(--lav50);border:1px solid var(--line)}
.seg6 button{position:relative;z-index:1;padding:9px 16px;border:0;background:none;border-radius:999px;font-weight:700;font-size:14px;color:var(--slate);transition:color .3s}
.seg6 button.on{color:#fff}
.seg-pill{position:absolute;top:5px;bottom:5px;border-radius:999px;background:var(--btn);box-shadow:0 8px 18px rgba(77,52,146,.3);transition:left .45s var(--ease),width .45s var(--ease)}
/* specialist cards */
.spgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.spx{position:relative;display:flex;flex-direction:column;border-radius:30px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 16px 40px rgba(77,52,146,.08);overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.spx:hover{transform:translateY(-8px);box-shadow:0 30px 64px rgba(77,52,146,.16)}
.spx-ph{position:relative;aspect-ratio:1;display:grid;place-items:end center;overflow:hidden;background:linear-gradient(180deg,#F4F1FD,#EDE7FB)}
.spx-halo{position:absolute;width:78%;aspect-ratio:1;left:11%;top:12%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#DCD3FA 45%,#C9B8F2);transition:transform .8s var(--ease),background .6s}
.spx:hover .spx-halo{transform:scale(1.08);background:radial-gradient(circle at 35% 30%,#fff,#E7D9FB 40%,#F7C29E)}
.spx-ph img{position:relative;width:88%;height:88%;object-fit:contain;object-position:bottom;transition:transform .8s var(--ease)}
.spx:hover .spx-ph img{transform:translateY(-6px) scale(1.03)}
.spx-cat{position:absolute;top:14px;right:14px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);font-size:12px;font-weight:700;color:var(--brand)}
.spx-bd{padding:20px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.spx h3{font-size:19px;font-weight:900;color:var(--heading)}
.spx-role{font-size:13.5px;color:var(--orange);font-weight:700}
.spx-xp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.spx-xp>ul{overflow:hidden;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.spx:hover .spx-xp,.spx:focus-within .spx-xp{grid-template-rows:1fr}
.spx-xp li{position:relative;padding-inline-start:16px;font-size:13.5px;line-height:1.75;color:var(--slate)}
.spx-xp li:first-child{margin-top:10px}
.spx-xp li::before{content:"";position:absolute;right:0;top:10px;width:7px;height:2px;border-radius:2px;background:var(--sig)}
.spx-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:14px}
@media (hover:none){.spx-xp{grid-template-rows:1fr}}
@media (max-width:1100px){.spgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.spfeat{grid-template-columns:1fr}.sf-ph{min-height:340px}.arc-av{left:calc(50% + (var(--k) - 4) * 64px);width:70px;height:70px}.arc-av:nth-child(5){width:86px;height:86px}}
@media (max-width:700px){.spgrid{grid-template-columns:1fr 1fr;gap:12px}.spx-bd{padding:14px}.spx h3{font-size:16px}.spx-act .btn{width:100%;justify-content:center}.arc{height:110px}.arc-av{left:calc(50% + (var(--k) - 4) * 38px);width:52px;height:52px;border-width:3px;top:calc(((var(--k) - 4) * (var(--k) - 4)) * 3px)}.arc-av:nth-child(5){width:64px;height:64px}.seg6{overflow-x:auto;max-width:100%}.spbar{top:84px}}
/* services gallery motion v6 */
.hsv .svc3{clip-path:inset(100% 0 0 0 round 32px);transition:clip-path 1.3s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i,0) * .12s);will-change:transform}
.hsv .svc3 img{transform:scale(1.3);transition:transform 1.8s var(--ease);transition-delay:calc(var(--i,0) * .12s)}
.hsv.in .svc3{clip-path:inset(0 0 0 0 round 32px)}
.hsv.in .svc3 img{transform:scale(1.12)}
.gal.hs-on .hsv.in .svc3 img{transform:none}
.svc3{transform-origin:50% 100%}
.svc3 .cap{transition:transform .6s var(--ease),background .4s}
.svc3:hover .cap{background:rgba(255,255,255,.22)}
.gfoot{display:flex;align-items:center;gap:20px;margin-top:34px}
.gfoot .gbar{flex:1;margin:0}
.gcount{font-size:14px;color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap}
.gcount b{font-size:22px;color:var(--heading);font-weight:900}
.ghint{font-size:13px;color:var(--mute);white-space:nowrap}
.seg6 button{white-space:nowrap}
@media (max-width:700px){.ghint{display:none}}
@media (prefers-reduced-motion:reduce){.hsv .svc3{clip-path:none}.hsv .svc3 img{transform:none}}
/* gallery: back to the original look, as a free carousel (no pin) */
.hsv .svc3,.hsv.in .svc3{clip-path:none;transition:none}
.hsv .svc3 img,.hsv.in .svc3 img{transform:none;transition:transform 1.4s var(--ease)}
.hsv .svc3:hover img{transform:scale(1.06)}
.hsv{cursor:grab;scroll-behavior:smooth;overscroll-behavior-x:contain}
.hsv.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.hsv.drag .svc3{pointer-events:none}
.garr{display:flex;gap:10px}
.garr button{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.8);color:var(--brand);display:grid;place-items:center;transition:all .3s var(--ease)}
.garr button:hover:not(:disabled){background:var(--btn);color:#fff;border-color:transparent;transform:scale(1.06)}
.garr button:disabled{opacity:.35;cursor:default}
.garr svg{width:20px;height:20px}
.ghint{display:none}

/* about v6.3 — calmer: chip navigator under hero, short letter */
.aboutnav{display:none!important}
.anav2-wrap{position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px);z-index:25;display:flex;justify-content:center;padding:18px 16px 0;pointer-events:none}
.anav2{pointer-events:auto;display:flex;gap:4px;padding:6px;border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.anav2::-webkit-scrollbar{display:none}
.anav2 a{flex:none;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--slate);white-space:nowrap;transition:background .35s var(--ease),color .35s}
.anav2 a:hover{color:var(--brand)}
.anav2 a.on{background:var(--btn);color:#fff;font-weight:700;box-shadow:0 8px 18px rgba(77,52,146,.25)}
#ceo{padding-top:clamp(110px,10vw,160px)}
.letter{grid-template-columns:360px minmax(0,1fr);gap:clamp(56px,8vw,130px);align-items:center}
.letter .por{position:relative;top:auto}
.letter .por .im{height:460px}
.letter .read{max-width:58ch}
.letter .pull{font-size:clamp(28px,2.8vw,40px);line-height:1.55;margin-bottom:34px}
.lt-ex p,.lt-rest p{font-size:18px;line-height:2.05;color:var(--slate)}
.lt-ex p+p,.lt-rest p+p{margin-top:18px}
.lt-more{margin-top:22px}
.lt-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid #fff;color:var(--brand);font-weight:700;box-shadow:0 8px 20px rgba(77,52,146,.08);transition:all .3s}
.lt-more summary::-webkit-details-marker{display:none}
.lt-more summary:hover{background:#fff}
.lt-more summary svg{width:18px;height:18px;transition:transform .4s var(--ease)}
.lt-more[open] summary svg{transform:rotate(45deg)}
.lt-close{display:none}.lt-more[open] .lt-open{display:none}.lt-more[open] .lt-close{display:inline}
.lt-rest{margin-top:22px;animation:rise .6s var(--ease) both}
.sign{margin-top:40px}
@media (max-width:1100px){.letter{grid-template-columns:1fr}.letter .por{flex-direction:row;align-items:flex-end}.letter .por .im{width:220px;height:280px}}
@media (max-width:700px){.letter .por{flex-direction:column;align-items:stretch}.letter .por .im{width:100%;height:360px}.anav2-wrap{top:calc(env(safe-area-inset-top,0px) + 80px)}}

/* team explorer (about) */
.tx{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:start}
.tx-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.tx-i{border-bottom:1px solid var(--line)}
.tx-h{width:100%;display:flex;align-items:center;gap:16px;padding:14px 10px;border:0;background:none;text-align:right;border-radius:20px;transition:background .4s var(--ease),padding .4s var(--ease)}
.tx-av{width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;background:linear-gradient(160deg,#ECEAFC,#FBEDE3);transition:transform .5s var(--ease),box-shadow .5s}
.tx-av img{width:100%;height:100%;object-fit:cover}
.tx-n{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.tx-n b{font-size:18px;color:var(--heading);transition:color .3s}
.tx-n small{font-size:13.5px;color:var(--mute)}
.tx-ar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--lav400);transition:all .45s var(--ease)}
.tx-ar svg{width:18px;height:18px}
.tx-i.on .tx-h,.tx-h:hover{background:rgba(255,255,255,.75);padding-inline:18px}
.tx-i.on .tx-av{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 0 0 5px #916FB1}
.tx-i.on .tx-n b{color:var(--brand)}
.tx-i.on .tx-n small{color:var(--orange)}
.tx-i.on .tx-ar{background:var(--btn);color:#fff;transform:translateX(-6px)}
.tx-m{display:none}
.tx-stage{position:sticky;top:160px;min-height:560px;border-radius:40px;overflow:hidden}
.tx-p{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr;opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease),transform .7s var(--ease);pointer-events:none}
.tx-p.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.tx-ph{position:relative;height:300px;display:grid;place-items:end center;overflow:hidden;background:linear-gradient(180deg,#F1EDFD,#EBE4FA)}
.tx-halo{position:absolute;width:260px;height:260px;left:50%;top:30px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#DCD3FA 45%,#F7C29E 120%);transform:scale(.85);transition:transform 1s var(--ease)}
.tx-p.on .tx-halo{transform:scale(1)}
.tx-ph img{position:relative;height:96%;width:auto;object-fit:contain;transform:translateY(20px);transition:transform .9s var(--ease) .05s}
.tx-p.on .tx-ph img{transform:none}
.tx-ph.full img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.tx-ph.full .tx-halo{display:none}
.tx-b{padding:28px 32px 34px;display:flex;flex-direction:column;gap:10px}
.tx-role{color:var(--orange);font-weight:700;font-size:14px}
.tx-b h3{font-size:clamp(26px,2.4vw,34px);font-weight:900}
.tx-lab{margin-top:8px;font-size:13px;color:var(--mute);font-weight:700}
.tx-b ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tx-b li{display:flex;gap:12px;align-items:flex-start;line-height:1.85;color:var(--ink);font-size:15.5px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.tx-p.on .tx-b li{opacity:1;transform:none}
.tx-p.on .tx-b li:nth-child(2){transition-delay:.08s}.tx-p.on .tx-b li:nth-child(3){transition-delay:.16s}.tx-p.on .tx-b li:nth-child(4){transition-delay:.24s}.tx-p.on .tx-b li:nth-child(5){transition-delay:.32s}
.tx-b li span{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);font-weight:900;font-size:12px;margin-top:2px}
@media (max-width:1100px){
  .tx{grid-template-columns:1fr}
  .tx-stage{display:none}
  .tx-m{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
  .tx-m>div{overflow:hidden}
  .tx-i.on .tx-m{grid-template-rows:1fr}
  .tx-m ul{list-style:none;margin:0;padding:4px 18px 18px 18px;display:flex;flex-direction:column;gap:8px}
  .tx-m li{position:relative;padding-inline-start:16px;color:var(--slate);line-height:1.8;font-size:14.5px}
  .tx-m li::before{content:"";position:absolute;right:0;top:11px;width:8px;height:2px;border-radius:2px;background:var(--sig)}
  .tx-i.on .tx-ar{transform:rotate(-90deg)}
}

/* programs on dark: original sticky list + stacking cards, now real glass with contrast */
.biz .progs{margin-top:clamp(90px,9vw,130px)}
.plist h3{font-size:clamp(28px,2.6vw,38px)}
.pi{border-radius:18px;padding:15px 18px}
.pi:hover,.pi.on{background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.pi.on{border-right:3px solid #F47523}
.scard{background:linear-gradient(155deg,rgba(255,255,255,.22),rgba(255,255,255,.07)) padding-box,linear-gradient(140deg,rgba(255,255,255,.55),rgba(145,111,177,.25) 45%,rgba(244,117,34,.55)) border-box;border:1.5px solid transparent;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);color:#fff;box-shadow:0 30px 70px rgba(8,2,30,.45),inset 0 1px 0 rgba(255,255,255,.35);overflow:hidden;isolation:isolate}
.scard::before{content:"";position:absolute;width:260px;height:260px;left:-80px;top:-100px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.45),transparent);filter:blur(10px);z-index:-1}
.scard::after{content:"";position:absolute;width:300px;height:300px;right:-120px;bottom:-160px;border-radius:50%;background:radial-gradient(closest-side,rgba(145,111,177,.55),transparent);filter:blur(14px);z-index:-1}
.scard h4{color:#fff;font-size:30px}
.scard p{color:#E6E0F7;font-size:17px}
.scard .num{color:#F7C29E}
.scard .ibox.or{background:rgba(244,117,34,.2);color:#F7A56E;border:1px solid rgba(244,117,34,.35)}
.scard .btn.primary{background:#fff;color:var(--brand);box-shadow:0 12px 26px rgba(8,2,30,.35)}
/* program cards: logo mark sits at the bottom corner with breathing room */
.pcard{padding-bottom:30px}
.pcard .lines{inset:auto auto 26px 26px!important;width:40px!important;top:auto!important}
.pcard.feat .lines{inset:auto auto 28px 30px!important;width:52px!important}
.pcard.feat .lnk{margin-inline-end:84px}

/* contact: email/phone read cleanly — no mid-word breaks */
.cc b{font-size:clamp(14px,1.1vw,15.5px);font-weight:500;letter-spacing:.01em;word-break:normal;overflow-wrap:normal;white-space:normal;font-variant-numeric:tabular-nums;line-height:1.5}
.cc b[data-ph]{white-space:nowrap}

/* vision / mission panels: calm hover lift */
.panel{position:relative;overflow:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s cubic-bezier(.2,.7,.2,1)}
.panel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .6s;background:radial-gradient(420px circle at var(--mx,80%) var(--my,0%),rgba(176,160,240,.22),transparent 60%)}
.panel.deep::after{background:radial-gradient(420px circle at var(--mx,80%) var(--my,0%),rgba(255,255,255,.12),transparent 60%)}
.panel .ico{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){
 .panel:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px rgba(62,40,140,.35)}
 .panel:hover::after{opacity:1}
 .panel:hover .ico{transform:translateY(-3px) rotate(-6deg) scale(1.06)}
}
@media (prefers-reduced-motion:reduce){.panel,.panel .ico{transition:none}.panel:hover,.panel:hover .ico{transform:none}}

/* ============ individuals: bento of real app screens ============ */
.bnt-head{max-width:760px;margin:0 auto clamp(36px,4.5vw,64px)}
.bnt-head h2{font-size:clamp(30px,3.8vw,54px);font-weight:900;line-height:1.25;margin-top:14px}
.bnt-head h2 b{background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent}
.bnt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.8vw,24px)}
.bnt-card{position:relative;overflow:hidden;isolation:isolate;border-radius:36px;height:clamp(520px,44vw,600px);background:linear-gradient(180deg,#FBFAFF,#F3F1FC);border:1px solid #fff;box-shadow:0 1px 0 #fff inset,0 24px 60px -36px rgba(77,52,146,.28);display:flex;flex-direction:column}
.bnt-card::before{content:"";position:absolute;z-index:-1;left:50%;top:62%;width:900px;height:900px;transform:translate(-50%,-50%);border-radius:50%;
 background:repeating-radial-gradient(circle,transparent 0 89px,rgba(155,144,215,.16) 89px 90px);-webkit-mask:radial-gradient(circle,#000 30%,transparent 62%);mask:radial-gradient(circle,#000 30%,transparent 62%)}
.bnt-card::after{content:"";position:absolute;z-index:-1;left:50%;top:70%;width:420px;height:420px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(176,160,240,.32),transparent 65%)}
.bnt-txt{text-align:center;padding:clamp(34px,3.4vw,48px) 28px 0}
.bnt-txt h3{font-size:clamp(24px,2.2vw,32px);font-weight:900;margin-bottom:10px}
.bnt-txt p{color:var(--slate);font-size:15.5px;line-height:1.8;max-width:42ch;margin:0 auto}
.bnt-stage{position:relative;flex:1;display:flex;justify-content:center;margin-top:clamp(26px,3vw,40px)}
.bphone{position:relative;width:clamp(220px,19vw,270px);aspect-ratio:375/812;flex:none;border-radius:44px;padding:9px;background:#15102B;box-shadow:0 0 0 2px #2C2550 inset,0 40px 70px -30px rgba(28,11,69,.55);transition:transform .9s var(--ease)}
.bphone::before{content:"";position:absolute;z-index:1;top:17px;left:50%;transform:translateX(-50%);width:30%;height:22px;border-radius:999px;background:#0A0716}
.bphone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:36px;display:block;background:#fff}
.bnt-stage.tilt .bphone{transform:rotate(-14deg) translate(-6%,4%)}
/* floating bits */
.fl-chip,.fl-card,.fl-dot{position:absolute;z-index:2;animation:bfl 8s ease-in-out infinite;transition:translate .9s var(--ease)}
@keyframes bfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.fl-chip{display:inline-flex;align-items:center;gap:7px;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #fff;box-shadow:0 18px 40px -18px rgba(43,26,90,.35);font-weight:700;font-size:14px;color:var(--heading)}
.fl-chip .i{width:16px;height:16px;color:#fff;background:var(--brand);border-radius:50%;padding:3px;box-sizing:content-box}
.fl-dot{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);border:1px solid #fff;box-shadow:0 16px 34px -16px rgba(43,26,90,.4);color:var(--brand)}
.fl-dot .i{width:22px;height:22px}
.fl-dot.star{color:#F5B400}.fl-dot.star .i{fill:currentColor}
.fl-dot.sm{width:40px;height:40px}.fl-dot.sm .i{width:17px;height:17px}
.fl-dot.ok{color:#fff;background:#2BB673;border-color:#2BB673}
.fl-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #fff;box-shadow:0 26px 50px -22px rgba(43,26,90,.4);text-align:right}
.fl-card b{display:block;font-size:15px;color:var(--heading);font-weight:900}
.fl-card small{display:block;font-size:12.5px;color:var(--mute)}
.fl-card .ok,.fl-card .ic{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;flex:none}
.fl-card .ok{background:#E6F6EE;color:#2BB673}.fl-card .ic{background:var(--lav100);color:var(--brand)}
.fl-card .i{width:20px;height:20px}
/* positions (physical, mirrored like the reference) */
.bf1{top:34%;right:calc(50% + 70px);animation-delay:-1s}
.bf2{top:12%;left:calc(50% + 130px);animation-delay:-4s}
.bf3{top:6%;right:calc(50% + 150px);animation-delay:-2s}
.bf4{top:44%;left:calc(50% + 150px);animation-delay:-5s}
.bf5{top:24%;left:calc(50% + 120px);animation-delay:-3s}
.bf6{top:52%;right:calc(50% + 40px);animation-delay:-6s}
.bf7{top:42%;left:calc(50% - 40px);animation-delay:-2s}
.bf8{top:8%;right:calc(50% + 140px);animation-delay:-5s}
.bf9{top:30%;left:calc(50% + 20px);animation-delay:-3s}
.bf10{top:6%;right:calc(50% + 130px);animation-delay:-1s}
@media (hover:hover){
 .bnt-card:hover .bphone{transform:translateY(-12px)}
 .bnt-card:hover .bnt-stage.tilt .bphone{transform:rotate(-11deg) translate(-6%,1%)}
 .bnt-card:hover .fl-chip,.bnt-card:hover .fl-card{translate:0 -6px}
}
@media (max-width:900px){
 .bnt-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
 .bnt-card{height:540px}
}
@media (max-width:560px){
 .bnt-card{height:500px}
 .bphone{width:210px}
 .bf1,.bf6,.bf3,.bf8,.bf10{right:auto;left:16px}
 .bf2,.bf4,.bf5{left:auto;right:16px}
 .bf7{left:50%;margin-left:-120px}
 .bf9{left:auto;right:16px}
}
@media (prefers-reduced-motion:reduce){.fl-chip,.fl-card,.fl-dot{animation:none}.bphone{transition:none}}
.bf7{top:58%;left:auto;right:calc(50% + 40px)}
@media (max-width:560px){.bf7{right:auto;left:16px;margin:0}}
.fl-card small,.fl-card b{white-space:nowrap}
.bf7{right:calc(50% - 50px)}

/* specialists: full-width pro booking button */
.spx-act{display:flex;flex-direction:column;gap:10px;padding-top:18px}
.spx-book{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;width:100%;height:54px;padding:0 8px 0 8px;padding-inline-start:16px;border-radius:18px;background:linear-gradient(180deg,#6243BA,#5A39AE);color:#fff;font-weight:700;font-size:15px;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 14px 28px -14px rgba(58,36,120,.7);transition:box-shadow .5s var(--ease),transform .5s var(--ease)}
.spx-book::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translateX(120%);transition:transform .9s var(--ease)}
.spx-book .sb-ic{display:grid;place-items:center;width:22px;height:22px;opacity:.85}
.spx-book .sb-ic .i{width:20px;height:20px}
.spx-book .sb-t{flex:1}
.spx-book .sb-ar{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);transition:background .5s var(--ease)}
.spx-book .sb-ar .i{width:17px;height:17px;transition:transform .5s var(--ease)}
.spx-book:focus-visible{outline:3px solid var(--lav400);outline-offset:3px}
@media (hover:hover){
 .spx-book:hover{box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 20px 36px -14px rgba(58,36,120,.8)}
 .spx-book:hover::before{transform:translateX(-120%)}
 .spx-book:hover .sb-ar{background:var(--orange);border-color:var(--orange)}
 .spx-book:hover .sb-ar .i{transform:translateX(-3px)}
}
.spx-book:active{transform:scale(.985)}
.spx-prof{text-align:center;font-size:14px;font-weight:700;color:var(--brand);padding:6px;border-radius:12px;transition:background .3s}
.spx-prof:hover{background:var(--lav100)}
@media (max-width:700px){.spx-book{height:48px;font-size:13px;gap:8px;padding-inline-start:12px}.spx-book .sb-ic{display:none}.spx-book .sb-ar{width:32px;height:32px}}
.spx-book .sb-t{white-space:nowrap}
@media (max-width:700px){.spx-book{height:44px;font-size:12.5px;padding-inline-start:10px;padding-inline-end:6px;border-radius:14px}.spx-book .sb-ar{width:30px;height:30px;border-radius:10px}}
@media (max-width:360px){.spx-book .sb-ar{display:none}.spx-book{justify-content:center;padding:0}.spx-book .sb-t{flex:none}}

/* contact: breathing exercise orb (4s in / 6s out) */
.bwrap{display:flex;flex-direction:column;align-items:center;gap:22px}
.corb::before,.corb::after{content:none}
.corb .cball{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0%,#CDBCF0 18%,#6B48C4 56%,#F47523 100%);box-shadow:0 40px 90px rgba(101,79,177,.4),inset -18px -26px 50px rgba(0,0,0,.12);transform:scale(.78);transition:transform 6s cubic-bezier(.45,0,.55,1),box-shadow 4s cubic-bezier(.45,0,.55,1)}
.corb[data-ph="in"] .cball{transform:scale(1);box-shadow:0 50px 110px rgba(101,79,177,.5),inset -18px -26px 50px rgba(0,0,0,.12)}
.corb::after{content:"";position:absolute;inset:2%;border-radius:50%;border:1.5px solid rgba(145,111,177,.35);transform:scale(.86);opacity:.5;transition:transform 6s cubic-bezier(.45,0,.55,1),opacity 6s}
.corb[data-ph="in"]::after{transform:scale(1.02);opacity:1}
.corb .ctx{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;text-shadow:0 2px 16px rgba(28,11,69,.35)}
.corb .ctx b{font-weight:900;font-size:clamp(24px,2.4vw,32px);transition:opacity .5s}
.corb .ctx small{font-size:15px;font-weight:500;opacity:.85;font-variant-numeric:tabular-nums}
.corb.sw .ctx b{opacity:0}
.bsound{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;padding-inline-start:8px;border-radius:999px;border:1px solid #fff;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 30px -16px rgba(77,52,146,.4);color:var(--heading);font-weight:700;font-size:14px;transition:background .3s,box-shadow .3s}
.bsound .bs-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--btn);color:#fff}
.bsound .bs-ic .i{width:15px;height:15px}
.bsound:hover{background:#fff;box-shadow:0 16px 34px -16px rgba(77,52,146,.5)}
.bsound[aria-pressed="true"] .bs-ic{background:var(--orange)}
.bsound:focus-visible{outline:3px solid var(--lav400);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.corb .cball,.corb::after{transition:none}}
/* form rows: never overflow their grid */
.f2{grid-template-columns:repeat(2,minmax(0,1fr))}
.f2>*,.fl{min-width:0}
.fl input,.fl textarea,.fl select{width:100%;min-width:0;box-sizing:border-box}
@media (max-width:760px){.f2{grid-template-columns:minmax(0,1fr)}}

/* specialists: framed studio portrait box */
.spx-ph{aspect-ratio:9/10;margin:10px 10px 0;border-radius:24px;place-items:stretch;background:linear-gradient(170deg,#FBFAFF 0%,#F1EEFC 55%,#E9E3FA 100%);isolation:isolate}
.spx-halo{inset:auto;width:120%;aspect-ratio:1;left:-10%;top:18%;border-radius:50%;background:radial-gradient(circle,rgba(205,188,240,.55),transparent 62%);z-index:-1;transform:none}
.spx:hover .spx-halo{transform:scale(1.06);background:radial-gradient(circle,rgba(247,194,158,.45),transparent 62%)}
.spx-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;mix-blend-mode:multiply;filter:saturate(1.02) contrast(1.02);transform-origin:50% 30%;transition:transform 1s var(--ease)}
.spx:hover .spx-ph img{transform:scale(1.04)}
.spx-ph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(77,52,146,.06);background:linear-gradient(180deg,transparent 72%,rgba(233,227,250,.55));pointer-events:none}
.spx-cat{z-index:2;top:12px;right:12px;background:rgba(255,255,255,.88);border:1px solid #fff;box-shadow:0 6px 16px -8px rgba(43,26,90,.3)}
.spx-bd{padding-top:18px}

/* about team explorer: studio portraits fill the frame like the specialists cards */
.tx-ph{height:340px;margin:12px 12px 0;border-radius:30px;background:linear-gradient(170deg,#FBFAFF 0%,#F1EEFC 55%,#E9E3FA 100%);isolation:isolate}
.tx-halo{width:420px;height:420px;top:60px;background:radial-gradient(circle,rgba(205,188,240,.55),transparent 62%);z-index:-1}
.tx-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 6%;mix-blend-mode:multiply;transform:scale(1.04);transform-origin:50% 20%;transition:transform 1.1s var(--ease)}
.tx-p.on .tx-ph img{transform:none}
.tx-ph.full img{mix-blend-mode:normal;object-position:50% 14%}
.tx-ph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(77,52,146,.06);pointer-events:none}
.tx-ph{height:380px}
.tx-ph:not(.full) img{inset:auto;left:50%;bottom:0;top:auto;width:auto;height:100%;aspect-ratio:9/10;object-fit:cover;translate:-50% 0}
.tx-ph{overflow:hidden}
.tx-ph:not(.full) img{-webkit-mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}

/* contact: "your mind while you breathe" — thoughts settle around the orb */
.mind{position:relative;width:min(420px,90%);aspect-ratio:1;margin-inline:auto}
.mind .corb{width:100%;position:relative;z-index:2}
.mind-c{position:absolute;left:-30%;top:-30%;width:160%;height:160%;z-index:1;pointer-events:none}
.mind-w{position:absolute;inset:-30%;z-index:3;pointer-events:none}
.mind-w span{position:absolute;left:50%;top:50%;white-space:nowrap;font-weight:700;font-size:clamp(13px,1.1vw,15px);padding:6px 12px;border-radius:999px;opacity:0;transition:left 3.6s cubic-bezier(.3,.6,.3,1),top 3.6s cubic-bezier(.3,.6,.3,1),transform 3.6s cubic-bezier(.3,.6,.3,1),opacity 1.2s ease}
.mind-w span.st{color:var(--slate);background:rgba(255,255,255,.55);border:1px dashed rgba(98,95,120,.35)}
.mind-w span.ca{color:var(--brand);background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 10px 24px -14px rgba(77,52,146,.45)}
.mind-cap{margin:4px 0 0;text-align:center;color:var(--slate);font-size:15px;min-height:1.8em;transition:opacity .6s}
.mind-cap.sw{opacity:0}
@media (prefers-reduced-motion:reduce){.mind-w span{transition:opacity 1.2s ease}}
/* thought words: bigger, clearer */
.mind-w span{font-size:clamp(15px,1.35vw,19px);padding:8px 16px;font-weight:900}
.mind-w span.st{color:#5C5878;background:rgba(255,255,255,.75);border:1.5px dashed rgba(98,95,120,.45);text-decoration:line-through;text-decoration-color:rgba(244,117,34,.7);text-decoration-thickness:2px}
.mind-w span.ca{color:#fff;background:var(--btn);border:0;box-shadow:0 14px 30px -12px rgba(67,41,133,.6)}
@media (max-width:600px){.mind-w span{font-size:14px;padding:6px 12px}}
/* constellation version: softer stress words */
.mind-w span.st{background:none;border:0;text-decoration:none;color:var(--mute);font-weight:700;padding:4px 8px}
.mind-w span.ca{background:rgba(255,255,255,.88);color:var(--brand);border:1px solid #fff;box-shadow:0 12px 26px -14px rgba(77,52,146,.45)}
/* breathing: sound choice */
.bctl{display:flex;flex-direction:column;align-items:center;gap:12px}
.bset{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.bset button{border:0;background:none;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--slate);transition:background .35s var(--ease),color .35s}
.bset button:hover{color:var(--brand)}
.bset button[aria-checked="true"]{background:#fff;color:var(--brand);box-shadow:0 6px 16px -8px rgba(77,52,146,.4)}
.bset button:focus-visible{outline:2px solid var(--lav400);outline-offset:2px}
@media (max-width:420px){.bset button{padding:7px 10px;font-size:12px}}

/* ============ individuals: services explorer (list + stage) ============ */
.sx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(32px,4vw,56px)}
.sx-head h2{font-size:clamp(30px,3.6vw,52px);font-weight:900;margin-top:12px}
.sx-head p{color:var(--slate);max-width:44ch;margin:0;font-size:17px;line-height:1.85}
.sx{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,3.5vw,56px);align-items:start}
.sx-list{display:flex;flex-direction:column;gap:6px;position:sticky;top:120px}
.sx-h{width:100%;display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid transparent;background:none;text-align:right;border-radius:22px;transition:background .45s var(--ease),border-color .45s,box-shadow .45s}
.sx-n{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:14px;color:var(--brand);background:var(--lav100);font-variant-numeric:tabular-nums;transition:background .45s,color .45s}
.sx-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sx-t b{font-size:clamp(17px,1.4vw,20px);color:var(--heading);font-weight:900;transition:color .3s}
.sx-t small{font-size:13.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-ar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--lav400);transition:all .45s var(--ease)}
.sx-ar svg{width:17px;height:17px}
.sx-h:hover{background:rgba(255,255,255,.55)}
.sx-i.on .sx-h{background:rgba(255,255,255,.85);border-color:#fff;box-shadow:0 18px 40px -26px rgba(77,52,146,.45)}
.sx-i.on .sx-n{background:var(--btn);color:#fff}
.sx-i.on .sx-t b{color:var(--brand)}
.sx-i.on .sx-ar{background:var(--orange);color:#fff;transform:translateX(-4px)}
.sx-h:focus-visible{outline:3px solid var(--lav400);outline-offset:2px}
.sx-m{display:none}
.sx-stage{position:relative;border-radius:36px;overflow:hidden;padding:12px}
.sx-p{display:none}
.sx-p.on{display:block;animation:sxin .7s var(--ease) both}
@keyframes sxin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sx-ph{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden}
.sx-ph img{width:100%;height:100%;object-fit:cover;animation:sxzoom 1.4s var(--ease) both}
@keyframes sxzoom{from{transform:scale(1.06)}to{transform:none}}
.sx-num{position:absolute;bottom:14px;right:14px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12.5px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}
.sx-b{padding:clamp(22px,2.6vw,34px) clamp(18px,2.4vw,30px) clamp(20px,2.4vw,28px);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.sx-b h3{font-size:clamp(28px,2.6vw,38px);font-weight:900}
.sx-hook{font-size:clamp(17px,1.4vw,20px);font-weight:700;color:var(--heading);line-height:1.75;margin:0}
.sx-b p,.sx-m p{color:var(--slate);font-size:16px;line-height:1.9;margin:0;max-width:62ch}
.sx-chips{list-style:none;margin:2px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sx-chips li{padding:8px 14px;border-radius:999px;background:var(--lav50);border:1px solid var(--line);font-size:13.5px;font-weight:500;color:var(--heading)}
.sx-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
@media (max-width:980px){
 .sx{grid-template-columns:1fr}
 .sx-stage{display:none}
 .sx-list{position:static}
 .sx-m{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
 .sx-m>div{overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:0 6px}
 .sx-i.on .sx-m{grid-template-rows:1fr}
 .sx-i.on .sx-m>div{padding:10px 6px 22px}
 .sx-mimg{aspect-ratio:16/10;border-radius:20px;overflow:hidden}
 .sx-mimg img{width:100%;height:100%;object-fit:cover}
 .sx-i.on .sx-ar{transform:rotate(-90deg)}
 .sx-t small{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
}
@media (prefers-reduced-motion:reduce){.sx-p.on,.sx-ph img{animation:none}}

/* values flip cards: shorter, softer flip */
.vflip{height:340px;transition:transform .7s var(--ease)}
.fin{transition:transform 1.15s cubic-bezier(.45,.05,.2,1);transition-delay:.06s}
.vflip:hover{transform:translateY(-4px)}
.ff.front .ft{padding:13px 14px;gap:4px}
.ff.front h3{font-size:18px}
.ff.back{padding:20px 18px 18px;gap:8px}
.ff.back .k{width:34px;height:34px;border-radius:11px;font-size:13px}
.ff.back h3{font-size:17px}
.ff.back p{font-size:13px;line-height:1.75;scrollbar-width:thin}
@media (max-width:1100px){.vflip{height:330px}}
@media (max-width:700px){.vflip{height:300px}.ff.back p{font-size:14px}}
.vflip{height:356px}
.ff.back p{line-height:1.7}
.vflip:nth-child(8) .ff.front img{object-position:12% 50%}
/* services explorer: frame faces, not furniture */
.sx-ph{aspect-ratio:4/3}
.sx-ph img,.sx-mimg img{object-position:50% 24%}
#sxp4 .sx-ph img,#mind .sx-mimg img{object-position:50% 30%}
#sxp5 .sx-ph img,#sleep .sx-mimg img{object-position:40% 32%}
#sxp6 .sx-ph img,#diet .sx-mimg img{object-position:14% 45%}
#sxp7 .sx-ph img,#life .sx-mimg img{object-position:70% 35%}
@media (max-width:980px){.sx-mimg{aspect-ratio:4/3}}
.sx-num{direction:ltr;unicode-bidi:isolate}

/* ============ header dropdowns (mega-lite) ============ */
.nav .dd{position:relative;display:flex}
.nav .dd>a{display:inline-flex;align-items:center;gap:5px}
.nav .chev{width:12px;height:12px;opacity:.6;transition:transform .45s var(--ease),opacity .3s}
.nav .dd.open>a .chev{transform:rotate(180deg);opacity:1}
.ddp{position:absolute;top:calc(100% + 14px);right:50%;translate:50% 0;z-index:60;pointer-events:none;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top center;transition:opacity .35s var(--ease),transform .45s var(--ease)}
.ddp::before{content:"";position:absolute;inset:-16px 0 auto;height:16px}
.dd.open .ddp{opacity:1;transform:none;pointer-events:auto}
.ddp-in{display:flex;gap:10px;padding:10px;border-radius:26px;min-width:560px;box-shadow:0 30px 70px -30px rgba(43,26,90,.45),0 1px 0 #fff inset}
.ddl{flex:1;display:flex;flex-direction:column;gap:2px;padding:6px 4px}
.ddh{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--mute);padding:4px 12px 8px}
.nav .ddp a{padding:0;border-radius:0;font-size:inherit;font-weight:inherit}
.nav .ddp .ddi{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;color:var(--ink);transition:background .3s,transform .4s var(--ease)}
.ddi:hover,.ddi:focus-visible{background:rgba(255,255,255,.85);outline:none}
.ddi:hover .ddic{background:var(--btn);color:#fff}
.ddi:hover .ddic.or{background:var(--orange)}
.ddic{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);transition:background .35s,color .35s}
.ddic.or{background:var(--orange100);color:var(--orange)}
.ddic .i{width:19px;height:19px}
.ddt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ddt b{font-size:14.5px;font-weight:700;color:var(--heading)}
.ddt small{font-size:12.5px;color:var(--mute);line-height:1.5}
.nav .ddp .ddf{flex:none;width:200px;border-radius:20px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;min-height:190px;color:#fff;transition:transform .5s var(--ease)}
.nav .ddp .ddf:hover{transform:translateY(-2px)}
.ddf.dark{background:radial-gradient(120% 90% at 20% 0%,#6B48C4,#5532A8 70%)}
.ddf.dark small{font-size:12px;color:var(--lav200);line-height:1.5}
.ddf.dark b{font-size:40px;font-weight:900;line-height:1.1;margin:6px 0;background:linear-gradient(90deg,#fff,#F7A56E);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:right}
.ddf.dark span{font-size:11px;color:rgba(255,255,255,.6)}
.ddf.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ddf.img:hover img{transform:scale(1.05)}
.ddf.img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(28,11,69,.85))}
.ddf.img .pl{position:absolute;top:14px;right:14px;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ddf.img .pl .i{width:16px;height:16px}
.ddf.img .m{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px}
.ddf.img small{font-size:11.5px;color:var(--lav200)}
.ddf.img b{font-size:15px;font-weight:900}
.dnav .dsub{font-size:15px!important;font-weight:500!important;color:var(--slate)!important;padding-inline-start:22px!important;opacity:.9}
@media (prefers-reduced-motion:reduce){.ddp{transition:opacity .2s}}
.hdr .bar{overflow:visible}
.ddp-in{background:rgba(252,251,255,.94)}
.ddp-in.glass.hi{background:rgba(253,252,255,.97);border:1px solid #fff}
.ddp-in{min-width:600px}

/* ============ home: partners band (static, equal tiles) ============ */
.partners3.v2{padding-block:clamp(80px,8vw,120px) clamp(100px,9vw,140px)}
.pt2-head{text-align:center;margin-bottom:clamp(28px,3.4vw,44px)}
.pt2-head h2{font-size:clamp(26px,2.8vw,38px);font-weight:900;margin-top:12px}
.pt2-row{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);max-width:1120px}
.pt2{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid #fff;box-shadow:0 1px 0 #fff inset,0 18px 40px -30px rgba(77,52,146,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .6s var(--ease),box-shadow .6s var(--ease),background .4s}
.pt2-ic{flex:none;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);transition:background .4s,color .4s}
.pt2-ic .i{width:22px;height:22px}
.pt2-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.pt2-t b{font-size:15.5px;font-weight:900;color:var(--heading);line-height:1.45}
.pt2-t small{font-size:12.5px;color:var(--mute)}
@media (hover:hover){.pt2:hover{transform:translateY(-4px);background:#fff;box-shadow:0 26px 50px -30px rgba(77,52,146,.45)}.pt2:hover .pt2-ic{background:var(--btn);color:#fff}}
@media (max-width:1000px){.pt2-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pt2-row{grid-template-columns:1fr}}

/* ============ assistant polish ============ */
.tg-panel{border:1px solid #fff;box-shadow:0 40px 90px -30px rgba(43,26,90,.5)}
.tg-h{padding:16px 18px;background:linear-gradient(135deg,#6243BA 0%,#5A39AE 60%,#5532A8 100%)}
.tg-h::before{width:240px;height:240px;left:-90px;top:-150px;background:radial-gradient(closest-side,rgba(244,117,34,.32),transparent);filter:blur(16px)}
.tg-av{box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.tg-close{display:none}
@media (max-width:700px){.tg-close{display:grid}}
.tg-body{scrollbar-width:thin;scrollbar-color:transparent transparent;padding:16px 16px 6px}
.tg-body:hover{scrollbar-color:var(--lav200) transparent}
.tg-body::-webkit-scrollbar{width:6px}.tg-body::-webkit-scrollbar-track{background:transparent}
.tg-body::-webkit-scrollbar-thumb{background:transparent;border-radius:6px}.tg-body:hover::-webkit-scrollbar-thumb{background:var(--lav200)}
.tg-hello{display:flex;align-items:center;gap:12px;padding:14px;border-radius:22px;background:linear-gradient(160deg,#fff,#F3F0FD);border:1px solid #fff;box-shadow:0 12px 30px -20px rgba(77,52,146,.35);text-align:right}
.tg-hav{flex:none;width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#EDE7FC,#F8F6FE 70%)}
.tg-hello img{width:74px;height:auto;filter:drop-shadow(0 10px 16px rgba(101,79,177,.3))}
.tg-hx b{display:block;font-size:16px;font-weight:900;color:var(--heading);margin-bottom:4px}
.tg-hx p{font-size:13.5px;line-height:1.75;color:var(--slate);margin:0}
.tg-chips.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tg-chips button{display:inline-flex;align-items:center;gap:8px;text-align:right;line-height:1.4}
.tg-chips.grid button{border-radius:16px;padding:10px 10px;background:#fff;border-color:var(--line);font-weight:700;font-size:12.8px;box-shadow:0 6px 16px -12px rgba(77,52,146,.4);transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.tg-chips.grid button:hover{transform:translateY(-2px);border-color:var(--lav400);box-shadow:0 12px 22px -14px rgba(77,52,146,.5)}
.tg-chips .ci{flex:none;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:var(--lav100);color:var(--brand)}
.tg-chips .ci .i{width:15px;height:15px}
.tg-chips button:hover .ci{background:var(--btn);color:#fff}
.tg-ls a{justify-content:flex-start;padding:9px 10px;background:#fff;box-shadow:0 6px 16px -12px rgba(77,52,146,.35)}
.tg-ls .li{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--lav100);color:var(--brand)}
.tg-ls .li .i{width:15px;height:15px}
.tg-ls .lt{flex:1}
.tg-ls a[data-tg-book] .li{background:var(--orange100);color:var(--orange)}
.tg-in{margin:2px 12px 6px;transition:box-shadow .3s,border-color .3s}
.tg-in:focus-within{border-color:var(--lav400);box-shadow:0 0 0 4px rgba(155,144,215,.18)}
.tg-in button{background:var(--lav100);color:var(--lav400);transition:background .35s,color .35s,transform .35s var(--ease)}
.tg-in button.ready{background:var(--sig);color:#fff}
.tg-in button.ready:hover{transform:scale(1.06)}
.tg-chips.grid button:last-child:nth-child(odd){grid-column:1/-1}
.tg-chips.row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:10px;-webkit-mask:linear-gradient(90deg,transparent,#000 18px);mask:linear-gradient(90deg,transparent,#000 18px)}
.tg-chips.row::-webkit-scrollbar{display:none}
.tg-chips.row button{flex:none;white-space:nowrap;padding:6px 12px 6px 6px;padding-inline-start:6px;background:#fff;border-color:var(--line);font-weight:700;font-size:12.5px}
.tg-chips.row .ci{width:24px;height:24px;border-radius:8px}
.tg-chips.row .ci .i{width:13px;height:13px}
/* program stack: cards share the list's top line and width (no shrink) */
.scard,.scard:nth-child(2),.scard:nth-child(3){top:130px}
.progs .scard+.scard{margin-top:40px}
/* assistant: starters live inside the conversation (scroll with it), compact */
.tg-body .tg-chips.grid{padding:2px 0 6px;gap:6px;flex:none}
.tg-chips.grid button{padding:7px 8px;font-size:12.5px;border-radius:14px;gap:7px}
.tg-chips.grid .ci{width:24px;height:24px;border-radius:8px}
.tg-chips.grid .ci .i{width:13px;height:13px}
.tg-hello{flex:none;padding:12px}
.tg-hav{width:62px;height:62px;border-radius:20px}
.tg-hello img{width:58px}
.tg-hx b{font-size:15px}
.tg-hx p{font-size:13px;line-height:1.7}
.sec.biz{overflow:clip}
.progs .stack{padding-bottom:200px}
.progs .stack{padding-bottom:320px}
.progs .stack{padding-bottom:0}.progs .stack::after{content:"";display:block;height:300px}
.progs .plist{margin-bottom:calc(var(--lh,0px) * -1)}
.progs .stack::after{height:180px}

/* about hero: bold title, gradient word visible after split, premium glass card */
.pano h1{font-weight:900;letter-spacing:-.01em;margin:6px 0 4px}
.pano h1 b,.pano h1 b *{background:linear-gradient(90deg,#fff 0%,#FBD9C0 55%,#F7A56E 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pano h1 b .w>span{background:inherit;-webkit-background-clip:text;background-clip:text}
.pano .card6{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(30px,3.2vw,48px);border-radius:40px;
 background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,.08) 55%,rgba(255,255,255,.14)) padding-box,
            linear-gradient(150deg,rgba(255,255,255,.75),rgba(255,255,255,.12) 40%,rgba(247,165,110,.55)) border-box;
 border:1.5px solid transparent;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);
 box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 40px 90px -30px rgba(20,8,55,.55),0 0 0 1px rgba(28,11,69,.04)}
.pano .card6::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at 85% -10%,rgba(255,255,255,.35),transparent 55%),radial-gradient(360px circle at 0% 110%,rgba(244,117,34,.22),transparent 60%)}
.pano .card6>*{position:relative}
.pano .eyebrow{color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:6px 14px;border-radius:999px}
.pano .lead{font-size:clamp(16px,1.25vw,18.5px);line-height:1.95;margin:0}
.pano .acts2{margin-top:8px}
.pano .btn.white{box-shadow:0 16px 34px -14px rgba(20,8,55,.55)}
.pano .card6{background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(74,47,149,.20) 60%,rgba(42,27,92,.28)) padding-box,linear-gradient(150deg,rgba(255,255,255,.75),rgba(255,255,255,.12) 40%,rgba(247,165,110,.55)) border-box}
.pano .lead{text-shadow:0 1px 12px rgba(28,11,69,.25)}
/* about hero: one-line title, lighter card */
.pano h1{font-size:clamp(34px,3.5vw,54px);white-space:nowrap;line-height:1.2}
.pano .card6{width:min(470px,calc(100% - 40px));padding:clamp(24px,2.4vw,34px);gap:12px;border-radius:34px}
.pano .lead{font-size:clamp(15px,1.1vw,16.5px);line-height:1.9}
.pano .acts2 .btn{padding-block:12px}
@media (max-width:520px){.pano h1{font-size:clamp(28px,8.4vw,36px)}}

/* page heroes: bold display type */
.cine h1,.ph6 h1,.phero h1,.pano h1{font-weight:900;letter-spacing:-.01em}
.cine h1{font-size:clamp(42px,5.4vw,86px);line-height:1.12}
.cine h1 b{background:linear-gradient(90deg,#fff 0%,#FBD9C0 55%,#F7A56E 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* hero content glides in even before GSAP (CSS-only, calm) */
@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.cine .crumb,.cine .lead,.cine .chipsg,.pano .card6{animation:heroIn 1s cubic-bezier(.2,.7,.2,1) both}
.cine .lead{animation-delay:.45s}.cine .chipsg{animation-delay:.65s}.cine .crumb{animation-delay:.1s}
.cine .chipsg span{animation:floatA 9s ease-in-out infinite}
.cine .chipsg span:nth-child(2){animation-delay:-4s}
@media (prefers-reduced-motion:reduce){.cine .crumb,.cine .lead,.cine .chipsg,.pano .card6,.cine .chipsg span{animation:none}}

/* all page titles bold (light/bold split retired) */
h1{font-weight:800}
.series h1,.ph6 h1,.phero h1,.hero3 h1{font-weight:800}

/* doctor portraits: calm living motion */
@keyframes drBreath{0%,100%{transform:scale(1.02) translateY(0)}50%{transform:scale(1.06) translateY(-6px)}}
@keyframes drHalo{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}
.pcardS .ph,.series .im{position:relative;overflow:hidden;isolation:isolate}
.pcardS .ph img,.series .im img{animation:drBreath 12s ease-in-out infinite;transform-origin:50% 30%}
.pcardS .ph::after,.series .im::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(120%);animation:drShine 7s ease-in-out 1.6s infinite}
@keyframes drShine{0%{transform:translateX(120%)}35%,100%{transform:translateX(-120%)}}
.pcardS{transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
@media (hover:hover){.pcardS:hover{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.pcardS .ph img,.series .im img,.pcardS .ph::after,.series .im::after{animation:none}}
h2{font-weight:700}

/* ============ detail heroes (service / program / business service) ============ */
.phero.dhero{position:relative;margin:clamp(96px,8vw,120px) 16px 0;padding:0;border-radius:44px;overflow:hidden;isolation:isolate;min-height:min(74vh,680px);display:flex;align-items:flex-end;text-align:right;background:#5532A8;box-shadow:0 40px 90px -50px rgba(28,11,69,.6)}
.dhero .dh-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform-origin:30% 30%;animation:dhKB 28s ease-in-out infinite alternate}
@keyframes dhKB{from{transform:scale(1.06)}to{transform:scale(1.14) translate(-1.5%,-1%)}}
.dhero::before{content:"";position:absolute;inset:0;z-index:-1;background:
 linear-gradient(270deg,rgba(28,11,69,.82) 0%,rgba(42,27,92,.55) 38%,rgba(42,27,92,.12) 70%,rgba(28,11,69,0) 100%),
 linear-gradient(0deg,rgba(28,11,69,.6) 0%,rgba(28,11,69,0) 45%)}
.dhero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);background:radial-gradient(500px circle at 92% 110%,rgba(244,117,34,.22),transparent 60%)}
.dhero .wrap{width:100%;padding-block:clamp(40px,5vw,68px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.dhero .wrap>*{max-width:min(720px,100%);animation:heroIn 1s cubic-bezier(.2,.7,.2,1) both}
.dhero .wrap>:nth-child(2){animation-delay:.08s}.dhero .wrap>:nth-child(3){animation-delay:.16s}.dhero .wrap>:nth-child(4){animation-delay:.3s}.dhero .wrap>:nth-child(5){animation-delay:.45s}
.dhero .crumb{justify-content:flex-start;margin:0}.dhero .crumb a,.dhero .crumb span{color:rgba(255,255,255,.82)}.dhero .crumb i{background:rgba(255,255,255,.5)}
.dhero .tag-c{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dhero .tag-c::before{background:#F7A56E}
.dhero h1{color:#fff;font-size:clamp(36px,4.4vw,68px);font-weight:800;line-height:1.18;margin:2px 0 0;text-shadow:0 4px 40px rgba(28,11,69,.35);text-wrap:balance}
.dhero .lead{color:rgba(255,255,255,.9);font-size:clamp(16px,1.25vw,19px);line-height:1.9;margin:0;max-width:58ch}
.dh-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.dh-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:14px;font-weight:500}
.dh-chip .i{width:17px;height:17px}
.dhero .btn.white{box-shadow:0 16px 34px -14px rgba(20,8,55,.6)}
@media (max-width:760px){
 .phero.dhero{margin:96px 8px 0;border-radius:30px;min-height:76vh}
 .dhero::before{background:linear-gradient(0deg,rgba(28,11,69,.9) 0%,rgba(28,11,69,.55) 50%,rgba(28,11,69,.1) 100%)}
 .dh-chip{font-size:13px;padding:8px 12px}
}
@media (prefers-reduced-motion:reduce){.dhero .dh-bg,.dhero .wrap>*{animation:none}}

/* numbered steps inside detail text: fix marker overlap, full width 2x2 cards */
.sb-txt .olist{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;counter-reset:o}
.sb-txt .olist li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 20px 22px;padding-inline-start:20px;border-radius:22px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 14px 34px -26px rgba(77,52,146,.45);color:var(--ink);font-size:15.5px;line-height:1.8;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.sb-txt .olist li::before{position:static;content:counter(o);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--btn);color:#fff;font-weight:900;font-size:15px;top:auto;right:auto}
.sb-txt .olist li:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(77,52,146,.55)}
.sb-txt .divl+h2{margin-top:6px}
@media (max-width:640px){.sb-txt .olist{grid-template-columns:1fr}}
.sb-txt .olist li:last-child:nth-child(odd){grid-column:1/-1}
.sb-txt .divl{margin-block:clamp(28px,3vw,40px) 4px}

/* ============ مرآة مشاعرك ============ */
.mm-head{text-align:center;max-width:720px;margin:0 auto clamp(28px,3.5vw,44px)}
.mm-head h2{font-size:clamp(30px,3.6vw,52px);margin:12px 0 10px}
.mm-head p{color:var(--slate);font-size:17px;line-height:1.85;margin:0}
.mm{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,3vw,40px);padding:clamp(14px,1.6vw,20px);border-radius:40px;align-items:stretch}
.mm-padw{position:relative}
.mm-pad{position:relative;aspect-ratio:1;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#FBFAFF,#F1EEFC);border:1px solid #fff;touch-action:none;cursor:grab;outline:none}
.mm-pad:active{cursor:grabbing}
.mm-pad:focus-visible{box-shadow:0 0 0 3px var(--lav400)}
.mm-pad canvas{position:absolute;inset:0;width:100%;height:100%}
.mm-ax{position:absolute;font-size:12.5px;font-weight:700;color:var(--slate);padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid #fff;pointer-events:none}
.mm-ax.t{top:12px;left:50%;translate:-50% 0}.mm-ax.b{bottom:12px;left:50%;translate:-50% 0}
.mm-ax.r{right:12px;top:50%;translate:0 -50%}.mm-ax.l{left:12px;top:50%;translate:0 -50%}
.mm-hint{position:absolute;left:50%;top:calc(50% + 70px);translate:-50% 0;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--brand);padding:7px 12px;border-radius:999px;background:#fff;box-shadow:0 10px 24px -14px rgba(77,52,146,.5);pointer-events:none;transition:opacity .5s;animation:floatA 4s ease-in-out infinite}
.mm-hint .i{width:14px;height:14px}
.mm-hint.off{opacity:0}
.mm-side{display:flex;flex-direction:column;gap:12px;padding:clamp(8px,1.4vw,18px) clamp(4px,1vw,12px)}
.mm-step{padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);opacity:.45;transition:opacity .6s var(--ease),background .6s}
.mm-step.on{opacity:1;background:rgba(255,255,255,.85)}
.mm-step h3{font-size:17px;font-weight:900;margin:2px 0 8px}
.mm-step h3 small{font-weight:500;color:var(--mute);font-size:13px}
.mm-step p{color:var(--slate);font-size:14.5px;line-height:1.8;margin:0 0 10px}
.mm-k{font-size:12px;font-weight:900;color:var(--orange);letter-spacing:.06em}
.mm-zone{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--lav50);border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--heading)}
.mm-zone i{width:10px;height:10px;border-radius:50%;background:var(--lav200)}
.mm-words,.mm-fx{display:flex;flex-wrap:wrap;gap:8px}
.mm-words button{padding:9px 16px;border-radius:999px;border:1px solid rgba(var(--c),.4);background:rgba(var(--c),.10);color:var(--heading);font-weight:700;font-size:14.5px;transition:all .35s var(--ease)}
.mm-words button:hover{background:rgba(var(--c),.2);transform:translateY(-2px)}
.mm-words button[aria-pressed="true"]{background:rgb(var(--c));color:#fff;border-color:transparent;box-shadow:0 10px 22px -10px rgba(var(--c),.8)}
.mm-fx button{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--slate);font-weight:500;font-size:13.5px;transition:all .3s}
.mm-fx button[aria-pressed="true"]{border-color:var(--brand);color:var(--brand);background:var(--lav100);font-weight:700}
.mm-res{display:flex;flex-direction:column;gap:10px;animation:heroIn .8s var(--ease) both}
.mm-ref{padding:18px 20px;border-radius:22px;background:linear-gradient(160deg,rgba(var(--c),.16),rgba(255,255,255,.9));border:1px solid rgba(var(--c),.3)}
.mm-ref small{font-size:12px;font-weight:700;color:var(--mute)}
.mm-ref p{margin:4px 0 0;font-size:16px;line-height:1.85;color:var(--heading)}
.mm-ref .mm-line{font-size:14.5px;color:var(--slate)}
.mm-sug{display:flex;flex-direction:column;gap:6px}
.mm-sug>span{font-size:12.5px;font-weight:700;color:var(--mute)}
.mm-sug a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--brand);font-weight:700;font-size:14px;transition:transform .35s var(--ease),border-color .3s}
.mm-sug a:hover{transform:translateX(-3px);border-color:var(--lav400)}
.mm-sug a>.i{margin-inline-start:auto;width:15px;height:15px}
.mm-sug .li{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--lav100)}
.mm-sug .li .i{width:15px;height:15px}
.mm-next{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--orange);font-size:14px;align-self:flex-start;padding:4px 2px}
.mm-next .i{width:15px;height:15px}
@media (max-width:900px){.mm{grid-template-columns:1fr}.mm-pad{aspect-ratio:1/1}}

/* ============ برج التوازن ============ */
.cr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(20px,3vw,44px);padding:clamp(18px,2.4vw,34px);border-radius:40px;align-items:start}
.cr-rows{display:flex;flex-direction:column;gap:10px}
.cr-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid #fff;box-shadow:0 10px 24px -20px rgba(77,52,146,.5);transition:background .4s}
.cr-row.low{background:linear-gradient(90deg,#fff,#FEF3EA)}
.cr-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cr-t b{font-size:15px;color:var(--heading)}
.cr-t small{font-size:12.5px;color:var(--mute);line-height:1.6}
.cr-pick{display:flex;gap:6px;flex:none}
.cr-pick button{width:34px;height:30px;border:0;background:none;padding:0;display:grid;place-items:center;border-radius:12px}
.cr-pick button:focus-visible{outline:2px solid var(--lav400)}
.cr-pick i{width:28px;height:18px;border-radius:50%;background:var(--lav100);transition:background .35s,transform .35s var(--ease)}
.cr-pick button:hover i{transform:scale(1.12)}
.cr-pick button.f i{background:linear-gradient(160deg,#916FB1,#4C3492)}
.cr-row.low .cr-pick button.f i{background:linear-gradient(160deg,#F7C29E,#F47523)}
.cr-out{display:flex;flex-direction:column;gap:14px;position:sticky;top:120px}
.cr-stage{position:relative;height:440px;border-radius:30px;background:radial-gradient(circle at 50% 80%,#E7E0FB,#F8F6FE 62%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:70px;overflow:hidden}
.cr-tower{display:flex;flex-direction:column-reverse;align-items:center}
.cr-st{position:relative;height:44px;border-radius:50%;margin-top:-6px;transition:width .8s var(--ease),transform .9s var(--ease),background .6s;box-shadow:inset 0 -8px 14px rgba(0,0,0,.18),inset 0 6px 10px rgba(255,255,255,.35),0 10px 18px -10px rgba(28,11,69,.45)}
.cr-st em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:rgba(255,255,255,.92);white-space:nowrap;opacity:0;transition:opacity .3s}
.cr-stage:hover .cr-st em{opacity:1}
.cr-base{position:absolute;bottom:56px;width:300px;height:22px;border-radius:50%;background:rgba(77,52,146,.14);filter:blur(6px)}
.cr-cap{position:absolute;bottom:20px;font-size:12.5px;color:var(--mute)}
.cr-tip{position:absolute;top:18px;right:18px;padding:9px 14px;border-radius:14px;background:#fff;box-shadow:0 10px 24px -14px rgba(77,52,146,.5);font-weight:700;font-size:14px;color:var(--heading)}
.cr-tip b{color:var(--orange)}
.cr-sug{padding:18px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid #fff}
.cr-sug h3{font-size:17px;font-weight:900;margin:0 0 10px}
@media (max-width:900px){.cr{grid-template-columns:1fr}.cr-out{position:static}.cr-t small{display:none}}
@media (max-width:420px){.cr-pick button{width:28px}.cr-pick i{width:22px;height:15px}}
/* stones result card */
.cr-go{align-self:stretch;justify-content:center}
.crr{margin-top:clamp(18px,2.4vw,28px);animation:heroIn .8s var(--ease) both}
.crr-card{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.9fr);gap:clamp(18px,2.6vw,36px);align-items:center;padding:clamp(22px,2.6vw,34px);border-radius:36px;background:linear-gradient(150deg,#6243BA,#5532A8);color:#fff;box-shadow:0 40px 80px -40px rgba(28,11,69,.7);position:relative;overflow:hidden;isolation:isolate}
.crr-card::before{content:"";position:absolute;width:420px;height:420px;left:-140px;top:-200px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.35),transparent);z-index:-1}
.crr-score{position:relative;width:150px;height:150px;display:grid;place-items:center;text-align:center}
.crr-score svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.crr-score circle{fill:none;stroke-width:10}
.crr-score .tr{stroke:rgba(255,255,255,.14)}
.crr-score .fg{stroke:url(#none);stroke:#F7A56E;stroke-linecap:round;stroke-dasharray:327;transition:stroke-dashoffset 1.2s var(--ease)}
.crr-score b{font-size:40px;font-weight:900;line-height:1;margin-top:-14px}
.crr-score b small{font-size:18px}
.crr-score span{position:absolute;bottom:30px;font-size:11.5px;color:var(--lav200);max-width:110px;line-height:1.4}
.crr-k{font-size:12.5px;font-weight:700;color:#F7C29E;letter-spacing:.04em}
.crr-body h3{color:#fff;font-size:clamp(20px,1.8vw,26px);font-weight:900;line-height:1.5;margin:6px 0 10px}
.crr-mood{color:var(--lav200);margin:0 0 10px}.crr-mood b{color:#fff}
.crr-facts{display:flex;flex-direction:column;gap:8px}
.crr-facts span{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--lav200)}
.crr-facts b{color:#fff}
.crr-facts .i{width:18px;height:18px;padding:4px;border-radius:8px;box-sizing:content-box}
.crr-facts .ok .i{background:rgba(122,195,98,.2);color:#9BE07F}
.crr-facts .need .i{background:rgba(244,117,34,.2);color:#F7A56E}
.crr-need{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.crr-need>small{font-size:12.5px;color:var(--lav200);font-weight:700}
.crr-main{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:18px;background:#fff;color:var(--brand);font-weight:900;font-size:16px}
.crr-main .i{width:18px;height:18px;color:var(--orange)}
.crr-more{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-weight:500;font-size:14px}
.crr-more em{font-style:normal;font-size:11.5px;color:#F7C29E;margin-inline-end:auto;margin-inline-start:6px}
.crr-more .i{width:15px;height:15px}
.crr-need .btn{justify-content:center;margin-top:4px;background:var(--orange)}
@media (max-width:980px){.crr-card{grid-template-columns:1fr;justify-items:start}.crr-need{width:100%}}

/* ============ audit additions ============ */
/* home: what sets us apart */
.diff-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:start}
.diff-h{position:sticky;top:130px}
.diff-h h2{font-size:clamp(32px,3.6vw,54px);margin:12px 0 14px}
.diff-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.diff-l li{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid #fff;box-shadow:0 14px 34px -26px rgba(77,52,146,.45);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.diff-l li:hover{transform:translateY(-4px);box-shadow:0 24px 44px -26px rgba(77,52,146,.55)}
.diff-l span{font-size:13px;font-weight:900;color:var(--orange);letter-spacing:.06em}
.diff-l p{margin:0;color:var(--ink);font-size:15.5px;line-height:1.85}
/* home: testimonials */
.tst-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);max-width:1040px;margin:0 auto}
figure.tq{margin:0;position:relative;padding:clamp(26px,3vw,40px);border-radius:32px;display:flex;flex-direction:column;gap:22px}
.tq-m{position:absolute;top:6px;left:24px;font-size:120px;line-height:1;font-weight:900;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.35}
figure.tq blockquote{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.9;color:var(--heading);font-weight:500}
figure.tq figcaption{display:flex;align-items:center;gap:12px;color:var(--slate)}
figure.tq figcaption b{color:var(--heading);font-size:15px}
.tq-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--lav100);color:var(--brand)}
.tq-av.or{background:var(--orange100);color:var(--orange)}
.tq-av .i{width:20px;height:20px}
/* business: why wellness */
.feat4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:clamp(22px,3vw,36px)}
.f4{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid #fff;box-shadow:0 14px 34px -26px rgba(77,52,146,.45)}
.f4 p{margin:0;color:var(--ink);font-size:15px;line-height:1.85}
.why5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.w5{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:28px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 14px 34px -26px rgba(77,52,146,.45)}
.w5.w5d{background:linear-gradient(150deg,#6243BA,#5532A8);border:0}
.w5.w5d h3,.w5.w5d p{color:#fff}.w5.w5d p{color:var(--lav200)}
.w5-k{font-size:13px;font-weight:900;color:var(--orange)}
.w5 h3{font-size:18px;font-weight:900;line-height:1.5;margin:0}
.w5 p{margin:0;color:var(--slate);font-size:14.5px;line-height:1.85}
.w5-n{display:flex;flex-wrap:wrap;gap:8px}
.w5-n span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:16px;background:var(--lav50);border:1px solid var(--line);font-size:12px;color:var(--slate);flex:1;min-width:110px}
.w5-n b{font-size:22px;font-weight:900;color:var(--brand);line-height:1.2;text-align:right}
/* jobs details */
.jdet{border-top:1px solid var(--line);padding-top:12px}
.jdet summary{cursor:pointer;font-weight:700;color:var(--brand);list-style:none;display:flex;align-items:center;gap:6px}
.jdet summary::-webkit-details-marker{display:none}
.jdet summary::after{content:"+";margin-inline-start:auto;font-size:18px}
.jdet[open] summary::after{content:"–"}
.jdet>div{display:flex;flex-direction:column;gap:6px;padding-top:10px}
.jdet b{color:var(--heading);font-size:14.5px;margin-top:6px}
.jdet ul{margin:0;padding-inline-start:18px;color:var(--slate);font-size:14px;line-height:1.85}
/* doctor CV */
.cv{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}
.cv-b{padding:22px;border-radius:26px;background:rgba(255,255,255,.75);border:1px solid #fff;box-shadow:0 14px 34px -26px rgba(77,52,146,.45)}
.cv-b h3{font-size:20px;font-weight:900;margin:0 0 14px}
.cv-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;border-right:2px solid var(--lav200);padding-right:16px}
.cv-tl li{position:relative;display:flex;flex-direction:column;gap:2px}
.cv-tl li::before{content:"";position:absolute;right:-23px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #fff}
.cv-tl span{font-size:13px;font-weight:900;color:var(--orange);font-variant-numeric:tabular-nums}
.cv-tl b{font-size:15px;color:var(--heading);line-height:1.6}
.cv-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cv-r{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:var(--lav50);border:1px solid var(--line)}
.cv-r b{font-size:14px;color:var(--heading);line-height:1.5}
.cv-r small{font-size:12.5px;color:var(--mute)}
.cv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.cv-stats div{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px;border-radius:20px;background:linear-gradient(150deg,#6243BA,#5532A8);color:#fff}
.cv-stats b{font-size:34px;font-weight:900;line-height:1}
.cv-stats span{font-size:13px;color:var(--lav200)}
.cv-media{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:28px;background:rgba(255,255,255,.75);border:1px solid #fff}
.cv-media h3{font-size:20px;font-weight:900;margin:0 0 6px}.cv-media p{margin:0;color:var(--slate);line-height:1.9}
.cv-soc{display:flex;flex-wrap:wrap;gap:8px}
.cv-soc a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--heading);font-weight:700;font-size:13.5px;transition:all .3s}
.cv-soc a:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}
.cv-soc .i{width:16px;height:16px}
.cv-wa{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;background:#E9F8EF;border:1px solid #CDEFD9;color:#1E7A45;align-self:flex-start}
.cv-wa .i{width:22px;height:22px}
.cv-wa small{display:block;font-size:12px;color:#3D8B5C}.cv-wa b{font-size:15px}
@media (max-width:980px){.diff-g,.cv{grid-template-columns:1fr}.diff-h{position:static}.feat4{grid-template-columns:1fr 1fr}.why5{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.diff-l,.tst-g,.feat4,.why5,.cv-roles{grid-template-columns:1fr}.cv-stats{grid-template-columns:1fr 1fr}}
.cv-r:last-child:nth-child(odd){grid-column:1/-1}

/* ============ business: services atlas ============ */
.satlas{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(16px,2vw,28px);align-items:start;margin-top:clamp(20px,3vw,36px)}
.sa-tabs{display:flex;flex-direction:column;gap:10px;position:sticky;top:120px}
.sa-t{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:24px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.5);text-align:right;transition:background .45s var(--ease),box-shadow .45s var(--ease),transform .45s var(--ease)}
.sa-t:hover{background:rgba(255,255,255,.8);transform:translateX(-3px)}
.sa-t.on{background:linear-gradient(150deg,#6243BA,#5532A8);border-color:transparent;box-shadow:0 24px 50px -28px rgba(28,11,69,.8)}
.sa-ic{flex:none;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);transition:all .45s}
.sa-ic .i{width:21px;height:21px}
.sa-t.on .sa-ic{background:rgba(255,255,255,.14);color:#F7A56E}
.sa-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.sa-tx b{font-size:15.5px;color:var(--heading);line-height:1.45;transition:color .3s}
.sa-tx small{font-size:12.5px;color:var(--mute)}
.sa-t.on .sa-tx b{color:#fff}.sa-t.on .sa-tx small{color:var(--lav200)}
.sa-t:focus-visible{outline:3px solid var(--lav400);outline-offset:2px}
.sa-stage{border-radius:36px;padding:clamp(18px,2.2vw,30px);min-height:420px}
.sa-p.on{animation:heroIn .6s var(--ease) both}
.sa-ph{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.sa-big{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--btn);color:#fff;flex:none;box-shadow:0 14px 28px -14px rgba(67,41,133,.7)}
.sa-big .i{width:26px;height:26px}
.sa-ph>div{flex:1;min-width:0}
.sa-ph small{font-size:12.5px;font-weight:700;color:var(--orange);font-variant-numeric:tabular-nums}
.sa-ph h3{font-size:clamp(20px,1.9vw,27px);font-weight:900;margin:2px 0 0}
.sa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sa-c{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px;border-radius:20px;background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 10px 26px -22px rgba(77,52,146,.5);color:var(--heading);animation:heroIn .6s var(--ease) both;animation-delay:calc(var(--i) * 45ms);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.sa-c:hover{transform:translateY(-3px);border-color:var(--lav200);box-shadow:0 20px 36px -24px rgba(77,52,146,.6)}
.sa-n{flex:none;font-size:12.5px;font-weight:900;color:var(--lav400);font-variant-numeric:tabular-nums;width:24px}
.sa-c b{flex:1;font-size:15px;line-height:1.6;font-weight:700}
.sa-go{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--lav50);color:var(--brand);transition:all .4s var(--ease)}
.sa-go .i{width:15px;height:15px}
.sa-c:hover .sa-go{background:var(--orange);color:#fff;transform:translateX(-3px)}
.sa-c:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:980px){
 .satlas{grid-template-columns:1fr}
 .sa-tabs{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;padding-bottom:4px}
 .sa-tabs::-webkit-scrollbar{display:none}
 .sa-t{flex:none;width:auto;padding:12px 14px}
 .sa-tx small{display:none}
 .sa-ic{width:38px;height:38px}
}
@media (max-width:600px){.sa-grid{grid-template-columns:1fr}.sa-ph .btn{display:none}}
@media (prefers-reduced-motion:reduce){.sa-c,.sa-p.on{animation:none}}
/* join: role picker */
.jrole{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}
.jrole button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:20px;border:1.5px solid var(--line);background:#fff;text-align:right;transition:all .35s var(--ease)}
.jrole button b{font-size:15px;color:var(--heading);line-height:1.5}
.jrole button small{font-size:12.5px;color:var(--mute)}
.jrole button[aria-checked="true"]{border-color:var(--brand);background:var(--lav50);box-shadow:0 0 0 3px rgba(155,144,215,.25)}
@media (max-width:600px){.jrole{grid-template-columns:1fr}}

/* accessibility tools */
.a11y-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700}
.a11y-btn .i{width:18px;height:18px}
.a11y{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:80;width:min(320px,calc(100vw - 32px))}
.a11y-in{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:26px;background:rgba(255,255,255,.96)}
.a11y-h{display:flex;align-items:center;justify-content:space-between}
.a11y-h b{font-size:16px;color:var(--heading)}
.a11y-h .dclose{background:var(--lav50);color:var(--brand)}
.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--lav50);font-size:14px;font-weight:700;color:var(--heading);cursor:pointer}
.a11y-row input{width:20px;height:20px;accent-color:var(--brand)}
.a11y-seg{display:flex;gap:4px}
.a11y-seg button{width:40px;height:32px;border-radius:10px;border:1px solid var(--line);background:#fff;font-weight:900;color:var(--brand)}
html.a-contrast{--slate:#2B2645;--mute:#4A4566;--line:#8B85A8}
html.a-contrast body{background:#fff}
html.a-contrast .glass{background:#fff!important;backdrop-filter:none!important}
html.a-still *,html.a-still *::before,html.a-still *::after{animation:none!important;transition:none!important}
html.a-links main a:not(.btn){text-decoration:underline!important;text-underline-offset:3px}
html.a-readable body{letter-spacing:.02em;word-spacing:.08em}
html.a-readable p,html.a-readable li{line-height:2.05!important}
/* header utilities: accessibility + language */
.hutil{display:flex;align-items:center;gap:4px;padding:3px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid var(--line)}
.hu{width:34px;height:34px;border-radius:50%;border:0;background:none;display:grid;place-items:center;color:var(--brand);transition:background .3s,color .3s}
.hu:hover{background:var(--lav100)}
.hu .i{width:19px;height:19px}
.hu.lang span{font-size:12px;font-weight:900;letter-spacing:.04em;font-family:Inter,var(--font)}
.dutil{display:flex;gap:8px;margin-bottom:10px}
.hu.wide{flex:1;width:auto;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--lav50);border:1px solid var(--line);font-weight:700;font-size:14px}
.hu.wide span{font-weight:900}
.langtip{position:fixed;top:92px;left:50%;translate:-50% 0;z-index:90;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:16px;background:#fff;box-shadow:0 20px 40px -18px rgba(43,26,90,.45);font-size:14px;color:var(--heading);opacity:0;transform:translateY(-8px);transition:opacity .35s,transform .35s var(--ease)}
.langtip.on{opacity:1;transform:none}
.langtip b{color:var(--brand)}
@media (max-width:1100px){.hutil{display:none}}

/* ============ home: what sets us apart (dark editorial) ============ */
.dx{margin:clamp(40px,6vw,80px) 16px 0;border-radius:48px;background:radial-gradient(900px 600px at 85% 0%,rgba(244,117,34,.18),transparent 60%),radial-gradient(900px 700px at 0% 100%,rgba(145,111,177,.35),transparent 60%),linear-gradient(160deg,#5532A8,#4E3192);color:#fff;overflow:hidden;isolation:isolate}
.dx-in{width:min(1200px,calc(100% - 48px));margin-inline:auto;padding-block:clamp(70px,8vw,120px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,5vw,90px);align-items:start}
.dx-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:18px}
.dx h2{color:#fff;font-size:clamp(34px,4vw,60px);line-height:1.15}
.dx h2 b{background:linear-gradient(90deg,#fff,#F7A56E);-webkit-background-clip:text;background-clip:text;color:transparent}
.dx-side>p{color:var(--lav200);font-size:17px;line-height:1.95;margin:0;max-width:44ch}
.dx-ph{position:relative;height:260px;border-radius:200px 200px 32px 32px;overflow:hidden;margin-top:10px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.dx-ph img{width:100%;height:120%;object-fit:cover;object-position:50% 20%}
.dx-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(28,11,69,.55))}
.dx-l{list-style:none;margin:0;padding:0;counter-reset:none}
.dx-r{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2vw,28px);align-items:baseline;padding:clamp(20px,2.2vw,28px) 4px;border-bottom:1px solid rgba(255,255,255,.12)}
.dx-r:first-child{border-top:1px solid rgba(255,255,255,.12)}
.dx-n{font-size:clamp(34px,3.2vw,48px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.2px rgba(247,165,110,.75);font-variant-numeric:tabular-nums;transition:color .5s var(--ease),-webkit-text-stroke-color .5s}
.dx-r p{margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.8;color:rgba(255,255,255,.86);transition:color .4s,transform .6s var(--ease)}
.dx-r i{position:absolute;inset-inline-start:0;bottom:-1px;height:1px;width:0;background:linear-gradient(90deg,#F47523,#916FB1);transition:width .8s var(--ease)}
@media (hover:hover){.dx-r:hover .dx-n{color:#F7A56E}.dx-r:hover p{color:#fff;transform:translateX(-6px)}.dx-r:hover i{width:100%}}
@media (max-width:980px){.dx-in{grid-template-columns:1fr}.dx-side{position:static}.dx{margin-inline:8px;border-radius:32px}.dx-ph{height:200px}}

/* ============ home: testimonials (single spotlight) ============ */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qx{padding-block:clamp(80px,9vw,140px)}
.qx-card{position:relative;max-width:980px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;padding:clamp(40px,5vw,72px) clamp(22px,5vw,80px);border-radius:44px;
 background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(241,238,252,.7)) padding-box,linear-gradient(140deg,#fff,rgba(155,144,215,.5) 45%,rgba(244,117,34,.45)) border-box;border:1.5px solid transparent;box-shadow:0 40px 90px -50px rgba(77,52,146,.5)}
.qx-mark{width:64px;height:48px;fill:url(#none);fill:#916FB1;opacity:.35}
.qx-stage{display:grid;width:100%}
.qx-q{grid-area:1/1;margin:0;display:flex;flex-direction:column;align-items:center;gap:22px;opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .9s var(--ease);pointer-events:none}
.qx-q.on{opacity:1;transform:none;pointer-events:auto}
.qx-q blockquote{margin:0;font-size:clamp(22px,2.4vw,34px);line-height:1.65;font-weight:700;color:var(--heading);max-width:30ch;text-wrap:balance}
.qx-q figcaption{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:999px;background:#fff;box-shadow:0 12px 26px -16px rgba(77,52,146,.45)}
.qx-q figcaption b{font-size:15px;color:var(--heading)}
.qx-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--btn);color:#fff}
.qx-av.or{background:var(--orange)}
.qx-av .i{width:18px;height:18px}
.qx-nav{display:flex;gap:8px}
.qx-d{width:10px;height:10px;border-radius:999px;border:0;background:var(--lav200);transition:width .5s var(--ease),background .4s}
.qx-d.on{width:34px;background:var(--brand)}
.qx-foot{margin:0;color:var(--slate);font-size:15px;line-height:1.9;max-width:60ch}
@media (prefers-reduced-motion:reduce){.qx-q{transition:none}}
.dx-ph{height:clamp(260px,26vw,360px)}
/* a11y v2: real text scaling + polished panel */
.site{zoom:var(--fz,1)}
.a11y{left:20px;width:min(340px,calc(100vw - 32px))}
.a11y-in{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:28px;background:rgba(255,255,255,.97);border:1px solid #fff;box-shadow:0 40px 80px -30px rgba(28,11,69,.45);animation:heroIn .45s var(--ease) both}
.a11y-h{display:flex;align-items:center;gap:12px;padding:4px 4px 10px}
.a11y-h>div{flex:1;display:flex;flex-direction:column}
.a11y-h b{font-size:16px;color:var(--heading)}.a11y-h small{font-size:12.5px;color:var(--mute)}
.a11y-badge{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--btn);color:#fff}
.a11y-badge .i{width:22px;height:22px}
.a11y-x{width:36px;height:36px;border-radius:50%;border:0;background:var(--lav50);color:var(--slate);display:grid;place-items:center}
.a11y-fs{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:18px;background:var(--lav50)}
.a11y-tx{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.a11y-tx b{font-size:14.5px;color:var(--heading)}.a11y-tx small{font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.a11y-step{display:flex;align-items:center;gap:8px}
.a11y-step button{width:34px;height:34px;border-radius:12px;border:0;background:#fff;color:var(--brand);font-size:18px;font-weight:900;box-shadow:0 6px 14px -8px rgba(77,52,146,.5)}
.a11y-step button:disabled{opacity:.35}
.a11y-bar{width:56px;height:6px;border-radius:9px;background:var(--lav200);overflow:hidden;display:block}
.a11y-bar i{display:block;height:100%;width:25%;background:var(--btn);border-radius:9px;transition:width .35s var(--ease)}
.a11y-t{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;cursor:pointer;transition:background .3s}
.a11y-t:hover{background:var(--lav50)}
.a11y-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);flex:none}
.a11y-ic .i{width:18px;height:18px}
.a11y-t input{position:absolute;opacity:0;width:1px;height:1px}
.a11y-t .sw{position:relative;width:42px;height:24px;border-radius:99px;background:var(--lav200);flex:none;transition:background .3s}
.a11y-t .sw::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:inset-inline-start .3s var(--ease)}
.a11y-t input:checked~.sw{background:var(--brand)}
.a11y-t input:checked~.sw::after{inset-inline-start:21px}
.a11y-t input:focus-visible~.sw{outline:2px solid var(--lav400);outline-offset:2px}
.a11y-reset{margin-top:4px;height:42px;border-radius:14px;border:1px dashed var(--lav200);background:none;color:var(--brand);font-weight:700}

/* ============ home: testimonials, gentle endless scroll ============ */
.qm{padding-block:clamp(80px,9vw,130px);overflow:hidden}
.qm-vp{position:relative;margin-top:clamp(10px,2vw,24px);overflow-x:auto;scrollbar-width:none;cursor:grab;-webkit-mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);outline:none}
.qm-vp::-webkit-scrollbar{display:none}
.qm-vp.drag{cursor:grabbing}
.qm-track{display:flex;gap:22px;width:max-content;padding:28px 6vw 40px}
.qm-c{position:relative;margin:0;width:clamp(300px,34vw,480px);flex:none;display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:34px 32px 28px;border-radius:32px;
 background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(246,244,254,.82)) padding-box,linear-gradient(140deg,rgba(255,255,255,1),rgba(230,227,240,1)) border-box;border:1.5px solid transparent;
 box-shadow:0 20px 44px -32px rgba(77,52,146,.45);transition:transform .7s var(--ease),box-shadow .7s var(--ease),background .5s}
.qm-c::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:linear-gradient(130deg,#6B48C4,#916FB1 45%,#F47523);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .6s var(--ease);pointer-events:none}
.qm-c:hover{transform:translateY(-6px);box-shadow:0 34px 60px -32px rgba(77,52,146,.55)}
.qm-c:hover::before{opacity:1}
.qm-mk{position:absolute;top:10px;inset-inline-end:26px;font-size:96px;line-height:1;font-weight:900;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.22;transition:opacity .6s}
.qm-c:hover .qm-mk{opacity:.5}
.qm-c blockquote{margin:0;padding-inline-end:44px;font-size:clamp(17px,1.35vw,20px);line-height:1.9;font-weight:500;color:var(--heading)}
.qm-c figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.qm-c figcaption b{font-size:15px;color:var(--heading)}
.qm-av{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);transition:background .5s,color .5s}
.qm-av.or{background:var(--orange100);color:var(--orange)}
.qm-c:hover .qm-av{background:var(--btn);color:#fff}
.qm-c:hover .qm-av.or{background:var(--orange)}
.qm-av .i{width:19px;height:19px}
@media (max-width:600px){.qm-c{width:82vw;padding:28px 22px 22px}}
/* mobile: grids never grow past their container */
@media (max-width:1100px){.bz-top,.fcols{grid-template-columns:minmax(0,1fr)!important}}
.fct b,.ftr a,.cc b{overflow-wrap:anywhere}
.bz-intro,.bz-intro>*{min-width:0}
/* business: why wellness v2 (editorial bento) */
.sec.why{position:relative;padding-bottom:clamp(40px,5vw,80px)}
.sec.why + #programs{padding-top:clamp(70px,7vw,110px)}
.wy-belief{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:32px;padding:10px;margin-bottom:clamp(18px,2vw,26px)}
.wb{display:flex;flex-direction:column;gap:16px;padding:22px 22px 24px;min-width:0;position:relative}
.wb + .wb::before{content:"";position:absolute;inset-block:22px;inset-inline-start:0;width:1px;background:linear-gradient(transparent,var(--line),transparent)}
.wb-i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);transition:transform .5s var(--ease)}
.wb-i.or{background:var(--orange100);color:var(--orange)}
.wb-i .i{width:22px;height:22px}
.wb:hover .wb-i{transform:translateY(-3px) rotate(-4deg)}
.wb p{margin:0;color:var(--ink);font-size:15px;line-height:1.85;font-weight:500}
.wy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wy-c{position:relative;min-width:0;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,2.4vw,36px);border-radius:32px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 18px 40px -30px rgba(77,52,146,.5);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.wy-c.s2{grid-column:span 2}
.wy-c::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:linear-gradient(130deg,#6B48C4,#916FB1 45%,#F47523);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .6s var(--ease);pointer-events:none}
.wy-c:hover{transform:translateY(-5px);box-shadow:0 34px 60px -34px rgba(77,52,146,.55)}
.wy-c:hover::before{opacity:1}
.wy-k{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--orange);display:flex;align-items:center;gap:10px}
.wy-k::after{content:"";height:1px;width:34px;background:currentColor;opacity:.45}
.wy-c h3{margin:0;font-size:clamp(19px,1.5vw,22px);font-weight:800;line-height:1.5;color:var(--heading);text-wrap:balance}
.wy-c p{margin:0;color:var(--slate);font-size:15px;line-height:1.9;max-width:62ch}
.wy-c.dark{background:linear-gradient(150deg,#6243BA,#5532A8);border-color:transparent;box-shadow:0 30px 60px -36px rgba(42,27,92,.8);overflow:hidden}
.wy-c.dark::after{content:"";position:absolute;inset-inline-end:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(244,117,34,.28),transparent 65%);pointer-events:none}
.wy-c.dark h3{color:#fff}.wy-c.dark p{color:var(--lav200)}
.wy-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:16px;margin-block:4px;border-block:1px solid var(--line)}
.wy-n span{display:flex;flex-direction:column;gap:6px;padding-inline:18px;font-size:13px;line-height:1.6;color:var(--slate);min-width:0}
.wy-n span:first-child{padding-inline-start:0}
.wy-n span + span{border-inline-start:1px solid var(--line)}
.wy-n b{font-size:clamp(28px,2.6vw,40px);font-weight:800;line-height:1.1;color:var(--brand);letter-spacing:-.01em;white-space:nowrap}
.wy-c.dark .wy-n{border-color:rgba(255,255,255,.14)}
.wy-c.dark .wy-n span{color:var(--lav200)}.wy-c.dark .wy-n span + span{border-color:rgba(255,255,255,.14)}
.wy-c.dark .wy-n b{color:#fff}
.wy-c.fig{background:linear-gradient(165deg,#FFF6EE,#fff 60%);}
.wy-big{display:flex;flex-direction:column;gap:6px;margin-block:auto 4px}
.wy-big b{font-size:clamp(46px,4.4vw,68px);font-weight:800;line-height:1;color:var(--orange);letter-spacing:-.02em}
.wy-big span{font-size:13px;color:var(--slate)}
@media (max-width:980px){.wy-belief{grid-template-columns:1fr 1fr}.wb:nth-child(3)::before{display:none}.wy{grid-template-columns:1fr 1fr}.wy-c.s2{grid-column:span 2}.wy-c.s1{grid-column:span 1}}
@media (max-width:600px){.wy-belief{grid-template-columns:1fr;padding:6px}.wb{flex-direction:row;align-items:flex-start;padding:18px}.wb-i{flex:none}.wb + .wb::before{inset-block:auto 0;top:0;inset-inline:18px;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.wb:nth-child(3)::before{display:block}.wy{grid-template-columns:1fr}.wy-c.s1,.wy-c.s2{grid-column:auto}.wy-n{grid-template-columns:1fr;gap:12px}.wy-n span{padding-inline:0}.wy-n span + span{border-inline-start:0;border-top:1px solid var(--line);padding-top:12px}.wy-c.dark .wy-n span + span{border-color:rgba(255,255,255,.14)}}
@media (prefers-reduced-motion:reduce){.wy-c,.wb-i{transition:none}.wy-c:hover{transform:none}}
.wy-c.fig.s2 .wy-big{flex-direction:row;align-items:center;gap:22px;padding-block:18px;border-block:1px solid rgba(244,117,34,.18)}
.wy-c.fig.s2 .wy-big span{max-width:22ch;font-size:14px;line-height:1.7}
@media (max-width:600px){.wy-c.fig.s2 .wy-big{flex-direction:column;align-items:flex-start;gap:8px}}
#about + .dx{margin-top:clamp(-60px,-4vw,-20px)}
/* quick scroll pill */
.scrl{position:fixed;left:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 40px -22px rgba(77,52,146,.55);opacity:0;translate:0 14px;pointer-events:none;transition:opacity .5s var(--ease),translate .5s var(--ease)}
.scrl.on{opacity:1;translate:0 0;pointer-events:auto}
.scrl-b{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--brand);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),opacity .3s var(--ease),transform .3s var(--ease)}
.scrl-b .i{width:19px;height:19px}
.scrl-b.dn .i{transform:rotate(180deg)}
.scrl-b:hover{background:var(--brand);color:#fff}
.scrl-b[data-go=up]:hover{transform:translateY(-2px)}.scrl-b.dn:hover{transform:translateY(2px)}
.scrl-b:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.scrl.top [data-go=up],.scrl.end .dn{opacity:.3;pointer-events:none}
.scrl-t{width:2px;height:34px;border-radius:2px;background:var(--line);overflow:hidden;display:block}
.scrl-t i{display:block;width:100%;height:100%;background:linear-gradient(180deg,#6B48C4,#F47523);transform-origin:top;transform:scaleY(0)}
@media (max-width:700px){.scrl{left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:4px;gap:4px}.scrl.has-bar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.scrl-b{width:38px;height:38px}.scrl-t{height:22px}}
@media (prefers-reduced-motion:reduce){.scrl,.scrl-b{transition:none}}
/* text-size tool: the header grows at most 10% so the nav never wraps */
.hdr{zoom:calc(min(var(--fz,1),1.1) / var(--fz,1))}
.nav a{white-space:nowrap}
/* balance: calm sound dock + sound picker */
.calm-dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:-6px auto clamp(26px,3vw,40px)}
.calm-dock small{flex-basis:100%;text-align:center;color:var(--mute);font-size:12.5px}
.bsound .eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px;width:0;overflow:hidden;opacity:0;transition:width .4s var(--ease),opacity .4s}
.bsound .eq i{width:2.5px;height:100%;border-radius:2px;background:var(--orange);transform-origin:bottom;animation:eq 1.1s ease-in-out infinite;animation-play-state:paused}
.bsound .eq i:nth-child(2){animation-delay:-.3s}.bsound .eq i:nth-child(3){animation-delay:-.6s}.bsound .eq i:nth-child(4){animation-delay:-.85s}
.bsound[aria-pressed="true"] .eq{width:18px;opacity:1}.bsound[aria-pressed="true"] .eq i{animation-play-state:running}
@keyframes eq{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.snd-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px;margin-inline:auto}
.snd{position:relative;display:flex;flex-direction:column;gap:16px;padding:26px;border-radius:30px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 18px 40px -30px rgba(77,52,146,.5);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.snd::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:linear-gradient(130deg,#6B48C4,#916FB1 45%,#F47523);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.snd:hover{transform:translateY(-4px);box-shadow:0 30px 56px -34px rgba(77,52,146,.55)}
.snd:hover::before,.snd.sel::before{opacity:1}
.snd h3{margin:0;font-size:19px;font-weight:800;color:var(--heading)}
.snd-v{display:flex;align-items:center;gap:5px;height:46px;padding-inline:4px}
.snd-v i{flex:1;max-width:8px;height:22%;border-radius:4px;background:var(--lav200);transition:background .4s}
.snd[data-s=sea] .snd-v i:nth-child(odd){height:38%}.snd[data-s=sea] .snd-v i:nth-child(4){height:56%}
.snd[data-s=rain] .snd-v i:nth-child(3n){height:62%}.snd[data-s=rain] .snd-v i:nth-child(3n+1){height:30%}
.snd[data-s=bell] .snd-v i:nth-child(2),.snd[data-s=bell] .snd-v i:nth-child(6){height:70%}.snd[data-s=bell] .snd-v i:nth-child(4){height:44%}
.snd.play .snd-v i{background:linear-gradient(180deg,#6B48C4,#F47523);animation:eq 1.3s ease-in-out infinite;transform-origin:center}
.snd.play .snd-v i:nth-child(2n){animation-delay:-.4s}.snd.play .snd-v i:nth-child(3n){animation-delay:-.8s}
.snd-a{display:flex;flex-wrap:wrap;gap:8px}
.snd-a .btn{flex:1;justify-content:center;min-width:0}
.snd-ch{background:var(--lav50);color:var(--brand);border:1px solid var(--line)}
.snd-ch:hover{background:var(--lav100)}
.snd-ch[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:transparent}
.snd-out{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:980px;margin:18px auto 0;padding:16px 18px;border-radius:24px}
.snd-out p{flex:1;margin:0;min-width:200px;color:var(--ink);font-size:15.5px}
.snd-out b{color:var(--brand)}
.snd-oi{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--orange100);color:var(--orange);flex:none}
@media (max-width:820px){.snd-pick{grid-template-columns:1fr}.snd{flex-direction:row;flex-wrap:wrap;align-items:center}.snd-v{width:110px;flex:none}.snd h3{flex:1}.snd-a{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.bsound .eq i,.snd.play .snd-v i{animation:none}}
.snd-oi .i{width:20px;height:20px}
/* about: closing line under the values cards */
.vals-close{position:relative;max-width:820px;margin:clamp(48px,5.5vw,76px) auto 0;padding-top:30px;text-align:center;font-size:clamp(16.5px,1.3vw,19px);line-height:1.95;font-weight:500;color:var(--ink);text-wrap:balance}
.vals-close::before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,#6B48C4,#F47523)}
.olist li>span{flex:1;min-width:0}
/* ---- QA pass (mobile polish) ---- */
@media (max-width:640px){
  /* app download block: phones scaled into their own box, never over the heading */
  .appblk .phones{height:560px;transform:scale(.62);transform-origin:top center;margin-bottom:-213px}
  /* video players: smaller play button, caption clear of it */
  .bigplayer .pl{width:64px;height:64px;top:36%}
  .bigplayer .pl .i{width:24px;height:24px}
  .bigplayer .meta{inset-inline:18px;bottom:16px}
  .bigplayer .meta b{font-size:20px}
  .vplayer{border-radius:24px}
  .vplayer .pl{width:62px;height:62px}
  .vplayer .pl .i{width:24px;height:24px}
  .vplayer .yt{inset-inline:12px;bottom:12px}
  .vplayer .yt .chip{font-size:11px;padding:5px 10px}
}
@media (max-width:700px){
  /* values: swipeable row instead of ten full-height cards */
  .flips{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-16px;padding:4px 16px 14px;scrollbar-width:none}
  .flips::-webkit-scrollbar{display:none}
  .vflip{flex:0 0 78%;scroll-snap-align:center;height:380px}
  /* partnerships: compact two-column tiles */
  .ptiles{grid-template-columns:1fr 1fr;gap:12px}
  .ptile{min-height:0;padding:18px;gap:16px;border-radius:22px}
  .ptile b{font-size:15px;line-height:1.5}
  .ptile .lines{display:none}
  /* how we work: slimmer rail so the cards get the width */
  .tl .fill{right:19px}
  .tli{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .tli .dot{width:40px;height:40px;font-size:15px}
  .tli .c{padding:16px 18px}
  .tli h3{font-size:17px}
  .tli p{font-size:14.5px}
}
@media (max-width:420px){
  .arc{height:100px}
  .arc-av{left:calc(50% + (var(--k) - 4) * 34px);width:46px;height:46px}
  .arc-av:nth-child(5){width:58px;height:58px}
}
@media (min-width:701px){.fct b{white-space:nowrap}}
/* balance: steps one and two sit closer together */
#mirror + #stones{padding-top:clamp(50px,6vw,90px)}
.dhero .lead{text-align:start}
@media (max-width:560px){.bf7{left:16px;right:16px;margin:0}.bf7 small{white-space:normal}}
/* steppers: on phones only the current step keeps its label */
@media (max-width:480px){#jcard .stepper .s{flex:1 1 0;min-width:0}#jcard .stepper .s span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#jcard .stepper .s em{font-style:normal}#jcard .stepper .s:not(.on) span{font-size:0}#jcard .stepper .s:not(.on) span em{font-size:12px}#jcard .stepper .s.on{flex:2.4 1 0}}
.prof>*{min-width:0}
.cv-stats{margin-top:clamp(22px,3vw,36px)}
/* forms aligned with the functional analysis (F20 join, F29 company request) */
.phw{display:flex;gap:8px;min-width:0}
.phw .cs{flex:0 0 104px;min-width:0}
.phw input{flex:1;min-width:0;text-align:start!important}
.fl input[dir=ltr]:not(.phw input){text-align:right}
.mchips{display:flex;flex-wrap:wrap;gap:8px}
.mchips button{padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--slate);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.mchips button:hover{border-color:var(--lav400);color:var(--brand)}
.mchips button[aria-pressed=true]{background:var(--lav100);border-color:var(--brand);color:var(--brand)}
.mchips button[aria-pressed=true]::before{content:"✓";margin-inline-end:6px;font-weight:800}
.mchips button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
#j_lang_other{margin-top:8px}
.fsub{display:flex;align-items:center;gap:12px;margin:22px 0 4px;font-size:13px;font-weight:800;color:var(--brand);letter-spacing:.02em}
.fsub::after{content:"";flex:1;height:1px;background:var(--line)}
.fstep .qcard small{margin-top:-6px}
.agree{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px 18px;border-radius:18px;background:var(--lav50);border:1px solid var(--line);font-size:14.5px;line-height:1.8;color:var(--ink);cursor:pointer}
.agree input{flex:none;width:20px;height:20px;margin-top:4px;accent-color:var(--brand)}
.agree a{color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:3px}
#e_agree{display:block;margin-top:8px;font-size:12px;color:#B02A2D}
.wk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.wk-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.wk-h b{font-size:15px;color:var(--heading)}
.wk-h button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand);display:grid;place-items:center;cursor:pointer}
.wk-h button:disabled{opacity:.35;cursor:default}
.wk-d{display:flex;flex-direction:column;gap:6px;min-width:0}
.wk-d>span{text-align:center;font-size:12.5px;font-weight:700;color:var(--slate);padding:6px 2px;border-radius:12px;background:var(--lav50)}
.wk-d>span small{display:block;font-weight:600;color:var(--mute)}
.wk-d button{padding:8px 2px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .2s,border-color .2s,color .2s}
.wk-d button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}
.wk-d button.on{background:var(--btn);color:#fff;border-color:transparent}
.wk-d button:disabled{background:transparent;color:var(--mute);text-decoration:line-through;cursor:not-allowed;opacity:.6}
.meet-note{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--lav50);border:1px solid var(--line);color:var(--slate);font-size:14px}
.meet-note .i{width:18px;height:18px;color:var(--brand);flex:none}
@media (max-width:560px){.wk{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.wk-d{flex:0 0 31%;scroll-snap-align:start}.phw .cs{flex-basis:96px}}
/* lighter brand surfaces (client: lighter like the old site) — keep small text readable on them */
.ftr,.biz,.appblk,.dark{--lav400:#E6E3F8}
.fbtm{color:rgba(255,255,255,.82)}
.fct small{color:rgba(255,255,255,.78)}
/* sounds: two captioned groups */
.snd-gh,.snd-gn{max-width:980px;margin-inline:auto}
.snd-gh{margin-block:8px 14px;font-size:20px;font-weight:800;color:var(--heading)}
.snd-pick+.snd-gh{margin-top:40px}
.snd-gn{margin-top:-8px;margin-bottom:16px;font-size:14.5px;color:var(--slate)}
.snd h3 small{display:block;margin-top:4px;font-size:14px;font-weight:500;color:var(--slate)}
.snd.q{background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(236,234,252,.9))}

/* inhale 4s, exhale 6s */
.corb[data-ph="in"] .cball,.corb[data-ph="in"]::after{transition-duration:4s}
/* recitation cards: the opening ayah replaces the waveform */
.snd.q{gap:14px}
.q-ayah{margin:0;padding:18px 14px;border-radius:20px;background:linear-gradient(160deg,var(--lav50),var(--lav100));border:1px solid var(--line);text-align:center;font-size:20px;line-height:1.9;font-weight:500;color:var(--brand);min-height:96px;display:grid;place-items:center;transition:box-shadow .5s var(--ease),background .5s var(--ease)}
.snd.q.play .q-ayah{background:linear-gradient(160deg,#fff,var(--lav100));box-shadow:0 0 0 2px rgba(145,111,177,.35),0 18px 36px -24px rgba(76,52,146,.6)}
@media (max-width:820px){.snd.q{flex-direction:column;align-items:stretch}.q-ayah{min-height:0}}
@font-face{font-family:"Amiri Q";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/amiri.woff2) format("woff2")}
.q-ayah{font-family:"Amiri Q","Thmanyah Sans",serif;font-size:23px;line-height:2;font-weight:400}
.q-ayah{font-size:21px;min-height:118px}
.snd.q .snd-a{margin-top:auto}
/* breathing: «أرِح مسمعك» recitation picker */
.bbtns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.bsound.q .bs-ic{background:linear-gradient(140deg,#916FB1,#4C3492)}
.bsound.q.play{box-shadow:0 0 0 2px rgba(145,111,177,.45),0 14px 30px -18px rgba(76,52,146,.6)}
.bctl{position:relative}
.qpan{width:min(440px,calc(100vw - 32px));padding:16px;border-radius:26px;display:flex;flex-direction:column;gap:12px;text-align:right}
.qp-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.qp-h b{display:block;font-size:17px;font-weight:800;color:var(--heading)}
.qp-h small{display:block;margin-top:2px;font-size:13px;color:var(--slate)}
.qp-x{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--slate);display:grid;place-items:center;cursor:pointer}
.qp-x .i{width:16px;height:16px}
.qp-l{display:flex;flex-direction:column;gap:8px}
.qp-r{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;grid-template-areas:"ay pl" "m pl";gap:2px 12px;align-items:center;width:100%;padding:12px 14px 14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.85);text-align:right;cursor:pointer;font:inherit;color:inherit;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.qp-r:hover{transform:translateY(-1px);border-color:var(--lav200)}
.qp-r.on{border-color:rgba(145,111,177,.6);box-shadow:0 12px 28px -20px rgba(76,52,146,.7)}
.qp-ay{grid-area:ay;font-family:"Amiri Q","Thmanyah Sans",serif;font-size:19px;line-height:1.9;color:var(--brand)}
.qp-m{grid-area:m;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.qp-m b{font-size:14.5px;font-weight:800;color:var(--heading)}
.qp-m small{font-size:12.5px;color:var(--slate)}
.qp-pl{grid-area:pl;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--lav100);color:var(--brand);transition:background .3s,color .3s}
.qp-r.play .qp-pl{background:var(--brand);color:#fff}
.qp-pl .i{width:18px;height:18px}
.qp-bar{position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--lav100)}
.qp-bar::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--p,0)*100%);background:linear-gradient(90deg,#916FB1,#4C3492);transition:width .25s linear}
.snd-pick.qgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:820px){.snd-pick.qgrid{grid-template-columns:1fr}}
/* recitations: one scrollable row of compact cards */
.snd-pick.qgrid{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:6px 4px 14px;scrollbar-width:thin;scrollbar-color:var(--lav200) transparent}
.snd-pick.qgrid::-webkit-scrollbar{height:6px}.snd-pick.qgrid::-webkit-scrollbar-thumb{background:var(--lav200);border-radius:6px}
.qgrid .snd.q{flex:0 0 250px;scroll-snap-align:start;padding:16px;gap:10px;border-radius:24px}
.qgrid .snd.q:hover{transform:translateY(-2px)}
.qgrid .q-ayah{font-size:17px;line-height:1.85;min-height:78px;padding:10px 10px;border-radius:16px}
.qgrid .snd.q h3{font-size:16px}
.qgrid .snd.q h3 small{font-size:12.5px}
.qgrid .snd-a .btn{padding-inline:10px;font-size:13.5px}
@media (max-width:820px){.snd-pick.qgrid{display:flex}.qgrid .snd.q{flex-basis:78%;flex-direction:column;align-items:stretch}}
@media (max-width:820px){.qgrid .snd-a{flex-basis:auto}.qgrid .snd.q h3{flex:none}}
.fcard{overflow:visible}
.qp-l{max-height:min(360px,55vh);overflow-y:auto;overscroll-behavior:contain;padding-inline-end:2px;scrollbar-width:thin;scrollbar-color:var(--lav200) transparent}
.qp-r{flex:none}

/* recitations: arrow navigation instead of scrollbar */
.q-head{max-width:980px;margin-inline:auto;margin-top:56px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.q-head .snd-gh,.q-head .snd-gn{max-width:none;margin-inline:0}
.q-arr{flex:none;margin-bottom:16px}
.q-arr button{width:44px;height:44px}
.q-arr svg{width:18px;height:18px}
.snd-pick.qgrid{scrollbar-width:none}
.snd-pick.qgrid::-webkit-scrollbar{display:none}
.snd-pick.qgrid{--fl:0px;--fr:0px;padding:10px 4px 30px;margin-bottom:-16px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%)}

/* client 17-10: bigger "عن تـــوازن" title + CEO message on home */
.stmt .stmt-t{margin:0 0 18px;font-size:clamp(34px,4.4vw,60px);font-weight:800;line-height:1.15;color:#fff}
.ceo-msg{margin:18px 0 0;max-width:62ch;font-size:clamp(15px,1.15vw,17px);line-height:1.95;color:var(--slate)}
.ceo-msg a{color:var(--brand);font-weight:700;white-space:nowrap}

/* client 17-10: richer brand purple — greyish lavender-blue hexes remapped (#7476BB/#7276BC/#6A65AF/#615CAA/#5A54A6 -> #6B48C4/#6243BA/#5A39AE/#5532A8/#4E3192) */
.stmt.vid::before{background:linear-gradient(180deg,rgba(54,30,120,.60),rgba(78,49,146,.40) 45%,rgba(54,30,120,.70))}

/* client 17-10: section labels (شراكاتنا، كيف نعمل، مواردنا…) were too small — larger & bolder; hero pills keep their size */
.eyebrow{font-size:clamp(16px,1.25vw,18px);font-weight:800}
.hero3 .eyebrow,.phero .eyebrow,.ph6 .eyebrow,.pano .eyebrow{font-size:14px;font-weight:700}
.two{align-items:stretch}.two>.panel{height:100%}
/* client 17-10: beliefs moved under item 06; 3-item "لماذا توازن؟" row */
.wy + .wy-belief{margin:clamp(18px,2vw,26px) 0 0}
.wy-belief.wy3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin-inline:auto}
.wy-belief.wy3 .wb p{font-size:16px}
@media (max-width:980px){.wy-belief.wy3{grid-template-columns:1fr}.wy-belief.wy3 .wb::before{display:none}}
/* client 17-10 images: business hero photo, vision/mission photos */
.ph6.deep.photo{position:relative}
.ph6.deep.photo::after{content:"";position:absolute;inset:0;z-index:-2;background:url(../img/biz_office.jpg) 50% 45%/cover no-repeat}
.ph6.deep.photo .ph6-grid{position:relative}
.ph6.deep.photo::before{width:auto;height:auto;inset:0;left:0;top:0;border-radius:0;filter:none;animation:none;z-index:-1;background:linear-gradient(90deg,rgba(54,30,120,.30) 0%,rgba(78,49,146,.72) 45%,rgba(54,30,120,.92) 100%)}
.panel.vm{overflow:hidden}
.panel.vm .vm-img{display:block;width:calc(100% + 2*var(--vmpad,32px));max-width:none;height:200px;object-fit:cover;margin:calc(-1*var(--vmpad,32px)) calc(-1*var(--vmpad,32px)) 22px;}
.panel.vm{--vmpad:clamp(28px,3vw,44px)}
/* client 17-10: Tawazon brand Arabic font (Asal Arabic ITF, 3 real weights); Latin keeps the current fallback */
/* Asal Arabic ITF — Light/Medium/Bold from the old Tawazon site (brand font) */
@font-face{font-family:"Asal";font-weight:100 400;font-style:normal;font-display:swap;src:url(../fonts/asal-light.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Asal";font-weight:500 600;font-style:normal;font-display:swap;src:url(../fonts/asal-medium.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Asal";font-weight:700 900;font-style:normal;font-display:swap;src:url(../fonts/asal-bold.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Bahnschrift";font-weight:300 700;font-stretch:75% 100%;font-style:normal;font-display:swap;src:url(../fonts/bahnschrift.woff2) format("woff2")}
:root{--font:"Asal","Bahnschrift","Thmanyah Sans","Segoe UI","Tahoma",sans-serif}  /* Arabic = Asal, Latin letters & digits = Bahnschrift (brand guide) */
/* partners logo carousel */
.lgc{position:relative;max-width:1180px;margin-inline:auto}
.lgc-arr{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px}
.lgc-arr button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand);display:grid;place-items:center;cursor:pointer;transition:opacity .2s,transform .2s}
.lgc-arr button:disabled{opacity:.35;cursor:default}
.lgc-arr button:not(:disabled):hover{transform:translateY(-2px)}
.lgc-t{list-style:none;margin:0;padding:6px 2px 14px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lgc-t::-webkit-scrollbar{display:none}
.lgc-i{flex:0 0 clamp(150px,17vw,200px);height:120px;scroll-snap-align:start;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px -24px rgba(77,52,146,.35);display:grid;place-items:center;padding:16px 18px}
.lgc-i img{max-width:100%;max-height:78px;object-fit:contain}
@media (max-width:600px){.lgc-i{flex-basis:44vw;height:104px}}
/* client 17-10: vision & mission as flip cards — photo + title in front, the text turns into view on hover/tap */
.vmflips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,28px)}
.vflip.vmf{height:clamp(440px,38vw,500px);border-radius:36px;perspective:1600px}
.vmf .ff{border-radius:36px}
.vmf .ff.front .ft{inset-inline:22px;bottom:22px;padding:22px 24px;border-radius:26px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.vmf .ff.front h3{font-size:clamp(28px,2.6vw,38px);line-height:1.2}
.vmf .ff.front .hint{font-size:13px}
.vmf-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);color:#fff}
.vmf .ff.back{padding:clamp(28px,3vw,40px);justify-content:center;gap:16px}
.vmf .ff.back .vmf-ic{background:var(--lav100);border-color:transparent;color:var(--brand)}
.vmf.hl .ff.back .vmf-ic{background:rgba(255,255,255,.16);color:#fff}
.vmf .ff.back h3{font-size:clamp(26px,2.2vw,32px)}
.vmf .ff.back p{font-size:clamp(14.5px,1.1vw,16px);line-height:1.95;margin:0}
.vmf .fin{transition:transform 1s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){.vmf .fin{transition:none}}
@media (max-width:860px){.vmflips{grid-template-columns:1fr}.vflip.vmf{height:520px}}
.vmf-ic svg,.vmf-ic .i{width:24px!important;height:24px!important}
/* testimonials ring */
.qr{position:relative;max-width:1180px;margin:clamp(30px,4vw,50px) auto 0;padding-inline:16px}
.qr-stage{position:relative;perspective:1400px;transform-style:preserve-3d;min-height:320px;transition:height .4s}
.qr-c.qm-c{position:absolute!important;top:10px;left:50%;width:min(560px,82vw);margin:0!important;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s,filter 1.1s;will-change:transform;cursor:pointer}
.qr-c.on{cursor:default;box-shadow:0 40px 80px -40px rgba(77,52,146,.45)}
.qr-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}
.qr-nav>button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand);display:grid;place-items:center;cursor:pointer}
.qr-dots{display:flex;gap:8px}
.qr-d{width:10px;height:10px;border-radius:99px;border:0;padding:0;background:var(--lav200);cursor:pointer;transition:width .4s,background .4s}
.qr-d[aria-current="true"]{width:28px;background:var(--brand)}
@media (prefers-reduced-motion:reduce){.qr-c.qm-c{transition:opacity .3s}}
@media (max-width:700px){.qr-c.qm-c{width:84vw}}
.qr-nav>button svg,.qr-nav>button .i{width:20px!important;height:20px!important}
/* client 17-10 (Asal): hero lines no longer touch (ن over أ); section labels 2-4 steps bigger with more room below; old-site kashida style (ما يميزنـــــا) */
.hero3 h1{line-height:1.22}
.hero3 h1 .ln+.ln{margin-top:.12em}
.eyebrow{font-size:clamp(19px,1.55vw,22px);margin-bottom:clamp(14px,1.4vw,20px)}
.hero3 .eyebrow,.phero .eyebrow,.ph6 .eyebrow,.pano .eyebrow{font-size:14px;margin-bottom:0}
.eyebrow .kx{letter-spacing:0}
/* client 17-10: partners v2 — the 8 most important clients spotlighted, the rest in a slow endless marquee with arrows */
.pts{max-width:1180px;margin-inline:auto;display:flex;flex-direction:column;gap:clamp(22px,2.6vw,34px)}
.pts-feat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.pts-f{position:relative;height:clamp(120px,11vw,150px);border-radius:26px;background:linear-gradient(160deg,#fff,#F7F4FE);border:1px solid #fff;box-shadow:0 1px 0 #fff inset,0 24px 50px -30px rgba(77,52,146,.45);display:grid;place-items:center;padding:20px 24px;transition:transform .6s var(--ease),box-shadow .6s var(--ease);overflow:hidden}
.pts-f::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(145,111,177,.16),transparent 60%);opacity:0;transition:opacity .5s}
.pts-f:hover{transform:translateY(-6px);box-shadow:0 1px 0 #fff inset,0 34px 60px -30px rgba(77,52,146,.55)}
.pts-f:hover::after{opacity:1}
.pts-f img{max-width:100%;max-height:clamp(64px,6vw,86px);object-fit:contain;transition:transform .6s var(--ease)}
.pts-f:hover img{transform:scale(1.06)}
.pts-rest{border-radius:32px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:clamp(18px,2vw,26px) 0 clamp(18px,2vw,26px);box-shadow:0 24px 50px -36px rgba(77,52,146,.4)}
.pts-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:clamp(18px,2.2vw,30px);margin-bottom:clamp(14px,1.6vw,20px)}
.pts-num{display:flex;align-items:baseline;gap:10px;margin:0;color:var(--slate);font-size:15px}
.pts-num b{font-family:"Bahnschrift",var(--font);font-size:clamp(28px,2.6vw,36px);font-weight:700;color:var(--brand);line-height:1}
.pts-arr{display:flex;gap:10px}
.pts-arr button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand);display:grid;place-items:center;cursor:pointer;transition:transform .2s}
.pts-arr button:hover{transform:translateY(-2px)}
.pts-arr button svg{width:20px!important;height:20px!important}
.pts-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pts-t{list-style:none;margin:0;padding:4px 0;display:flex;gap:14px;width:max-content;will-change:transform}
.pts-i{flex:0 0 auto;width:170px;height:96px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:12px 16px}
.pts-i img{max-width:100%;max-height:62px;object-fit:contain;filter:grayscale(.35) saturate(.9);opacity:.88;transition:filter .4s,opacity .4s}
.pts-i:hover img{filter:none;opacity:1}
@media (max-width:860px){.pts-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pts-bar{flex-wrap:wrap}.pts-i{width:140px;height:84px}}
/* premium-web-motion finish: gradient border in the logo colours on the spotlight cards */
.pts-f::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(130deg,#6B48C4,#916FB1 45%,#F47523);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s;pointer-events:none}
.pts-f:hover::before{opacity:1}
@media (prefers-reduced-motion:reduce){.pts-f,.pts-f img{transition:none}.pts-f:hover{transform:none}}
/* partners v3: one spotlight grid, paged (8 per page) — no repeated strip */
.pts .pts-bar{padding-inline:0;margin-bottom:0}
.pts-pages{position:relative;display:grid}
.pts-pg{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease),visibility 0s .7s}
.pts-pg.on{opacity:1;visibility:visible;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease),visibility 0s}
.pts-pg.on .pts-f{animation:ptsIn .7s var(--ease) both}
.pts-pg.on .pts-f:nth-child(2){animation-delay:.04s}.pts-pg.on .pts-f:nth-child(3){animation-delay:.08s}.pts-pg.on .pts-f:nth-child(4){animation-delay:.12s}.pts-pg.on .pts-f:nth-child(5){animation-delay:.16s}.pts-pg.on .pts-f:nth-child(6){animation-delay:.2s}.pts-pg.on .pts-f:nth-child(7){animation-delay:.24s}.pts-pg.on .pts-f:nth-child(8){animation-delay:.28s}
@keyframes ptsIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.pts-dots{display:flex;justify-content:center;gap:8px}
.pts-d{width:10px;height:10px;border-radius:99px;border:0;padding:0;background:var(--lav200);cursor:pointer;transition:width .4s,background .4s}
.pts-d[aria-current="true"]{width:28px;background:var(--brand)}
@media (prefers-reduced-motion:reduce){.pts-pg,.pts-pg.on{transition:none}.pts-pg.on .pts-f{animation:none}}
/* footer slogan: bold, and the hamza of أفضل no longer clipped */
.ftr .fbig h2{font-weight:800;line-height:1.35;padding-top:.12em}
.ftr .fbig h2 b{font-weight:800;padding-top:.12em;display:inline-block}

/* 17-10: «عن تـــوازن» statement — bigger type + graceful entrance */
.stmt.vid .wrap{gap:clamp(28px,3vw,44px)}
.stmt .stmt-t{position:relative;margin:0;font-size:clamp(52px,7vw,104px);font-weight:900;line-height:1.2;padding-bottom:.28em;letter-spacing:0}
.stmt .stmt-t .tw{display:inline-block;will-change:transform,filter,opacity}
.stmt .stmt-t .tw.g{background:linear-gradient(100deg,#fff 0%,#F7C9A4 35%,#fff 55%,#E6D9FF 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:stmtShine 9s ease-in-out infinite}
.stmt .stmt-t::after{content:"";position:absolute;inset-inline:22%;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#F47522,#fff,#916FB1,transparent);transform:scaleX(var(--ln,1));transition:transform 1.4s cubic-bezier(.22,1,.36,1) .5s}
.stmt p{font-size:clamp(34px,4.3vw,64px);line-height:1.55;max-width:21ch}
.stmt p .sw{will-change:opacity,filter}
.js-stmt .stmt .stmt-t{--ln:0}
.js-stmt .stmt .stmt-t .tw{opacity:0;filter:blur(16px);transform:translateY(40%)}
.stmt .stmt-t.in{--ln:1}
.stmt .stmt-t.in .tw{opacity:1;filter:blur(0);transform:none;transition:opacity 1.2s cubic-bezier(.22,1,.36,1),filter 1.3s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1)}
.stmt .stmt-t.in .tw:nth-child(2){transition-delay:.16s}
@keyframes stmtShine{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media (max-width:600px){.stmt .stmt-t{font-size:clamp(44px,13vw,60px)}.stmt p{font-size:clamp(28px,8vw,38px);max-width:none}}
@media (prefers-reduced-motion:reduce){.stmt .stmt-t .tw.g{animation:none}.js-stmt .stmt .stmt-t .tw{opacity:1;filter:none;transform:none}.js-stmt .stmt .stmt-t{--ln:1}}

/* 17-10: terms / privacy pop-up */
.lgm{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px;background:rgba(28,11,69,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .32s cubic-bezier(.22,1,.36,1)}
.lgm.open{opacity:1}
.lgm-p{position:relative;width:min(680px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;border-radius:32px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);box-shadow:0 50px 120px -40px rgba(28,11,69,.55),0 0 0 1px rgba(107,72,196,.08);overflow:hidden;transform:translateY(26px) scale(.97);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.lgm.open .lgm-p{transform:none}
.lgm-p::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#4D3492,#916FB1,#F47522)}
.lgm-h{display:flex;align-items:flex-start;gap:14px;padding:30px 30px 18px}
.lgm-h>div{flex:1;min-width:0}
.lgm-h h3{margin:0 0 6px;font-size:clamp(22px,2vw,26px);color:var(--heading)}
.lgm-h p{margin:0;color:var(--slate);font-size:15px;line-height:1.7}
.lgm-ic{flex:none;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(107,72,196,.14),rgba(244,117,34,.12));color:var(--brand)}
.lgm-ic svg{width:24px;height:24px}
.lgm-x{flex:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(107,72,196,.16);background:#fff;color:var(--heading);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .12s}
.lgm-x:hover{background:rgba(107,72,196,.08)}.lgm-x:active{transform:scale(.96)}
.lgm-x svg{width:18px;height:18px}
.lgm-tabs{display:flex;gap:6px;margin:0 30px;padding:5px;border-radius:999px;background:rgba(107,72,196,.08);overflow-x:auto;scrollbar-width:none}
.lgm-tabs::-webkit-scrollbar{display:none}
.lgm-tabs button{flex:1;white-space:nowrap;border:0;background:transparent;padding:10px 16px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;color:var(--slate);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.lgm-tabs button.on{background:#fff;color:var(--brand);box-shadow:0 6px 18px -8px rgba(77,52,146,.45)}
.lgm-b{flex:1;min-height:0;overflow:auto;padding:22px 30px 10px;overscroll-behavior:contain}
.lgm-pane{display:none}.lgm-pane.on{display:block;animation:lgmIn .45s cubic-bezier(.22,1,.36,1)}
@keyframes lgmIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lgm-s+.lgm-s{margin-top:22px;padding-top:22px;border-top:1px solid rgba(107,72,196,.1)}
.lgm-s h4{margin:0 0 10px;font-size:17px;color:var(--heading)}
.lgm-s p{margin:0 0 10px;color:var(--slate);font-size:15px;line-height:1.85}
.lgm-s ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.lgm-s li{position:relative;padding-inline-start:22px;color:var(--ink,#2b2350);font-size:15px;line-height:1.85}
.lgm-s li::before{content:"";position:absolute;inset-inline-start:2px;top:.75em;width:8px;height:8px;border-radius:3px;background:linear-gradient(135deg,#6B48C4,#F47522)}
.lgm-s .pct{font-weight:700;color:var(--brand)}
.lgm-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 30px 24px;border-top:1px solid rgba(107,72,196,.1);background:rgba(250,248,255,.9)}
.lgm-f>a{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:700;font-size:14px}
.lgm-f>a svg{width:16px;height:16px}
.lgm-fa{display:flex;gap:8px;margin-inline-start:auto}
.lgm-fa .btn.primary svg{width:18px;height:18px}
label.agree a[data-legal]{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.lgm{padding:0;place-items:end center}.lgm-p{border-radius:28px 28px 0 0;max-height:90vh;transform:translateY(100%)}.lgm-h{padding:24px 20px 14px}.lgm-tabs{margin:0 20px}.lgm-b{padding:18px 20px 8px}.lgm-f{padding:14px 20px calc(18px + env(safe-area-inset-bottom,0px))}.lgm-f>a{width:100%;justify-content:center}.lgm-fa{width:100%}.lgm-fa .btn{flex:1;justify-content:center}}
@media (prefers-reduced-motion:reduce){.lgm,.lgm-p{transition:none}.lgm-pane.on{animation:none}}

/* 17-10: physical health index (LE8-based) on balance.html */
.hx{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:clamp(20px,3vw,44px);padding:clamp(22px,3vw,40px);border-radius:40px;align-items:start}
.hx-form{min-width:0}
.hx .fstep h3 small{font-size:15px;color:var(--mute);font-weight:500}
.hx-f{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid rgba(107,72,196,.1)}
.hx-l{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hx-l label{font-weight:700;color:var(--heading);font-size:16px}
.hx-num{display:inline-flex;align-items:baseline;gap:6px;padding:6px 14px;border-radius:14px;background:rgba(107,72,196,.08)}
.hx-num input,.hx-num output{width:4.2ch;border:0;background:transparent;font:inherit;font-size:22px;font-weight:800;color:var(--brand);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;padding:0}
.hx-num input::-webkit-outer-spin-button,.hx-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hx-num input:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:6px}
.hx-num i{font-style:normal;color:var(--slate);font-size:14px}
.hx-rg{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,#E9E1FA,#D9CCF5);outline:none;cursor:pointer}
.hx-rg::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:6px solid var(--brand);box-shadow:0 6px 16px -4px rgba(77,52,146,.55);transition:transform .15s}
.hx-rg::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:6px solid var(--brand);box-shadow:0 6px 16px -4px rgba(77,52,146,.55)}
.hx-rg:active::-webkit-slider-thumb{transform:scale(1.12)}
.hx-rg:focus-visible::-webkit-slider-thumb{outline:3px solid rgba(107,72,196,.35);outline-offset:3px}
.hx-bmi{padding:18px;border-radius:22px;background:linear-gradient(150deg,rgba(107,72,196,.1),rgba(244,117,34,.07));display:flex;flex-direction:column;gap:12px}
.hx-bmi-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.hx-bmi-h span{font-weight:700;color:var(--heading)}
.hx-bmi-h b{font-size:30px;font-weight:900;color:var(--brand);font-variant-numeric:tabular-nums}
.hx-bmi-h em{font-style:normal;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;background:#fff;color:var(--brand)}
.hx-bmi-h em[data-t="1"]{color:#1E8A5A}.hx-bmi-h em[data-t="2"]{color:#B86A12}.hx-bmi-h em[data-t="3"],.hx-bmi-h em[data-t="4"],.hx-bmi-h em[data-t="5"]{color:#C0392B}.hx-bmi-h em[data-t="0"]{color:#2F6FB0}
.hx-scale{position:relative;display:flex;gap:3px;height:12px}
.hx-scale i{width:var(--w);border-radius:6px}
.hx-scale .lo{background:#9CC3EA}.hx-scale .ok{background:#6FCF97}.hx-scale .mid{background:#F6C26B}.hx-scale .hi1{background:#F39C6B}.hx-scale .hi2{background:#E8735A}.hx-scale .hi3{background:#C94B4B}
.hx-pin{position:absolute;top:50%;width:22px;height:22px;margin-inline-start:-11px;border-radius:50%;background:#fff;border:5px solid var(--heading);transform:translateY(-50%);box-shadow:0 6px 14px -4px rgba(28,11,69,.5);transition:inset-inline-start .5s cubic-bezier(.22,1,.36,1)}
.hx-scale-l{display:grid;grid-template-columns:12% 26% 20% 42%;font-size:12px;color:var(--slate);text-align:center}
.hx-q{display:flex;flex-direction:column;gap:6px}
.hx-q>b{font-size:16px;color:var(--heading)}.hx-q>small{color:var(--mute);margin-top:-2px}
.hx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.hx-chips button{min-width:48px;min-height:44px;padding:8px 14px;border-radius:14px;border:1px solid rgba(107,72,196,.18);background:#fff;font:inherit;font-weight:700;color:var(--heading);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .2s,color .2s,border-color .2s,transform .12s,box-shadow .2s}
.hx-chips button:hover{border-color:var(--brand)}
.hx-chips button:active{transform:scale(.97)}
.hx-chips button[aria-checked="true"]{background:linear-gradient(135deg,#6B48C4,#4E3192);color:#fff;border-color:transparent;box-shadow:0 10px 22px -10px rgba(77,52,146,.7)}
.hx-chips.wide button{flex:1;min-width:150px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;padding:12px 16px}
.hx-chips.wide button small{font-weight:500;font-size:12.5px;opacity:.75}
.hx-chips.col{flex-direction:column}.hx-chips.col button{min-width:0}
.hx-out{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:22px;background:rgba(107,72,196,.07)}
.hx-out p{margin:0;font-weight:700;color:var(--heading);display:flex;flex-direction:column;gap:4px}.hx-out small{font-weight:500;color:var(--slate);font-size:13px;line-height:1.7}
.hx-ring{flex:none;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6B48C4 calc(var(--p)*1%),rgba(107,72,196,.15) 0);position:relative}
.hx-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
.hx-ring b{position:relative;font-size:19px;font-weight:900;color:var(--brand);font-variant-numeric:tabular-nums}
.hx-tg{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;color:var(--heading)}
.hx-tg input{position:absolute;opacity:0;width:1px;height:1px}
.hx-tg span{flex:none;width:46px;height:28px;border-radius:999px;background:#DCD3EF;position:relative;transition:background .25s}
.hx-tg span::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(28,11,69,.25);transition:transform .25s cubic-bezier(.22,1,.36,1)}
.hx-tg input:checked+span{background:var(--brand)}
html[dir="rtl"] .hx-tg input:checked+span::after{transform:translateX(-18px)}html[dir="ltr"] .hx-tg input:checked+span::after{transform:translateX(18px)}
.hx-tg input:focus-visible+span{outline:2px solid var(--brand);outline-offset:3px}
.hx-tg.sm{font-size:14px;font-weight:500;color:var(--slate)}
.hx-tip{display:flex;gap:8px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:16px;background:rgba(244,117,34,.08);color:var(--slate);font-size:14px;line-height:1.8}
.hx-tip svg{flex:none;color:#F47522;margin-top:4px}
.hx-g{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid rgba(107,72,196,.1)}
.hx-g>b{color:var(--heading)}.hx-g>b small{font-weight:500;color:var(--mute);font-size:13px}
.hx-g .hx-chips{margin-top:0}
.hx-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hx-pair input{min-width:0;height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(107,72,196,.2);background:#fff;font:inherit;font-size:15px;color:var(--heading)}
.hx-pair input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(107,72,196,.12)}
.hx .fnav{margin-top:22px}
.hx-live{position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 22px;border-radius:30px;background:linear-gradient(160deg,#fff,rgba(244,240,255,.9));border:1px solid rgba(107,72,196,.12);box-shadow:0 30px 60px -36px rgba(28,11,69,.4);text-align:center}
.hx-live-k{font-size:13px;font-weight:700;color:var(--mute);letter-spacing:.02em}
.hx-gauge{position:relative;width:min(180px,60vw);aspect-ratio:1;max-width:100%}
.hx-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
html[dir="rtl"] .hx-gauge svg{transform:rotate(-90deg) scaleY(-1)}
.hx-gauge circle{fill:none;stroke-width:10}
.hx-gauge .tr{stroke:rgba(107,72,196,.12)}
.hx-gauge .br{stroke:url(#hxG);stroke-linecap:round;transition:stroke-dashoffset .2s}
.hx-gv{position:absolute;inset:0;display:grid;place-content:center;gap:0}
.hx-gv b{font-size:clamp(40px,4.4vw,54px);font-weight:900;line-height:1;color:var(--heading);font-variant-numeric:tabular-nums}
.hx-gv span{font-size:13px;color:var(--mute)}
.hx-lvl{font-style:normal;font-weight:800;padding:6px 16px;border-radius:999px;background:rgba(107,72,196,.1);color:var(--brand)}
.hx-lvl[data-t="2"]{background:rgba(30,138,90,.1);color:#1E8A5A}.hx-lvl[data-t="0"]{background:rgba(192,57,43,.1);color:#C0392B}
.hx-mini{list-style:none;margin:4px 0 0;padding:0;width:100%;display:grid;gap:9px}
.hx-mini li{display:grid;grid-template-columns:96px minmax(0,1fr) 30px;align-items:center;gap:10px;font-size:13px;color:var(--slate);text-align:start}
.hx-mini i{height:7px;border-radius:7px;background:rgba(107,72,196,.1);overflow:hidden}
.hx-mini i b{display:block;height:100%;border-radius:7px;background:var(--brand);transition:width .6s cubic-bezier(.22,1,.36,1)}
.hx-mini li[data-t="g"] i b{background:#3CB27A}.hx-mini li[data-t="m"] i b{background:#F0A64A}.hx-mini li[data-t="l"] i b{background:#E06552}
.hx-mini em{font-style:normal;font-weight:800;color:var(--heading);font-variant-numeric:tabular-nums}
.hx-mini li[data-t="na"]{opacity:.55}
.hx-cnt{color:var(--mute);font-size:12.5px}
/* report */
.hxr{margin-top:clamp(18px,2.4vw,28px);animation:heroIn .8s cubic-bezier(.22,1,.36,1) both}
.hxr-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,2.6vw,36px);align-items:center;padding:clamp(22px,2.8vw,38px);border-radius:36px;background:linear-gradient(150deg,#6243BA,#4E3192);color:#fff;box-shadow:0 40px 80px -40px rgba(28,11,69,.7);position:relative;overflow:hidden;isolation:isolate}
.hxr-card::before{content:"";position:absolute;width:460px;height:460px;inset-inline-end:-160px;top:-220px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.35),transparent);z-index:-1}
.hxr-card .hx-gauge .tr{stroke:rgba(255,255,255,.18)}.hxr-card .hx-gauge .br{stroke:#F7A56E}
.hxr-card .hx-gv b{color:#fff}.hxr-card .hx-gv span{color:rgba(255,255,255,.7)}
.hxr-k{font-size:13px;font-weight:700;opacity:.75}
.hxr-h h3{margin:6px 0 8px;font-size:clamp(30px,3.4vw,44px);font-weight:900;color:#fff}
.hxr-h p{margin:0 0 10px;color:rgba(255,255,255,.88);line-height:1.8;max-width:52ch}
.hxr-h small{color:rgba(255,255,255,.7);font-size:13px}
.hxr-flag{margin-top:10px!important;padding:8px 12px;border-radius:12px;background:rgba(244,117,34,.22);color:#fff!important;font-weight:700;font-size:14px}
.hxr-go{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:230px}
.hxr-go>span{font-size:13px;opacity:.75}
.hxr-go .btn{justify-content:center}
.hxr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.hxr-m{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:24px;background:#fff;border:1px solid rgba(107,72,196,.1);box-shadow:0 20px 40px -34px rgba(28,11,69,.45);border-top:4px solid var(--c,#B9A9E0)}
.hxr-m[data-t="g"]{--c:#3CB27A}.hxr-m[data-t="m"]{--c:#F0A64A}.hxr-m[data-t="l"]{--c:#E06552}.hxr-m[data-t="na"]{--c:#CFC5E6}
.hxr-m header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.hxr-m header b{color:var(--heading)}.hxr-m header em{font-style:normal;font-weight:800;color:var(--c);font-size:14px;white-space:nowrap}
.hxr-m[data-t="na"] header em{color:var(--mute)}
.hxr-v{margin:0;font-size:14px;color:var(--slate)}.hxr-v span{font-weight:800;color:var(--heading);font-size:18px}
.hxr-bar{height:6px;border-radius:6px;background:rgba(107,72,196,.1);overflow:hidden}
.hxr-bar b{display:block;height:100%;width:0;border-radius:6px;background:var(--c);transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.hxr-t{margin:0;font-size:13.5px;line-height:1.8;color:var(--slate);flex:1}
.hxr-m a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--brand)}
.hxr-m a svg{width:15px;height:15px}
.hxr-m.diet{background:linear-gradient(150deg,rgba(107,72,196,.06),rgba(244,117,34,.06))}
.hxr-src{margin:14px 0 0;text-align:center;font-size:13px;color:var(--mute)}.hxr-src a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){.hxr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hxr-card{grid-template-columns:auto minmax(0,1fr)}.hxr-go{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;min-width:0}.hxr-go>span{width:100%}}
@media (max-width:900px){.hx{grid-template-columns:1fr}.hx-live{position:static;order:-1;flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:start}.hx-live .hx-gauge{width:120px}.hx-live .hx-gv b{font-size:34px}.hx-mini{display:none}}
@media (max-width:600px){.hx{padding:18px;border-radius:30px}.hx-pair{grid-template-columns:1fr}.hxr-card{grid-template-columns:1fr;text-align:center;justify-items:center}.hxr-h p{margin-inline:auto}.hxr-go{flex-direction:column;width:100%}.hxr-grid{grid-template-columns:1fr}.hx-chips.wide button{min-width:0}.hx-scale-l{font-size:11px}}
@media (prefers-reduced-motion:reduce){.hx-pin,.hx-mini i b,.hxr-bar b{transition:none}.hxr{animation:none}}
.hxr-card .hxg-lg{width:clamp(150px,15vw,190px)}
.hx-num{gap:10px}

/* 17-10: soft edges for horizontal scrollers */
@property --fl{syntax:'<length>';inherits:false;initial-value:0px}
@property --fr{syntax:'<length>';inherits:false;initial-value:0px}
.hfade{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);transition:--fl .45s cubic-bezier(.22,1,.36,1),--fr .45s cubic-bezier(.22,1,.36,1)}
.snd-pick.qgrid{transition:--fl .45s cubic-bezier(.22,1,.36,1),--fr .45s cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:reduce){.hfade,.snd-pick.qgrid{transition:none}}

/* 17-10 QA: bigger touch targets for tiny controls (visual size unchanged) */
.pts-d,.qr-dots button,.qr-dot{position:relative}
.pts-d::after,.qr-dots button::after,.qr-dot::after{content:"";position:absolute;inset:-14px -8px}
@media (max-width:600px){.cr-pick button{width:34px;height:40px}.cr-pick{gap:2px}}

/* 17-10: old-site numbers inside «عن تـــوازن» */
.st4{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(980px,100%);border-radius:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}
.st4 li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:clamp(18px,2.2vw,28px) 14px;text-align:center;color:#fff}
.st4 li+li{border-inline-start:1px solid rgba(255,255,255,.2)}
.st4 b{font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.st4 li span{font-size:14px;color:rgba(255,255,255,.85);line-height:1.6}
@media (max-width:700px){.st4{grid-template-columns:1fr 1fr}.st4 li:nth-child(3){border-inline-start:0}.st4 li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.2)}}
.stmt .st4 li b{font-size:clamp(30px,3.2vw,46px);font-weight:900;line-height:1;color:#fff}
.stmt .st4 li b span{font-size:inherit;color:inherit}
.stmt .st4 li>span{font-size:14px}
/* 17-10: bigger animated numbers */
.stmt .st4{width:min(1100px,100%)}
.stmt .st4 li{padding:clamp(24px,3vw,40px) 16px;transform:translateY(26px);opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s cubic-bezier(.22,1,.36,1)}
.stmt .st4.in li{transform:none;opacity:1}
.stmt .st4.in li:nth-child(2){transition-delay:.12s}.stmt .st4.in li:nth-child(3){transition-delay:.24s}.stmt .st4.in li:nth-child(4){transition-delay:.36s}
.stmt .st4 li b{font-size:clamp(44px,5.4vw,78px);letter-spacing:-.01em;background:linear-gradient(100deg,#fff 0%,#F7C9A4 30%,#fff 55%,#E6D9FF 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:stmtShine 8s ease-in-out infinite}
.stmt .st4 li b span{background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;min-width:3.2ch}
.stmt .st4 li>span{font-size:clamp(14px,1.1vw,16px);margin-top:6px}
.stmt .st4 li{position:relative}
.stmt .st4 li::after{content:"";position:absolute;inset-inline:30%;bottom:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#F47522,transparent);transform:scaleX(0);transition:transform 1.2s cubic-bezier(.22,1,.36,1) .5s}
.stmt .st4.in li::after{transform:scaleX(1)}
@media (max-width:700px){.stmt .st4 li b{font-size:clamp(36px,10vw,48px)}}
@media (prefers-reduced-motion:reduce){.stmt .st4 li{transform:none;opacity:1;transition:none}.stmt .st4 li b{animation:none}}

/* ===== Home hero v7 — lavender & cairn video (client 18-10) ===== */
.hv{padding:12px;position:relative}
.hv-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:36px;min-height:calc(100svh - 24px);max-height:1040px;display:flex;flex-direction:column;justify-content:center;background:#3a2580;color:#fff;transform-origin:50% 0;will-change:transform}
.hv-media{position:absolute;inset:-4% 0 0 0;z-index:-3;will-change:transform}
.hv-v{width:100%;height:100%;object-fit:cover;object-position:30% 62%;display:block;animation:hvZoom 1.8s var(--ease) both}
@keyframes hvZoom{from{transform:scale(1.12);filter:blur(10px) saturate(.6)}to{transform:none;filter:none}}
.hv-tint{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(195deg,#3D2A8A 0%,#5B3FB2 45%,#7E5CC2 100%);mix-blend-mode:color;opacity:.52}
.hv-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(270deg,rgba(32,18,82,.62) 0%,rgba(40,24,98,.34) 42%,rgba(40,24,98,0) 68%),linear-gradient(0deg,rgba(28,15,70,.42) 0%,rgba(28,15,70,0) 34%),linear-gradient(180deg,rgba(28,15,70,.28) 0%,rgba(28,15,70,0) 22%)}
.hv-wave{position:absolute;inset-inline:0;top:6%;width:100%;height:42%;z-index:-1;pointer-events:none;overflow:visible}
.hv-wave path{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.92;filter:drop-shadow(0 6px 18px rgba(255,255,255,.25));stroke-dasharray:1;stroke-dashoffset:1;animation:hvDraw 2.4s .5s var(--ease) forwards}
@keyframes hvDraw{to{stroke-dashoffset:0}}
.hv-in{position:relative;width:min(1240px,100%);padding-block:clamp(130px,13vh,170px) clamp(110px,12vh,150px);display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.hv-h{margin:0;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.6vw,22px);font-weight:800}
.hv-badge{display:inline-flex;align-items:center;background:var(--orange);color:#2D1B6E;border-radius:clamp(18px,1.8vw,26px);padding:.04em .32em .14em;font-size:clamp(64px,7.6vw,124px);line-height:1.15;font-weight:900;box-shadow:0 24px 60px rgba(244,117,35,.38),inset 0 1px 0 rgba(255,255,255,.35);animation:hvBadge 1.2s .7s var(--ease) both}
@keyframes hvBadge{from{opacity:0;transform:translateY(24px) scale(.94);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
.hv-k{display:inline-flex;align-items:baseline;white-space:nowrap}
.hv-k>span{display:inline-block}
.hv-k .k2{overflow:hidden;width:var(--kw,auto);transition:width 1.8s var(--ease)}
.hv-k .k2.breathe{animation:hvKash 8s ease-in-out infinite}
@keyframes hvKash{0%,100%{width:var(--kw)}50%{width:calc(var(--kw) * 1.35)}}
.hv-k .k2>span{display:inline-block}
.hv-line{display:block;max-width:15.5ch;font-size:clamp(40px,4.7vw,78px);line-height:1.18;letter-spacing:-.3px;text-shadow:0 4px 28px rgba(20,8,60,.28)}
.hv-line .hw{display:inline-block;animation:wordIn 1.3s var(--ease) both;animation-delay:calc(1.25s + var(--d)*.12s)}
.hv-lead{margin:0;max-width:52ch;font-size:clamp(17px,1.45vw,21px);line-height:1.85;color:rgba(255,255,255,.9);animation:rise .9s 2.1s var(--ease) both}
.hv-acts{display:flex;flex-wrap:wrap;gap:12px;animation:rise .9s 2.3s var(--ease) both}
.hv-acts .btn{padding:16px 26px}
.hv-acts .btn:hover svg{transform:translateX(-4px)}
.btn.hv-ghost{background:rgba(255,255,255,.92);color:var(--brand);box-shadow:0 12px 30px rgba(20,8,60,.18)}
.btn.hv-ghost:hover{background:#fff;transform:translateY(-2px)}
.btn:active{transform:scale(.98)}
.hv-ind{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.35);transition:border-color .3s,gap .3s var(--ease);animation:rise .9s 2.5s var(--ease) both}
.hv-ind:hover{border-color:#fff;gap:14px}
.hv-ind svg{width:16px;height:16px}
.hv-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(120,195,98,.22);animation:dotpulse 2.4s ease-in-out infinite}
.hv-foot{position:absolute;inset-inline-end:clamp(18px,2.4vw,34px);bottom:clamp(18px,2.4vw,30px);display:flex;align-items:center;gap:10px;animation:rise .9s 2.8s var(--ease) both}
.hv-breath{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}
.hv-ring{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center}
.hv-ring i{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#C9B6F2 70%);animation:hvBreathe 8s ease-in-out infinite;box-shadow:0 0 18px rgba(255,255,255,.55)}
@keyframes hvBreathe{0%,100%{transform:scale(1)}50%{transform:scale(2.05)}}
.hv-bt{display:flex;flex-direction:column;line-height:1.25}
.hv-bt small{font-size:12px;color:rgba(255,255,255,.75)}
.hv-bt b{font-size:15px;font-weight:700;min-width:4ch;transition:opacity .5s}
.hv-pause{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .3s,transform .12s}
.hv-pause:hover{background:rgba(255,255,255,.26)}
.hv-pause:active{transform:scale(.94)}
.hv-pause svg{width:16px;height:16px}
.hv-pause .py{display:none}
.hv-pause[aria-pressed="true"] .pz{display:none}
.hv-pause[aria-pressed="true"] .py{display:block}
@media (max-width:760px){
  .hv{padding:8px}
  .hv-stage{border-radius:28px;min-height:calc(100svh - 16px);justify-content:flex-end}
  .hv-v{object-position:24% 60%}
  .hv-shade{background:linear-gradient(0deg,rgba(28,15,70,.78) 0%,rgba(32,18,82,.5) 45%,rgba(32,18,82,.1) 75%),linear-gradient(180deg,rgba(28,15,70,.3) 0%,rgba(28,15,70,0) 22%)}
  .hv-wave{top:11%;height:22%}
  .hv-in{padding-block:100px 84px;gap:16px}
  .hv-h{gap:12px}
  .hv-badge{font-size:clamp(48px,13vw,64px)}
  .hv-line{font-size:clamp(28px,7.8vw,36px)}
  .hv-lead{font-size:15px;line-height:1.75}
  .hv-acts{width:100%}
  .hv-acts .btn{flex:1 1 140px;justify-content:center;padding:14px 18px}
  .hv-foot{inset-inline-end:16px;bottom:16px}
  .hv-breath{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hv-v,.hv-badge,.hv-line .hw,.hv-lead,.hv-acts,.hv-ind,.hv-foot{animation:none!important}
  .hv-wave path{animation:none;stroke-dashoffset:0}
  .hv-ring i,.hv-k .k2.breathe{animation:none}
}
/* ---- hero v7b: centred composition, the brand word as a lit wordmark ---- */
.hv-shade{background:radial-gradient(ellipse 62% 58% at 50% 50%,rgba(30,16,76,.5) 0%,rgba(30,16,76,.28) 55%,rgba(30,16,76,0) 100%),linear-gradient(0deg,rgba(28,15,70,.45) 0%,rgba(28,15,70,0) 30%),linear-gradient(180deg,rgba(28,15,70,.32) 0%,rgba(28,15,70,0) 24%)}
.hv-in{align-items:center;text-align:center;margin-inline:auto;gap:24px}
.hv-h{align-items:center;gap:clamp(6px,1vw,14px)}
.hv-mark{display:block;width:clamp(38px,3.4vw,52px);filter:drop-shadow(0 6px 18px rgba(244,117,35,.45))}
.hv-mark svg{display:block;width:100%;height:auto;overflow:visible}
.hv-mark rect{transform-box:fill-box;transform-origin:50% 50%;animation:hvBar .9s var(--ease) both;animation-delay:calc(.55s + var(--i)*.07s)}
@keyframes hvBar{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}
.hv-word{display:block;font-size:clamp(104px,13.5vw,224px);line-height:1.02;font-weight:900;letter-spacing:0;padding-bottom:.06em;
  background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 38%,#FFE3CF 47%,#FFFFFF 54%,#EADFFF 100%);background-size:260% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 10px 40px rgba(18,6,58,.35));
  animation:hvWordIn 1.6s .75s var(--ease) backwards,hvSheen 7s 3.4s ease-in-out infinite}
.hv-word .hv-k>span{-webkit-text-fill-color:transparent}
@keyframes hvWordIn{from{opacity:0;transform:translateY(40px) scale(.94);filter:blur(22px) drop-shadow(0 10px 40px rgba(18,6,58,0))}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 10px 40px rgba(18,6,58,.35))}}
@keyframes hvSheen{0%{background-position:100% 0}45%,100%{background-position:0% 0}}
.hv-line{max-width:none;font-size:clamp(30px,3.4vw,54px);font-weight:700;line-height:1.3}
.hv-line .hw{animation:hvWordUp 1.2s var(--ease) both;animation-delay:calc(1.55s + var(--d)*.11s)}
@keyframes hvWordUp{from{opacity:0;transform:translateY(70%);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}
.hv-lead{text-align:center;max-width:58ch;animation-delay:2.35s}
.hv-acts{justify-content:center;animation-delay:2.55s}
.hv-ind{animation-delay:2.75s}
@media (max-width:760px){
  .hv-stage{justify-content:center}
  .hv-shade{background:radial-gradient(ellipse 90% 60% at 50% 55%,rgba(30,16,76,.55) 0%,rgba(30,16,76,.3) 60%,rgba(30,16,76,.1) 100%),linear-gradient(0deg,rgba(28,15,70,.5) 0%,rgba(28,15,70,0) 30%)}
  .hv-word{font-size:clamp(84px,25vw,112px)}
  .hv-line{font-size:clamp(24px,6.6vw,30px)}
  .hv-acts .btn{flex:0 1 auto}
}
@media (prefers-reduced-motion:reduce){.hv-word,.hv-mark rect{animation:none!important}}
/* ---- hero v7c: one unbroken wordmark, ink-fill on scroll, premium glass buttons ---- */
.hv-word{font-size:clamp(84px,9.6vw,164px);line-height:1.16;white-space:nowrap;transform-origin:50% 60%}
/* scroll-linked ink fill (JS adds .scrub; without it all text stays fully lit) */
.hv.scrub .hv-line .hw{background:linear-gradient(to left,#fff 0 50%,rgba(255,255,255,.45) 50% 100%);background-size:200% 100%;background-position:0% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hv.scrub .hv-line{text-shadow:none;filter:drop-shadow(0 4px 24px rgba(20,8,60,.3))}
.hv-lead .lw{display:inline-block;will-change:transform}
.hv-acts{gap:16px;margin-top:6px}
.hv-btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:16px;min-height:66px;padding:10px 12px 10px 30px;padding-inline:32px 10px;border-radius:999px;font-size:clamp(17px,1.25vw,19px);font-weight:700;color:#fff;text-decoration:none;
  backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .45s,border-color .45s}
.hv-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 52%);pointer-events:none}
.hv-btn::after{content:"";position:absolute;top:0;bottom:0;width:46%;inset-inline-start:-60%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:inset-inline-start .9s var(--ease);pointer-events:none}
.hv-btn:hover::after{inset-inline-start:120%}
.hv-btn .ar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .45s var(--ease),background .45s}
.hv-btn .ar svg{width:18px;height:18px}
.hv-btn:hover{transform:translateY(-4px)}
.hv-btn:hover .ar{transform:translateX(-5px)}
.hv-btn:active{transform:scale(.98);transition-duration:.12s}
.hv-btn.pri{background:linear-gradient(135deg,rgba(255,150,80,.88),rgba(244,117,35,.82));border:1px solid rgba(255,214,186,.75);box-shadow:0 18px 44px rgba(244,117,35,.42),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -10px 24px rgba(160,60,0,.18)}
.hv-btn.pri .ar{background:rgba(255,255,255,.95);color:var(--orange)}
.hv-btn.pri:hover{box-shadow:0 26px 60px rgba(244,117,35,.55),inset 0 1px 0 rgba(255,255,255,.6)}
.hv-btn.sec{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.5);box-shadow:0 18px 44px rgba(18,6,58,.28),inset 0 1px 0 rgba(255,255,255,.5)}
.hv-btn.sec .ar{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);color:#fff}
.hv-btn.sec:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.8)}
@media (max-width:760px){
  .hv-word{font-size:clamp(72px,21vw,96px)}
  .hv-acts{flex-direction:column;align-items:stretch;width:min(320px,100%);margin-inline:auto}
  .hv-btn{min-height:60px;justify-content:space-between;font-size:17px;padding-inline:26px 8px}
  .hv-btn .ar{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){.hv-btn::after{display:none}}
/* ===== Header v2 — glass gathers with scroll, stretches full width and holds the top ===== */
.hdr{--hp:0;top:calc(env(safe-area-inset-top,0px) + 16px * (1 - var(--hp)));animation:hdrIn 1.1s .2s var(--ease) both}
@keyframes hdrIn{from{opacity:0;transform:translateY(-30px) scale(.97);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}
.hdr .bar{--w0:min(1200px,calc(100% - 32px));width:calc(var(--w0) + (100% - var(--w0)) * var(--hp));border-radius:calc(40px * (1 - var(--hp)));
  padding-inline:calc(22px + (max(0px,(100vw - 1200px) / 2) + 0px) * var(--hp)) calc(12px + max(0px,(100vw - 1200px) / 2) * var(--hp));
  background:rgba(255,255,255,calc(.62 + .26 * var(--hp)));border-color:rgba(255,255,255,calc(.7 - .4 * var(--hp)));
  border-top-width:calc(1px * (1 - var(--hp)));border-inline-width:calc(1px * (1 - var(--hp)));
  box-shadow:0 calc(10px + 8px * var(--hp)) calc(30px + 20px * var(--hp)) rgba(42,22,110,calc(.1 + .06 * var(--hp)));
  backdrop-filter:blur(calc(18px + 14px * var(--hp))) saturate(1.6);-webkit-backdrop-filter:blur(calc(18px + 14px * var(--hp))) saturate(1.6);
  transition:background .5s,border-color .5s,color .5s}
.hdr.scrolled .bar{padding-block:6px}
.hdr.full .bar{border-bottom-color:rgba(76,52,146,.1)}
/* transparent-over-video state on the home page, before the glass gathers */
.hdr.ondark .bar{background:rgba(255,255,255,calc(.1 + .5 * var(--hp)));border-color:rgba(255,255,255,.32);box-shadow:none}
.hdr.ondark .logo svg{filter:brightness(0) invert(1);transition:filter .5s}
.hdr.ondark .nav a{color:#fff}
.hdr.ondark .nav .pill{background:rgba(255,255,255,.2)}
.hdr.ondark .hu{background:rgba(255,255,255,.16);color:#fff}
.hdr.ondark .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}
.hdr.ondark .burger{background:rgba(255,255,255,.18);color:#fff}
.hdr .logo svg,.hdr .nav a,.hdr .hu,.hdr .btn.ghost{transition:color .5s,background .5s,border-color .5s,filter .5s}
@media (max-width:760px){.hdr .bar{padding-inline:calc(16px + 4px * var(--hp)) 8px}}
@media (prefers-reduced-motion:reduce){.hdr{animation:none}}

/* hero frame margin lives on the stage (pinning copies the section's padding), so it can open edge to edge with the header */
.hv{padding:0}
.hv-stage{margin:12px}
@media (max-width:760px){.hv{padding:0}.hv-stage{margin:8px}}
/* business hero motion: photo depth on scroll, flowing gold words, word-rise lead */
.ph6.deep.photo{--bz:1}
.ph6.deep.photo::after{transform:scale(var(--bz));transform-origin:50% 40%}
.ph6.deep h1 b .w>span{background-size:240% 100%!important;animation:bizFlow 6s ease-in-out infinite alternate}
@keyframes bizFlow{from{background-position:0% 0}to{background-position:100% 0}}
.ph6.deep .lead .lw{display:inline-block}
.bignum b .cu{display:inline-block;min-width:.62em;text-align:center}
@media (prefers-reduced-motion:reduce){.ph6.deep h1 b .w>span{animation:none}}

/* 19-10: wellbeing probe — lifestyle (AAFP) + PHQ-4/MBI on balance.html (reuses .hx shell) */
.lx-q{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid rgba(107,72,196,.1)}
.lx-q>b{font-size:16px;line-height:1.7;color:var(--heading)}.lx-q>small{color:var(--mute);font-size:13px;margin-top:-4px}
.lx-q .hx-chips{margin-top:2px}
.lx-yn button{min-width:96px}
.lx-du button{min-width:56px}
.lx-u{color:var(--mute);font-size:12.5px}
.lx-ct{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px;border-radius:16px;background:rgba(107,72,196,.08)}
.lx-ct output{min-width:4.5ch;text-align:center;font-size:22px;font-weight:800;color:var(--mute);font-variant-numeric:tabular-nums}
.lx-ct.set output{color:var(--brand)}
.lx-b{width:44px;height:44px;border-radius:12px;border:1px solid rgba(107,72,196,.18);background:#fff;font:inherit;font-size:22px;font-weight:700;line-height:1;color:var(--brand);cursor:pointer;transition:transform .12s,border-color .2s,box-shadow .2s}
.lx-b:hover{border-color:var(--brand);box-shadow:0 8px 18px -12px rgba(77,52,146,.7)}.lx-b:active{transform:scale(.95)}
.lx-b:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.lx-gq{background:linear-gradient(150deg,rgba(107,72,196,.08),rgba(244,117,34,.06))}
.lx .hx-mini li,.mx .hx-mini li{grid-template-columns:128px minmax(0,1fr) 30px}
.mx .hx-mini li{grid-template-columns:150px minmax(0,1fr) 30px}
.lx-need{color:var(--mute);font-size:13px;align-self:center}
.hx .fnav .btn.primary[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.mx-o button{min-height:48px;padding:11px 16px}
.mx-skip{align-self:flex-start;margin-top:4px}
.lxr-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.lxr-grid .hxr-m{justify-content:space-between;min-height:132px}
.hxr-m .hxr-v{font-weight:700;color:var(--heading)}
@media (max-width:1100px){.lxr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.lxr-grid{grid-template-columns:1fr}.lx-yn button{flex:1;min-width:0}.lx .hx-mini li,.mx .hx-mini li{grid-template-columns:112px minmax(0,1fr) 30px}}

/* 19-10 v2: unified assessment (chapters + one report) */
.ax-chaps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ax-chaps li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(107,72,196,.06);border:1px solid rgba(107,72,196,.1);color:var(--mute);font-weight:700;font-size:14px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.ax-chaps li i{font-style:normal;flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--brand);font-size:13px;font-variant-numeric:tabular-nums}
.ax-chaps li.on{background:linear-gradient(135deg,#6B48C4,#4E3192);color:#fff;border-color:transparent;box-shadow:0 14px 26px -16px rgba(77,52,146,.8)}
.ax-chaps li.done{color:var(--heading)}.ax-chaps li.done i{background:#3CB27A;color:#fff}
.ax-chaps li:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.ax-prog{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.ax-prog i{display:block;height:6px;border-radius:6px;background:rgba(107,72,196,.12);overflow:hidden}
.ax-prog i b{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#F47522,#916FB1,#4D3492);transition:width .6s cubic-bezier(.22,1,.36,1)}
.ax-prog span{font-size:13px;color:var(--slate);font-weight:700}
.hx-pair.one{grid-template-columns:1fr}
.ax-done{display:flex;flex-direction:column;gap:18px;animation:rise .6s cubic-bezier(.22,1,.36,1) both}
.ax-dc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:30px 22px;border-radius:28px;background:linear-gradient(150deg,rgba(107,72,196,.1),rgba(244,117,34,.08))}
.ax-dk{font-weight:800;color:var(--brand)}
.ax-dv b{font-size:56px;font-weight:900;color:var(--heading);font-variant-numeric:tabular-nums}.ax-dv small{color:var(--mute);font-size:16px;margin-inline-start:4px}
.ax-dc p{margin:0;color:var(--heading)}.ax-dc>small{color:var(--slate)}
.ax-da{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
/* report */
.axr-doc{display:flex;flex-direction:column;gap:18px;padding:clamp(18px,2.6vw,34px);border-radius:36px;background:#fff;border:1px solid rgba(107,72,196,.1);box-shadow:0 40px 80px -50px rgba(28,11,69,.5)}
.axr-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:clamp(20px,2.6vw,32px);border-radius:28px;background:linear-gradient(150deg,#6243BA,#4E3192);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.axr-top::before{content:"";position:absolute;width:420px;height:420px;inset-inline-end:-150px;top:-220px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,117,34,.35),transparent);z-index:-1}
.axr-brand span{font-size:13px;font-weight:700;opacity:.75}.axr-brand h2{margin:6px 0;color:#fff;font-size:clamp(26px,3vw,38px);font-weight:900}.axr-brand p{margin:0;color:rgba(255,255,255,.82);font-size:14px}
.axr-act{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;max-width:430px}
.axr-msg{width:100%;text-align:end;color:#fff;font-size:13px;min-height:0}.axr-wa{color:#fff;text-decoration:underline;font-weight:700;font-size:13px}
.axr-sec{display:flex;flex-direction:column;gap:12px}
.axr-h{margin:0;font-size:20px;font-weight:900;color:var(--heading);display:flex;align-items:baseline;gap:10px}.axr-h small{font-size:15px;color:var(--brand)}
.axr-h4{margin:6px 0 0;font-size:16px;font-weight:800;color:var(--heading)}
.axr-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.axr-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:22px;background:rgba(107,72,196,.05);border-top:4px solid var(--c,#CFC5E6)}
.axr-tile[data-t="g"]{--c:#3CB27A}.axr-tile[data-t="m"]{--c:#F0A64A}.axr-tile[data-t="l"]{--c:#E06552}
.axr-tile span{font-size:13px;color:var(--slate);font-weight:700}.axr-tile b{font-size:30px;font-weight:900;color:var(--heading);font-variant-numeric:tabular-nums}.axr-tile b small{font-size:14px;color:var(--mute);font-weight:600}
.axr-tile em{font-style:normal;font-weight:800;color:var(--c)}.axr-tile[data-t="na"] em{color:var(--mute)}
.axr-lead{margin:0;color:var(--slate);line-height:1.9}
.axr-doms{display:grid;gap:10px}
.axr-dom{display:grid;grid-template-columns:170px minmax(0,1fr) 50px 96px;gap:12px;align-items:center;font-size:14px}
.axr-dom span{font-weight:700;color:var(--heading)}.axr-dom i{height:9px;border-radius:9px;background:rgba(107,72,196,.1);overflow:hidden}
.axr-dom i b{display:block;height:100%;width:0;border-radius:9px;background:var(--c);transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.axr-dom[data-t="g"]{--c:#3CB27A}.axr-dom[data-t="m"]{--c:#F0A64A}.axr-dom[data-t="l"]{--c:#E06552}
.axr-dom em{font-style:normal;font-weight:800;color:var(--heading)}.axr-dom small{color:var(--c);font-weight:700}
.axr-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.axr-box{padding:16px 18px;border-radius:20px;background:rgba(60,178,122,.07)}.axr-box.m{background:rgba(240,166,74,.09)}
.axr-box h4{margin:0 0 8px;font-size:15px;color:var(--heading)}.axr-box ul{margin:0;padding-inline-start:18px;display:grid;gap:6px;color:var(--slate);line-height:1.8;font-size:14px}.axr-box p{margin:0;color:var(--slate);font-size:14px}
.axr-inds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.axr-ind{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:22px;border:1px solid rgba(107,72,196,.1);border-top:4px solid var(--c,#CFC5E6);background:#fff;font-size:13.5px;line-height:1.8;color:var(--slate)}
.axr-ind[data-t="g"]{--c:#3CB27A}.axr-ind[data-t="m"]{--c:#F0A64A}.axr-ind[data-t="l"]{--c:#E06552}
.axr-ind header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.axr-ind header b{color:var(--heading);font-size:15px}.axr-ind header em{font-style:normal;font-weight:800;color:var(--c,var(--mute));white-space:nowrap}
.axr-ind p{margin:0}.axr-st{font-weight:800;color:var(--c)!important}.axr-rg{color:var(--mute)!important;font-size:13px}.axr-ind strong{color:var(--heading)}.axr-nv{color:var(--mute)}
.axr-pa{padding:16px 18px;border-radius:20px;background:linear-gradient(150deg,rgba(107,72,196,.07),rgba(244,117,34,.06))}
.axr-pa h4{margin:0 0 6px;color:var(--heading);font-size:15px}.axr-pa ul{margin:0 0 6px;padding-inline-start:18px;color:var(--slate);line-height:1.8;font-size:14px}.axr-pa p{margin:0;color:var(--slate);font-size:13.5px;line-height:1.8}
.axr-small{margin:0;color:var(--mute);font-size:13px;line-height:1.8}
.axr-flag{margin:0;padding:8px 12px;border-radius:12px;background:rgba(244,117,34,.12);color:#B4531A;font-weight:700;font-size:14px}
.axr-mh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:16px 18px;border-radius:22px;background:rgba(107,72,196,.05);border-inline-start:5px solid var(--c,#CFC5E6)}
.axr-mh[data-t="g"]{--c:#3CB27A}.axr-mh[data-t="m"]{--c:#F0A64A}.axr-mh[data-t="l"]{--c:#E06552}
.axr-mh div{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px}.axr-mh span{font-size:12px;color:var(--mute);font-weight:700}
.axr-mh b{font-size:30px;font-weight:900;color:var(--heading)}.axr-mh b small{font-size:13px;color:var(--mute)}.axr-mh em{font-style:normal;font-weight:800;color:var(--c)}
.axr-mh p{margin:0;color:var(--slate);line-height:1.9;font-size:14px}
.axr-g2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.axr-burn{padding:14px 18px;border-radius:20px;background:rgba(107,72,196,.05);border-inline-start:5px solid var(--c,#CFC5E6);font-size:14px;color:var(--slate);line-height:1.8}
.axr-burn[data-t="g"]{--c:#3CB27A}.axr-burn[data-t="m"]{--c:#F0A64A}.axr-burn[data-t="l"]{--c:#E06552}
.axr-burn p{margin:0 0 4px}.axr-burn strong{color:var(--heading)}.axr-burn ul{margin:0 0 6px;padding-inline-start:18px}.axr-burn small{color:var(--mute)}
.axr-nd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:18px;background:rgba(107,72,196,.05)}.axr-nd p{margin:0;color:var(--mute)}
.axr-refs{margin:0;padding-inline-start:22px;display:grid;gap:6px;font-size:13px;color:var(--slate);line-height:1.6;text-align:left}
.axr-disc{margin:0;padding:14px 18px;border-radius:18px;background:rgba(244,117,34,.08);color:var(--heading);font-weight:700;line-height:1.9;text-align:center}
.axr-print .hxr-bar b,.axr-print .axr-dom i b{transition:none}
@media (max-width:1100px){.axr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.axr-top{grid-template-columns:1fr}.axr-act{justify-content:flex-start;max-width:none}.axr-msg{text-align:start}}
@media (max-width:600px){.ax-chaps li span{display:none}.ax-chaps li{justify-content:center}.axr-dom{grid-template-columns:minmax(0,1fr) 46px;row-gap:4px}.axr-dom i{grid-column:1/-1;order:3}.axr-dom small{grid-column:1/-1;order:4}.axr-two,.axr-g2{grid-template-columns:1fr!important}.axr-tiles{grid-template-columns:1fr 1fr}.axr-mh{grid-template-columns:1fr;text-align:center}.axr-act .btn{flex:1 1 auto}}
.axr-print,.axr-print *{letter-spacing:0!important;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation:none!important;transition:none!important}
.axr-print .axr-top::before{display:none}

/* 19-10 v3: report as a calm clinical document */
.axr{max-width:960px;margin-inline:auto}
.axd-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:0 0 14px}
.axd-tools .axr-msg{width:100%;text-align:center;color:var(--slate)}
.axd-tools .axr-wa{color:var(--brand)}
.axd{--g:#2E9E6B;--m:#C98A2B;--l:#C9554A;--na:#B7AFCF;background:#fff;border-radius:28px;border:1px solid rgba(77,52,146,.09);box-shadow:0 30px 70px -50px rgba(28,11,69,.45);padding:clamp(24px,4.4vw,56px);display:flex;flex-direction:column;gap:clamp(30px,4vw,44px);color:var(--heading)}
.axd [data-t="g"]{--c:var(--g)}.axd [data-t="m"]{--c:var(--m)}.axd [data-t="l"]{--c:var(--l)}.axd [data-t="na"]{--c:var(--na)}
.axd-head{display:flex;flex-direction:column;gap:10px;padding-bottom:26px;border-bottom:1px solid rgba(77,52,146,.1);position:relative}
.axd-head::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:120px;height:3px;border-radius:3px;background:linear-gradient(90deg,#4D3492,#916FB1,#F47522)}
.axd-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--slate);letter-spacing:.01em}
.axd-mark{display:inline-flex;flex-direction:column;align-items:center;gap:2px;width:22px}.axd-mark i{height:2.6px;border-radius:2px;background:linear-gradient(90deg,#4D3492,#916FB1)}
.axd-mark i:nth-child(1){width:22px}.axd-mark i:nth-child(2){width:18px}.axd-mark i:nth-child(3){width:14px}.axd-mark i:nth-child(4){width:10px}.axd-mark i:nth-child(5){width:6px}
.axd-head h2{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:900;line-height:1.25;color:var(--heading)}
.axd-meta{margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--slate)}
.axd-meta>span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(77,52,146,.3);margin-inline-end:18px;vertical-align:middle}
.axd-s{display:flex;flex-direction:column;gap:18px}
.axd-sh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.axd-sh>span{font-size:13px;font-weight:800;color:#916FB1;font-variant-numeric:tabular-nums}
.axd-sh h3{margin:0;font-size:21px;font-weight:900;color:var(--heading)}
.axd-sh em{font-style:normal;margin-inline-start:auto;font-size:14px;font-weight:700;color:var(--slate)}
.axd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(77,52,146,.08);border-radius:20px;overflow:hidden;border:1px solid rgba(77,52,146,.08)}
.axd-kpi{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;min-width:0}
.axd-kpi>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.axd-kpi span{font-size:13px;color:var(--slate);font-weight:700}
.axd-kpi b{font-size:26px;font-weight:900;line-height:1.1;color:var(--heading);font-variant-numeric:tabular-nums}.axd-kpi b small{font-size:13px;font-weight:600;color:var(--mute)}
.axd-ring{flex:none;width:52px;height:52px;transform:rotate(-90deg)}html[dir="rtl"] .axd-ring{transform:rotate(-90deg) scaleY(-1)}
.axd-ring circle{fill:none;stroke-width:6}.axd-ring .t{stroke:rgba(77,52,146,.09)}.axd-ring .b{stroke:var(--c);stroke-linecap:round}
.axd-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:800;color:var(--c);white-space:nowrap}
.axd-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
.axd-lead{margin:0;font-size:15.5px;line-height:2;color:var(--slate);max-width:70ch}
.axd-mu{color:var(--mute);font-size:13px}
.axd-rows{display:flex;flex-direction:column}
.axd-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) 64px minmax(120px,max-content);gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(77,52,146,.07)}
.axd-row:last-child{border-bottom:0}
.axd-l{font-weight:700;font-size:14.5px;color:var(--heading);display:flex;flex-direction:column;gap:2px}.axd-l small{font-weight:500;font-size:12.5px;color:var(--mute)}
.axd-row>b{font-size:16px;font-weight:800;text-align:end;font-variant-numeric:tabular-nums}.axd-row>b small{font-size:12px;color:var(--mute);font-weight:600}
.axd-bar{display:block;height:6px;border-radius:6px;background:rgba(77,52,146,.08);overflow:hidden}
.axd-bar b{display:block;height:100%;width:0;border-radius:6px;background:var(--c);transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.axd-na{font-size:12.5px}
.axd-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:4px}
.axd-cols h4,.axd-note h4,.axd-prio h4{margin:0 0 10px;font-size:14.5px;font-weight:800;color:var(--heading)}
.axd-ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.8;color:var(--slate)}
.axd-ul li{position:relative;padding-inline-start:18px}.axd-ul li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:7px;height:7px;border-radius:50%;background:#916FB1}
.axd-ul.g li::before{background:var(--g)}.axd-ul.m li::before{background:var(--m)}
.axd-inds{display:flex;flex-direction:column;border-top:1px solid rgba(77,52,146,.07)}
.axd-ind{padding:14px 0;border-bottom:1px solid rgba(77,52,146,.07)}
.axd-ih{display:grid;grid-template-columns:minmax(150px,220px) 130px minmax(0,max-content) 1fr;gap:16px;align-items:center}
.axd-ih>b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.axd-rg{color:var(--mute);font-size:12.5px;text-align:end}
.axd-ind[data-t="na"] .axd-ih{grid-template-columns:minmax(150px,220px) 130px 1fr}
.axd-rec{margin-top:8px;margin-inline-start:min(236px,32%)}
.axd-rec summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--brand)}
.axd-rec summary::-webkit-details-marker{display:none}.axd-rec summary::after{content:"";width:7px;height:7px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.axd-rec[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.axd-rec p{margin:10px 0 0;font-size:13.5px;line-height:1.9;color:var(--slate);max-width:68ch}.axd-rec strong{display:block;color:var(--heading);font-size:13px}
.axd-note{padding:18px 20px;border-radius:18px;background:#F7F4FD;border-inline-start:3px solid #916FB1}
.axd-note p{margin:0;font-size:14px;line-height:1.9;color:var(--slate)}.axd-note p+p{margin-top:6px}
.axd-fine{margin:0;font-size:12.5px;line-height:1.8;color:var(--mute)}
.axd-prio{padding:18px 20px;border-radius:18px;background:#FBF6EF}
.axd-prio ol{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.8;color:var(--slate)}.axd-prio strong{color:var(--heading);margin-inline-end:4px}
.axd-flag{margin:0;padding:10px 14px;border-radius:12px;background:#FBEDEA;color:#A8443A;font-weight:700;font-size:14px}
.axd-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:20px 22px;border-radius:18px;background:#F7F4FD;border-inline-start:3px solid var(--c)}
.axd-callout>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:110px}
.axd-callout>div span{font-size:12px;font-weight:800;color:var(--mute)}.axd-callout>div b{font-size:32px;font-weight:900;line-height:1.1}.axd-callout>div b small{font-size:14px;color:var(--mute);font-weight:600}
.axd-callout p{margin:0;font-size:14.5px;line-height:2;color:var(--slate)}
.axd-burn{padding:18px 20px;border-radius:18px;background:#fff;border:1px solid rgba(77,52,146,.09);border-inline-start:3px solid var(--c);display:flex;flex-direction:column;gap:10px}
.axd-burn>p{margin:0;font-size:14.5px;color:var(--slate)}.axd-burn strong{color:var(--heading)}.axd-dot{color:var(--mute);margin:0 4px}
.axd-nd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 18px;border-radius:16px;background:#F7F4FD}.axd-nd p{margin:0;color:var(--mute)}
.axd-refs{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;line-height:1.7;color:var(--slate);text-align:left}
.axd-foot{padding-top:24px;border-top:1px solid rgba(77,52,146,.1)}
.axd-foot p{margin:0;font-size:14px;line-height:1.9;color:var(--heading);font-weight:700;text-align:center;max-width:72ch;margin-inline:auto}
.axr-print .axd-bar b{transition:none}.axr-print .axd-rec summary::after{display:none}
@media (max-width:900px){.axd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.axd-ih{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.axd-ih .axd-pill{grid-column:1}.axd-rg{grid-column:2;text-align:end}.axd-ind[data-t="na"] .axd-ih{grid-template-columns:minmax(0,1fr) auto}.axd-ind[data-t="na"] .axd-mu{grid-column:1/-1}.axd-rec{margin-inline-start:0}}
@media (max-width:600px){.axd{border-radius:22px}.axd-kpis{grid-template-columns:1fr}.axd-row{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.axd-row .axd-bar{grid-column:1/-1;order:3}.axd-row .axd-pill,.axd-row .axd-na{grid-column:1/-1;order:4}.axd-cols{grid-template-columns:1fr;gap:18px}.axd-callout{grid-template-columns:1fr}.axd-sh em{margin-inline-start:0;width:100%}.axd-tools .btn{flex:1 1 40%}}
.axd-row .axd-pill,.axd-ih .axd-pill{justify-self:start}
@media (max-width:600px){.axd-ih{grid-template-columns:minmax(0,1fr) auto}.axd-ih .axd-pill{grid-column:1/-1;white-space:normal}.axd-rg{grid-column:1/-1;text-align:start}.axd-row .axd-pill{white-space:normal}}
.axd-pill{background:#F1EEF8}.axd-pill[data-t="g"]{background:#E6F4EC}.axd-pill[data-t="m"]{background:#F8EEDF}.axd-pill[data-t="l"]{background:#F8E6E3}

/* 19-10: spiritual foundation stone — shake / fall + advice popup */
.cr-st.base{z-index:2}
.cr-btag{position:absolute;top:calc(100% + 8px);left:50%;translate:-50% 0;white-space:nowrap;font-size:11.5px;font-weight:800;color:var(--brand);background:#fff;padding:3px 10px;border-radius:999px;box-shadow:0 6px 14px -8px rgba(77,52,146,.5)}
.cr-tower{transform-origin:50% 100%}
.cr-tower.shake{animation:crQuake 1.7s cubic-bezier(.36,.07,.19,.97) infinite}
@keyframes crQuake{0%,100%{transform:rotate(0) translateX(0)}12%{transform:rotate(-1.6deg) translateX(-3px)}26%{transform:rotate(1.4deg) translateX(3px)}40%{transform:rotate(-1deg) translateX(-2px)}54%{transform:rotate(.7deg) translateX(1px)}68%,90%{transform:rotate(0) translateX(0)}}
.cr-tower.fall .cr-st:not(.base){transition:transform 1s cubic-bezier(.55,.06,.68,.19),width .8s var(--ease),background .6s}
.cr-soul{align-self:stretch;justify-content:center;gap:8px;color:var(--brand);border-color:rgba(244,117,34,.35);background:rgba(244,117,34,.08)}
.cr-soul svg{width:16px;height:16px;color:#F47522}
.spm{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px}
.spm-bg{position:absolute;inset:0;background:rgba(28,11,69,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.spm-p{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:clamp(24px,4vw,40px);border-radius:30px;background:linear-gradient(170deg,#fff,#F7F4FD);box-shadow:0 40px 90px -30px rgba(28,11,69,.6);display:flex;flex-direction:column;gap:16px;text-align:center;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .35s var(--ease),transform .45s var(--ease);outline:none}
.spm.on .spm-bg{opacity:1}.spm.on .spm-p{opacity:1;transform:none}
.spm-x{position:absolute;top:14px;inset-inline-end:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(77,52,146,.08);color:var(--heading);font-size:22px;line-height:1;cursor:pointer}
.spm-x:hover{background:rgba(77,52,146,.14)}
.spm-k{align-self:center;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:var(--brand)}
.spm-k i{width:8px;height:8px;border-radius:50%;background:#F47522;box-shadow:0 0 0 5px rgba(244,117,34,.15)}
.spm-lead{margin:0;color:var(--slate);font-size:14.5px;line-height:1.9}
.spm-q{margin:0;padding:24px 20px;border-radius:22px;background:#fff;border:1px solid rgba(77,52,146,.1);display:flex;flex-direction:column;gap:10px;align-items:center}
.spm-q.in{animation:spmIn .6s var(--ease) both}@keyframes spmIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.spm-kind{font-size:12px;font-weight:800;color:#916FB1;letter-spacing:.02em}
.spm-q blockquote{margin:0;font-family:"Amiri Q","Amiri",serif;font-size:clamp(21px,2.6vw,26px);line-height:2;color:var(--heading)}
.spm-q figcaption{font-size:13px;font-weight:700;color:var(--mute)}
.spm-mean{margin:0;font-size:14px;line-height:1.8;color:var(--slate);font-style:italic}
.spm-step{padding:14px 18px;border-radius:18px;background:rgba(244,117,34,.08);text-align:start}
.spm-step b{display:block;font-size:13px;color:#B4531A;margin-bottom:4px}.spm-step p{margin:0;color:var(--heading);line-height:1.8;font-size:14.5px}
.spm-a{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.spm-src{color:var(--mute);font-size:12px;line-height:1.7}
@media (prefers-reduced-motion:reduce){.cr-tower.shake{animation:none}.spm-p,.spm-bg{transition:none}.spm-q.in{animation:none}}
/* 19-10 v2: spiritual advice inside the stones result (no popup) */
.crr-soul{grid-column:1/-1;width:100%;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,.9fr);gap:clamp(14px,2vw,24px);align-items:stretch;padding:clamp(18px,2.2vw,26px);border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.crr-sh{display:flex;flex-direction:column;gap:8px;justify-content:center}
.crr-sk{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:16px;color:#fff}
.crr-sk i{width:8px;height:8px;border-radius:50%;background:#F47522;box-shadow:0 0 0 5px rgba(244,117,34,.22)}
.crr-sh p{margin:0;font-size:13.5px;line-height:1.85;color:var(--lav200)}
.crr-sq{margin:0;padding:18px 18px 16px;border-radius:20px;background:#fff;color:var(--heading);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center}
.crr-sq.in{animation:spmIn .6s var(--ease) both}
.crr-skind{font-size:12px;font-weight:800;color:#916FB1}
.crr-sq blockquote{margin:0;font-family:"Amiri Q","Amiri",serif;font-size:clamp(19px,1.9vw,23px);line-height:2;color:var(--heading)}
.crr-sq figcaption{font-size:12.5px;font-weight:700;color:var(--mute)}
.crr-smean{margin:0;font-size:13.5px;line-height:1.8;color:var(--slate);font-style:italic}
.crr-sstep{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:20px;background:rgba(244,117,34,.14);border:1px solid rgba(244,117,34,.3)}
.crr-sstep b{font-size:13px;color:#FFB585}.crr-sstep p{margin:0;color:#fff;line-height:1.8;font-size:14px;flex:1}
.crr-sstep .btn{align-self:flex-start;color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}
.crr-ssrc{grid-column:1/-1;font-size:12px;color:var(--lav200);opacity:.85}
@media (max-width:980px){.crr-soul{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.crr-sq.in{animation:none}}
/* 19-10: room for the foundation tag so it doesn't sit on the caption */
.cr-stage{padding-bottom:100px}
.cr-base{bottom:86px}
.cr-cap{bottom:18px}
/* ===== 21-10 client round ===== */
/* footer: brand word in the same orange as the CTA */
.fbig h2 .fz-o{color:#F47523}
/* team hero eyebrow bigger and clearer */
.sph .eyebrow.sp-eb{font-size:clamp(20px,1.7vw,26px);font-weight:900;color:var(--brand);gap:14px}
.sph .eyebrow.sp-eb::before{width:34px;height:3px}
/* CEO quote mark: own class (".qm" collided with the testimonials section) */
.ftxt .ftq{font-size:110px;line-height:.5;height:44px;font-weight:900;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:-8px}
/* business: programs → services gap */
#programs + #services{padding-top:clamp(36px,4vw,64px)}
/* "why Tawazon": all 8 points */
.wy-belief.wy8{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1240px;margin-inline:auto;row-gap:6px}
.wy-belief.wy8 .wb:nth-child(4n+1)::before{display:none}
.wy-belief.wy8 .wb:nth-child(n+5){border-top:1px solid var(--line)}
.wb-n{position:absolute;top:22px;inset-inline-end:22px;font-size:13px;font-weight:800;color:var(--mute);font-variant-numeric:tabular-nums}
.wy-belief.wy8 .wb p{font-size:15px}
@media (max-width:980px){.wy-belief.wy8{grid-template-columns:1fr 1fr}.wy-belief.wy8 .wb::before{display:none}.wy-belief.wy8 .wb:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:600px){.wy-belief.wy8{grid-template-columns:1fr}.wy-belief.wy8 .wb:nth-child(n+2){border-top:1px solid var(--line)}.wy-belief.wy8 .wb+.wb::before{display:none}.wb-n{top:18px;inset-inline-end:18px}}
/* hero + "about" band: richer violet, matching the business band (#4E3192 → #5A39AE) */
.hv-tint{background:linear-gradient(195deg,#4E3192 0%,#5A39AE 50%,#6B48C4 100%);opacity:.74}
.stmt.vid::before{background:linear-gradient(180deg,rgba(78,49,146,.80),rgba(90,57,174,.62) 45%,rgba(78,49,146,.84))}
/* assessment: personal details before the first chapter */
.hx-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hx-pf{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:14px;font-weight:700;color:var(--heading)}
.hx-pf small{font-weight:500;color:var(--mute);font-size:12.5px}
.hx-pf em,.hx-st,.hx-req em{color:#F47522;font-style:normal;font-weight:900}
.hx-pf input{height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(107,72,196,.2);background:#fff;font:inherit;font-size:15px;color:var(--heading);min-width:0;width:100%}
.hx-pf input[dir="ltr"]{text-align:right}
.hx-pf input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(107,72,196,.12)}
.hx-pf input:not(:placeholder-shown):invalid{border-color:#E86A7A}
.hx-req{font-size:12.5px;color:var(--mute)}
@media (max-width:600px){.hx-pgrid{grid-template-columns:1fr}}
#programs:has(+ #services){padding-bottom:clamp(40px,4vw,64px)}
@media (max-width:600px){.wy-belief.wy8 .wb-n{position:static;flex:none;order:-1;padding-top:13px;min-width:20px}}
/* 21-10b: videos kept in their natural colours (the old colour-blend tint flattened them into a pale violet) */
.hv-tint{mix-blend-mode:soft-light;opacity:.32;background:linear-gradient(195deg,#4E3192 0%,#916FB1 60%,#F47522 100%)}
.hv-v{filter:saturate(1.12) contrast(1.05)}
.stmt.vid .bgv{filter:saturate(1.15) contrast(1.06)}
.stmt.vid::before{background:linear-gradient(180deg,rgba(62,36,140,.62),rgba(78,49,146,.42) 45%,rgba(62,36,140,.66));mix-blend-mode:multiply}
.stmt.vid::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(40,22,96,.34),transparent 75%)}

/* ===== 21-10: team row — fanned arch cards (replaces the circle arc) ===== */

.tfan{position:relative;height:300px;width:min(1100px,100%);margin:0 auto 8px;perspective:1200px}
.tf{--w:128px;--h:170px;position:absolute;left:50%;top:40px;width:var(--w);height:var(--h);margin:0 0 0 calc(var(--w) / -2);z-index:calc(20 - var(--d) * 2);
  transform:translateX(calc(var(--o) * 112px)) translateY(calc(var(--d) * var(--d) * 4.5px)) rotate(calc(var(--o) * 4.2deg));
  transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .5s;cursor:pointer;outline:none}
.tf-ph{display:block;width:100%;height:100%;border-radius:999px 999px 28px 28px;overflow:hidden;background:linear-gradient(170deg,#F1ECFC,#D9CDF5);border:4px solid #fff;
  box-shadow:0 22px 44px -18px rgba(77,52,146,.45);animation:tfFloat calc(6s + var(--d) * 1s) ease-in-out infinite;animation-delay:calc(var(--d) * -.9s)}
.tf-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.tf.lead{--w:156px;--h:206px;top:18px;z-index:30}
.tf.lead .tf-ph{border:0;padding:4px;background:linear-gradient(160deg,#4D3492,#916FB1 55%,#F47522) border-box;box-shadow:0 30px 60px -20px rgba(77,52,146,.6)}
.tf.lead .tf-ph img{border-radius:999px 999px 24px 24px;background:#F1ECFC}
.tf figcaption{position:absolute;left:50%;top:calc(100% + 14px);translate:-50% 6px;width:max-content;max-width:220px;padding:10px 14px;border-radius:16px;text-align:center;
  background:rgba(255,255,255,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(107,72,196,.14);box-shadow:0 16px 34px -16px rgba(77,52,146,.4);
  opacity:0;pointer-events:none;transition:opacity .35s,translate .45s cubic-bezier(.22,1,.36,1)}
.tf figcaption b{display:block;font-size:14px;color:var(--heading);font-weight:800}
.tf figcaption small{display:block;font-size:12px;color:var(--slate);line-height:1.6;margin-top:2px}
.tf:hover,.tf:focus-visible{transform:translateX(calc(var(--o) * 112px)) translateY(-14px) rotate(0deg) scale(1.06);z-index:40}
.tf:hover .tf-ph img,.tf:focus-visible .tf-ph img{transform:scale(1.06)}
.tf:hover figcaption,.tf:focus-visible figcaption{opacity:1;translate:-50% 0}
.tfan:hover .tf:not(:hover) .tf-ph{filter:saturate(.75) brightness(.97)}
.tfan.pre .tf{transform:translateX(0) translateY(60px) rotate(0deg) scale(.9);opacity:0}
.tfan.go .tf{transition:transform 1.1s cubic-bezier(.22,1,.36,1) calc(var(--d) * 90ms),opacity .8s calc(var(--d) * 90ms)}
@keyframes tfFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (max-width:1100px){.tf{--w:104px;--h:140px}.tf.lead{--w:128px;--h:170px}.tf,.tf:hover,.tf:focus-visible{}.tfan{height:260px}
  .tf{transform:translateX(calc(var(--o) * 88px)) translateY(calc(var(--d) * var(--d) * 4px)) rotate(calc(var(--o) * 4deg))}
  .tf:hover,.tf:focus-visible{transform:translateX(calc(var(--o) * 88px)) translateY(-12px) scale(1.05)}}
@media (max-width:700px){.tfan{height:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 16px 18px;margin-inline:-16px;width:auto;perspective:none;scrollbar-width:none}
  .tfan::-webkit-scrollbar{display:none}
  .tf,.tf.lead,.tf:hover,.tf:focus-visible{position:relative;left:auto;top:auto;margin:0;flex:none;transform:none;--w:132px;--h:172px;height:auto;scroll-snap-align:center}
  .tf .tf-ph{height:172px}.tf.lead{order:-1}
  .tf figcaption{position:static;translate:none;opacity:1;width:auto;max-width:none;margin-top:10px;padding:8px 10px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
  .tfan.pre .tf{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.tf-ph{animation:none}.tf,.tfan.go .tf{transition:none}.tfan.pre .tf{transform:none;opacity:1}}

.sph .tfan{margin-top:6px}
/* team section heading (no search: this is the Tawazon team, not the specialists directory) */
.sp-th{max-width:720px;margin:0 0 clamp(28px,3vw,44px)}
.sp-th h2{font-size:clamp(32px,3.6vw,52px);margin:14px 0 12px}
.sp-th p{color:var(--slate);line-height:1.9;margin:0}
.sp-cons{align-items:center}
.sp-cons .eyebrow{margin-bottom:12px}
.sp-cons-a{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:700px){.tfan{scroll-snap-type:x proximity;scroll-padding-inline:16px}.tf,.tf.lead{scroll-snap-align:start}}
@media (max-width:700px){.sph .tfan{width:calc(100% + 32px);max-width:calc(100vw);align-self:stretch;box-sizing:border-box}}
/* 21-10: about — workshops & certificates */
.wk-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,14vw,210px);gap:16px}
.wk-t{position:relative;margin:0;border-radius:26px;overflow:hidden;background:linear-gradient(160deg,#F4F0FD,#E7DEFA);border:1px solid rgba(107,72,196,.12);box-shadow:0 18px 40px -24px rgba(77,52,146,.4)}
.wk-t.wk-big{grid-column:span 2;grid-row:span 2}
.wk-t img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.wk-t:hover img{transform:scale(1.05)}
.wk-t figcaption{position:absolute;inset-inline:12px;bottom:12px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);font-size:13px;font-weight:700;color:var(--heading)}
.wk-t.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--mute);font-size:13px;font-weight:700;border-style:dashed;border-width:1.5px;border-color:rgba(107,72,196,.25)}
.wk-ic{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#fff;color:var(--brand)}
.wk-ic .i{width:22px;height:22px}
.wk-c{margin-top:clamp(36px,4vw,56px)}
.wk-c h3{font-size:clamp(22px,2vw,28px);font-weight:900;margin:0 0 18px;color:var(--heading)}
.wk-cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wk-cg .wk-t{aspect-ratio:4/3;max-width:100%}
@media (max-width:900px){.wk-g{grid-template-columns:repeat(2,minmax(0,1fr))}.wk-cg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.wk-g{grid-auto-rows:140px}.wk-t.wk-big{grid-column:span 2;grid-row:span 1}}
.wk2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:stretch}
.wk-w{border-radius:32px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:18px}
.wk-w h3,.wk-cr h3{margin:0;font-size:clamp(22px,2vw,28px);font-weight:900;color:var(--heading)}
.wk-ic.or{background:var(--orange100);color:var(--orange)}
.wk-w .wk-ic{background:var(--lav100)}
.wk-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.wk-l li{display:flex;gap:14px;align-items:flex-start}
.wk-l li span{flex:none;font-size:13px;font-weight:800;color:var(--brand);background:var(--lav100);border-radius:10px;padding:4px 8px;font-variant-numeric:tabular-nums}
.wk-l li p{margin:0;line-height:1.85;color:var(--ink);font-size:15.5px}
.wk-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.wk-st div{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.wk-st b{font-size:clamp(30px,3vw,42px);font-weight:900;line-height:1.1;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent}
.wk-st span{font-size:13.5px;color:var(--slate)}
.wk-cr{border-radius:32px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:18px;background:linear-gradient(150deg,#5532A8,#4E3192);color:#fff;box-shadow:0 30px 60px -30px rgba(28,11,69,.6)}
.wk-cr h3{color:#fff}
.wk-cr .wk-ic.or{background:rgba(244,117,34,.18);color:#FFB585}
.wk-tl{list-style:none;margin:0;padding:0 0 0 0;display:flex;flex-direction:column;gap:14px;position:relative}
.wk-tl li{display:flex;flex-direction:column;gap:4px;padding-inline-start:22px;position:relative}
.wk-tl li::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:10px;height:10px;border-radius:50%;background:#F47522;box-shadow:0 0 0 4px rgba(244,117,34,.22)}
.wk-tl li span{font-size:13px;font-weight:800;color:#FFB585}
.wk-tl li b{font-size:16px;font-weight:800;line-height:1.6}
.wk-cr .btn{align-self:flex-start;margin-top:auto}
.wk-g,.wk-cg{margin-top:20px}
@media (max-width:900px){.wk2{grid-template-columns:1fr}}
@media (max-width:520px){.wk-st{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}}
/* 21-10c: "why Tawazon" bento (replaces the flat 8-cell grid) */
.wyb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:18px;max-width:1240px;margin-inline:auto}
.wyb-c{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:14px;padding:26px 24px;border-radius:28px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(107,72,196,.12);box-shadow:0 20px 44px -30px rgba(77,52,146,.45);overflow:hidden;
  transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s,border-color .4s}
.wyb-c::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#4D3492,#916FB1 55%,#F47522);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.wyb-c::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(145,111,177,.16),transparent 70%);opacity:0;transition:opacity .4s}
.wyb-c:hover{transform:translateY(-7px);box-shadow:0 34px 60px -32px rgba(77,52,146,.55)}
.wyb-c:hover::before,.wyb-c:hover::after{opacity:1}
.wyb-n{font-size:13px;font-weight:800;color:var(--mute);font-variant-numeric:tabular-nums;position:absolute;top:24px;inset-inline-end:24px}
.wyb-i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.wyb-c:nth-child(even) .wyb-i{background:var(--orange100);color:var(--orange)}
.wyb-i .i{width:22px;height:22px}
.wyb-c:hover .wyb-i{transform:translateY(-3px) rotate(-6deg)}
.wyb-c p{margin:auto 0 0;color:var(--ink);font-size:16px;line-height:1.85;font-weight:600}
/* lead card: the brand's deep moment, 2×2 */
.wyb-c.wyb-lead{grid-column:span 2;grid-row:span 2;padding:clamp(28px,3vw,44px);background:linear-gradient(150deg,#5532A8,#4E3192 60%,#3D2780);border:0;color:#fff;box-shadow:0 40px 80px -40px rgba(28,11,69,.7)}
.wyb-c.wyb-lead::after{background:radial-gradient(420px circle at var(--mx,80%) var(--my,10%),rgba(244,117,34,.28),transparent 70%);opacity:1}
.wyb-c.wyb-lead .wyb-n{color:rgba(255,255,255,.55);font-size:15px}
.wyb-c.wyb-lead .wyb-i{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.12);color:#fff}
.wyb-c.wyb-lead p{color:#fff;font-size:clamp(22px,2.1vw,30px);line-height:1.6;font-weight:800;max-width:24ch}
.wyb-bars{position:absolute;inset-inline-start:clamp(28px,3vw,44px);top:clamp(30px,3vw,46px);display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.5}
.wyb-bars i{display:block;height:3px;border-radius:3px;width:calc(64px - var(--b) * 7px);background:linear-gradient(90deg,#fff,#F7A56E);animation:wybBreath 8s ease-in-out infinite;animation-delay:calc(var(--b) * .18s)}
@keyframes wybBreath{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
.wyb-bars i:nth-child(even){animation-direction:reverse}
.wyb-c.wyb-wide{grid-column:span 2;flex-direction:row;align-items:center;gap:20px}
.wyb-c.wyb-wide p{margin:0;font-size:clamp(17px,1.4vw,20px);font-weight:800;color:var(--heading)}
.wyb-c.wyb-wide .wyb-i{flex:none;width:60px;height:60px;border-radius:20px}
@media (max-width:1100px){.wyb{grid-template-columns:repeat(2,minmax(0,1fr))}.wyb-c.wyb-lead{grid-row:span 1}}
@media (max-width:600px){.wyb{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.wyb-c.wyb-lead,.wyb-c.wyb-wide{grid-column:auto}.wyb-c{padding:22px 20px;flex-direction:row;align-items:flex-start;gap:14px}.wyb-c.wyb-lead{flex-direction:column}.wyb-c p{margin:0;font-size:15px}.wyb-c.wyb-lead p{font-size:21px}.wyb-n{top:18px;inset-inline-end:18px}.wyb-c:not(.lead) .wyb-i{flex:none;width:42px;height:42px}}
@media (prefers-reduced-motion:reduce){.wyb-bars i{animation:none}.wyb-c{transition:none}}
.wyb-bars{inset-inline-start:auto;inset-inline-end:clamp(28px,3vw,44px);top:auto;bottom:clamp(28px,3vw,44px);opacity:.35}
.wyb-bars i{width:calc(110px - var(--b) * 12px);height:4px}
.wyb-c.wyb-lead p{padding-inline-end:120px}
@media (max-width:600px){.wyb-bars{display:none}.wyb-c.wyb-lead p{padding-inline-end:0}}
.wyb-c.wyb-lead p{padding-inline-end:0;max-width:none;font-size:clamp(21px,1.9vw,27px)}
html[lang="en"] .wyb-c.wyb-lead p{font-size:clamp(19px,1.6vw,23px);line-height:1.55}
.wyb-bars{z-index:-1;opacity:.22;bottom:clamp(22px,2.4vw,34px)}
/* ===== 21-10d: "why Tawazon" scroll story (replaces the bento) ===== */
.wys{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);max-width:1240px;margin-inline:auto;align-items:start}
.wys-pane{order:2;position:sticky;top:clamp(110px,14vh,150px)}
.wys-card{position:relative;overflow:hidden;isolation:isolate;border-radius:36px;padding:clamp(32px,3.4vw,48px);min-height:clamp(380px,58vh,520px);display:flex;flex-direction:column;justify-content:space-between;gap:28px;
  background:linear-gradient(155deg,#5532A8,#4E3192 55%,#3A2479);color:#fff;box-shadow:0 50px 90px -45px rgba(28,11,69,.75)}
.wys-card::before{content:"";position:absolute;width:520px;height:520px;inset-inline-end:-200px;top:-220px;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,rgba(244,117,34,.38),transparent);animation:breathe 8s ease-in-out infinite}
.wys-k{font-size:14px;font-weight:800;color:#FFB585;display:inline-flex;align-items:center;gap:10px}
.wys-k::before{content:"";width:8px;height:8px;border-radius:50%;background:#F47522;box-shadow:0 0 0 5px rgba(244,117,34,.22)}
.wys-bars{display:flex;flex-direction:column;align-items:center;gap:9px;margin-block:8px}
.wys-bars i{display:block;height:7px;border-radius:7px;width:calc(100% - var(--b) * 12%);max-width:calc(260px - var(--b) * 30px);background:rgba(255,255,255,.14);transition:background .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s}
.wys-bars i.on{background:linear-gradient(90deg,#F7A56E,#fff 55%,#C9B6F2);box-shadow:0 0 18px rgba(247,165,110,.45)}
.wys-bars i.on:last-of-type{transform:scaleX(1.04)}
.wys-count{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
.wys-count b{font-size:clamp(64px,7vw,104px);font-weight:900;line-height:1;background:linear-gradient(120deg,#fff,#F7C9A4);-webkit-background-clip:text;background-clip:text;color:transparent}
.wys-count span{font-size:20px;font-weight:700;color:rgba(255,255,255,.55)}
.wys-prog{height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.wys-prog i{display:block;height:100%;background:linear-gradient(90deg,#F47522,#fff);transform-origin:right;transform:scaleX(.125);transition:transform .8s cubic-bezier(.22,1,.36,1)}
html[dir="ltr"] .wys-prog i{transform-origin:left}
.wys-list{order:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.wys-it{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:18px;padding:clamp(34px,5vh,56px) 0;border-bottom:1px solid var(--line);opacity:.32;transition:opacity .6s cubic-bezier(.22,1,.36,1)}
.wys-it:first-child{padding-top:0}
.wys-it.past{opacity:.55}
.wys-it.on{opacity:1}
.wys-it::before{content:"";position:absolute;inset-inline-start:-22px;top:clamp(34px,5vh,56px);bottom:clamp(34px,5vh,56px);width:3px;border-radius:3px;background:var(--sig);transform:scaleY(0);transform-origin:top;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.wys-it:first-child::before{top:0}
.wys-it.on::before{transform:scaleY(1)}
.wys-n{font-size:15px;font-weight:800;color:var(--brand);padding-top:8px;font-variant-numeric:tabular-nums}
.wys-ic{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--lav100);color:var(--brand);transition:transform .6s cubic-bezier(.22,1,.36,1),background .6s,color .6s}
.wys-ic .i{width:22px;height:22px}
.wys-it.on .wys-ic{background:linear-gradient(150deg,#5532A8,#916FB1);color:#fff;transform:rotate(-6deg) scale(1.05)}
.wys-it p{margin:0;font-size:clamp(20px,1.85vw,27px);line-height:1.7;font-weight:800;color:var(--heading);text-wrap:balance}
html[lang="en"] .wys-it p{font-size:clamp(18px,1.6vw,23px);line-height:1.55}
@media (max-width:900px){.wys{grid-template-columns:1fr;gap:28px}.wys-pane{display:none}.wys-it{opacity:1;padding:24px 0;gap:14px}.wys-it::before{display:none}.wys-it p{font-size:18px;font-weight:700}.wys-ic{width:42px;height:42px}}
@media (prefers-reduced-motion:reduce){.wys-it,.wys-bars i,.wys-prog i,.wys-ic{transition:none}.wys-card::before{animation:none}}
@media (max-width:900px){.wys-it,.wys-it.past,.wys-it.on{opacity:1}}
/* ===== 21-10e: «من أعمالنا» v2 (from the old site's CEO page, rebuilt) ===== */
.wk3{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,28px)}
.wk3-a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,2.4vw,28px);align-items:stretch}
.wk3-txt,.wk3-media{border-radius:32px;padding:clamp(26px,3vw,42px);display:flex;flex-direction:column;gap:16px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(107,72,196,.12);box-shadow:0 20px 44px -30px rgba(77,52,146,.45)}
.wk3-txt h3,.wk3-media h3{margin:0;font-size:clamp(22px,2vw,28px);font-weight:900;color:var(--heading)}
.wk3-txt .wk-ic,.wk3-media .wk-ic{background:var(--lav100);color:var(--brand)}
.wk3-wall{display:flex;flex-direction:column;gap:12px}
.wk3-cap{font-size:13px;font-weight:700;color:var(--mute)}
.wk3-orgs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1}
.wk3-orgs li{position:relative;display:grid;place-items:center;min-height:118px;padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(107,72,196,.1);box-shadow:0 14px 30px -24px rgba(77,52,146,.45);transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s}
.wk3-orgs li::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#4D3492,#916FB1 55%,#F47522);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.wk3-orgs li:hover{transform:translateY(-6px);box-shadow:0 26px 44px -26px rgba(77,52,146,.55)}
.wk3-orgs li:hover::before{opacity:1}
.wk3-orgs img{max-width:100%;max-height:62px;object-fit:contain;filter:grayscale(.35);opacity:.9;transition:filter .4s,opacity .4s,transform .6s cubic-bezier(.22,1,.36,1)}
.wk3-orgs li:hover img{filter:none;opacity:1;transform:scale(1.06)}
/* orbit */
.wk3-b{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(20px,2.4vw,28px);align-items:stretch}
.wko{position:relative;min-height:clamp(420px,40vw,540px);border-radius:36px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#fff 0,#F5F0FD 55%,#ECE4FB 100%);border:1px solid rgba(107,72,196,.12);display:grid;place-items:center}
.wko-ring{--R:clamp(140px,14vw,190px);position:absolute;width:calc(var(--R) * 2);height:calc(var(--R) * 2);border-radius:50%;border:1.5px dashed rgba(107,72,196,.22)}
.wko-ring::after{content:"";position:absolute;inset:-34px;border-radius:50%;border:1px solid rgba(244,117,34,.14)}
.wko-rot{list-style:none;margin:0;padding:0;position:absolute;inset:0;animation:wkoSpin 60s linear infinite}
.wko:hover .wko-rot,.wko:hover .wko-in{animation-play-state:paused}
.wko-b{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(calc(var(--R) * -1))}
.wko-in{position:absolute;left:0;top:0;translate:-50% -50%;width:clamp(108px,9vw,128px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;
  background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,72,196,.14);box-shadow:0 18px 36px -18px rgba(77,52,146,.5),0 0 0 8px rgba(255,255,255,.45);
  transform:rotate(calc(var(--a) * -1));animation:wkoUp 60s linear infinite}
.wko-in b{font-size:clamp(30px,2.8vw,40px);font-weight:900;line-height:1;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent}
.wko-in small{font-size:13px;font-weight:800;color:#C2561A}
@keyframes wkoSpin{to{transform:rotate(360deg)}}
@keyframes wkoUp{from{transform:rotate(calc(var(--a) * -1))}to{transform:rotate(calc(var(--a) * -1 - 360deg))}}
.wko-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.wko-core b{font-size:clamp(20px,1.8vw,26px);font-weight:900;color:var(--heading)}
.wko-core small{font-size:13px;color:var(--slate);max-width:16ch}
.wko-bars{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:6px;animation:breathe 8s ease-in-out infinite}
.wko-bars i{display:block;height:4px;border-radius:4px;width:calc(70px - var(--b) * 8px);background:var(--sig)}
/* media */
.wk3-c{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,2.4vw,28px);align-items:stretch}
.wk3-media p{margin:0;color:var(--slate);line-height:1.9;font-size:15.5px}
.wk3-tv{margin-top:auto;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.wk3-tv-t{display:flex;gap:14px;width:max-content;animation:wkTv 40s linear infinite}
.wk3-tv:hover .wk3-tv-t{animation-play-state:paused}
.wk3-tv-t span{flex:none;display:grid;place-items:center;height:76px;padding:12px 20px;border-radius:18px;background:#fff;border:1px solid rgba(107,72,196,.1)}
.wk3-tv-t img{height:44px;width:auto;object-fit:contain}
@keyframes wkTv{to{transform:translateX(50%)}}
html[dir="ltr"] .wk3-tv-t{animation-name:wkTvL}@keyframes wkTvL{to{transform:translateX(-50%)}}
.wk3-show{position:relative;margin:0;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(28,11,69,.7);min-height:300px}
.wk3-show img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.wk3-show:hover img{transform:scale(1.04)}
.wk3-show figcaption{position:absolute;inset-inline:16px;bottom:16px;display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:20px;background:rgba(28,15,70,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);color:#fff;max-width:340px}
.wk3-show figcaption b{font-size:16px;font-weight:800}.wk3-show figcaption small{font-size:12.5px;color:rgba(255,255,255,.75)}
.wk3-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#FFB585}
.wk3-live i{width:7px;height:7px;border-radius:50%;background:#F47522;box-shadow:0 0 0 4px rgba(244,117,34,.25);animation:dotpulse 2.4s ease-in-out infinite}
@media (max-width:1000px){.wk3-a,.wk3-b,.wk3-c{grid-template-columns:1fr}}
@media (max-width:600px){.wk3-orgs{grid-template-columns:repeat(2,minmax(0,1fr))}.wko{min-height:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.wko-ring{position:static;width:auto;height:auto;border:0}.wko-ring::after{display:none}
  .wko-rot{position:static;animation:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}.wko-b{position:static;width:auto;height:auto;transform:none}.wko-in{position:static;translate:none;transform:none;animation:none;width:100%;aspect-ratio:auto;border-radius:22px;padding:16px}.wko-core{order:-1}}
@media (prefers-reduced-motion:reduce){.wko-rot,.wko-in,.wk3-tv-t,.wko-bars{animation:none}}
.wk3-orgs img{max-height:72px}
.wk3-show{display:flex;flex-direction:column;min-height:0;background:#1A0F3C}
.wk3-show img{height:auto;aspect-ratio:1200/694}
.wk3-show figcaption{position:static;max-width:none;border-radius:0;border:0;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,#2A1A5C,#1A0F3C);padding:16px 22px;backdrop-filter:none}
.wk3-c{align-items:center}
.wk3-orgs img{width:86%;height:86px;max-height:none;object-fit:contain}
.wk3-a>*,.wk3-b>*,.wk3-c>*{min-width:0}
.wk3-tv{max-width:100%}
.wk3-orgs li{padding:10px}
.wk3-orgs img{width:94%}
@media (max-width:600px){.wk3-show img{aspect-ratio:1200/694;height:auto}.wk3-media p{font-size:14.5px}}
/* ===== 21-10f: «من أعمالنا» v3 — beyond the old site ===== */
.wkx{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}
.wkx-k{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#FFB585}
.wkx-k i{width:8px;height:8px;border-radius:50%;background:#F47522;box-shadow:0 0 0 5px rgba(244,117,34,.22);animation:dotpulse 2.4s ease-in-out infinite}
.wkx-k.dark{color:var(--brand)}
/* 1 stage */
.wkx-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:40px;padding:clamp(28px,4vw,60px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,60px);align-items:center;
  background:linear-gradient(150deg,#2A1766,#1C0F45 60%,#140A33);color:#fff;box-shadow:0 50px 100px -50px rgba(20,10,51,.85)}
.wkx-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 400px at 85% 15%,rgba(145,111,177,.45),transparent 70%),radial-gradient(520px 380px at 10% 95%,rgba(244,117,34,.3),transparent 70%);animation:wkxGlow 16s ease-in-out infinite alternate}
@keyframes wkxGlow{to{transform:translate3d(-3%,2%,0) scale(1.06)}}
.wkx-st-t{display:flex;flex-direction:column;gap:16px}
.wkx-st-t h3{margin:0;font-size:clamp(30px,3.4vw,50px);line-height:1.3;font-weight:300;color:#fff}
.wkx-st-t h3 b{font-weight:900;background:linear-gradient(100deg,#fff,#F7C9A4 60%,#E6D9FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.wkx-st-t p{margin:0;color:rgba(255,255,255,.75);line-height:1.95;font-size:15.5px;max-width:52ch}
.wkx-ch{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.wkx-ch span{display:grid;place-items:center;height:58px;padding:10px 16px;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 14px 30px -16px rgba(0,0,0,.6);animation:wkxFloat 7s ease-in-out infinite;animation-delay:calc(var(--d) * -1.3s)}
.wkx-ch img{height:34px;width:auto}
@keyframes wkxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.wkx-show{margin:0;display:flex;flex-direction:column;gap:14px;perspective:1200px}
.wkx-frame{position:relative;border-radius:28px;overflow:hidden;padding:6px;background:linear-gradient(140deg,rgba(255,255,255,.35),rgba(255,255,255,.05));box-shadow:0 40px 80px -30px rgba(0,0,0,.7);transform:rotateY(-6deg) rotateX(2deg);transition:transform 1s cubic-bezier(.22,1,.36,1)}
html[dir="ltr"] .wkx-frame{transform:rotateY(6deg) rotateX(2deg)}
.wkx-stage:hover .wkx-frame{transform:none}
.wkx-frame img{display:block;width:100%;aspect-ratio:1200/694;border-radius:22px;object-fit:cover}
.wkx-live{position:absolute;top:18px;inset-inline-start:18px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(20,10,51,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:800;color:#fff;border:1px solid rgba(255,255,255,.2)}
.wkx-live i{width:7px;height:7px;border-radius:50%;background:#FF5A5A;box-shadow:0 0 0 4px rgba(255,90,90,.25);animation:dotpulse 2s ease-in-out infinite}
.wkx-show figcaption{display:flex;flex-direction:column;gap:2px;padding-inline:6px}
.wkx-show figcaption b{font-size:17px;font-weight:800}.wkx-show figcaption small{font-size:13px;color:rgba(255,255,255,.65)}
/* 2 lectures */
.wkx-lec{display:flex;flex-direction:column;gap:18px}
.wkx-lec-h{display:flex;align-items:center;gap:14px}
.wkx-lec-h h3{margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:900;color:var(--heading)}
.wkx-lec-h .wk-ic{background:var(--lav100);color:var(--brand)}
.wkx-pts{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wkx-pts li{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:26px;background:rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(107,72,196,.12);box-shadow:0 18px 40px -30px rgba(77,52,146,.45);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.wkx-pts li:hover{transform:translateY(-6px)}
.wkx-pts li span{font-size:clamp(34px,3vw,44px);font-weight:900;line-height:1;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.wkx-pts li p{margin:0;line-height:1.9;color:var(--ink);font-size:15.5px;font-weight:600}
.wkx-mq{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.wkx-mq-t{display:flex;gap:14px;width:max-content;padding-block:4px;animation:wkTv 55s linear infinite}
.wkx-mq.rev .wkx-mq-t{animation-name:wkTvL;animation-duration:65s}
html[dir="ltr"] .wkx-mq .wkx-mq-t{animation-name:wkTvL}html[dir="ltr"] .wkx-mq.rev .wkx-mq-t{animation-name:wkTv}
.wkx-mq:hover .wkx-mq-t{animation-play-state:paused}
.wkx-mq-t span{flex:none;display:grid;place-items:center;width:200px;height:96px;padding:12px 20px;border-radius:22px;background:#fff;border:1px solid rgba(107,72,196,.1);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.wkx-mq-t span:hover{transform:translateY(-4px);box-shadow:0 20px 36px -22px rgba(77,52,146,.5)}
.wkx-mq-t img{max-width:100%;max-height:64px;object-fit:contain}
/* 3 impact */
.wkx-imp{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:stretch}
.wkx-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:30px;background:rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(107,72,196,.12);box-shadow:0 18px 40px -30px rgba(77,52,146,.45);padding:clamp(22px,2.4vw,32px) 8px}
.wkx-nums>div{display:flex;flex-direction:column;gap:8px;padding-inline:clamp(14px,1.6vw,24px);position:relative}
.wkx-nums>div+div::before{content:"";position:absolute;inset-block:6px;inset-inline-start:0;width:1px;background:linear-gradient(transparent,var(--line),transparent)}
.wkx-nums b{font-size:clamp(44px,4.4vw,64px);font-weight:900;line-height:1;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.wkx-nums b span{background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
.wkx-lb{font-size:14px;font-weight:700;color:var(--slate)}
.wkx-bar{display:block;height:5px;border-radius:5px;background:var(--lav100);overflow:hidden;margin-top:auto}
.wkx-bar i{display:block;height:100%;width:calc(var(--w) * 100%);border-radius:inherit;background:linear-gradient(90deg,#4D3492,#916FB1,#F47522)}
.wkx-q{border-radius:30px;padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:16px;background:linear-gradient(160deg,#fff,#F4EFFD);border:1px solid rgba(107,72,196,.12)}
.wkx-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.wkx-tl::before{content:"";position:absolute;top:7px;inset-inline:7px;height:2px;background:linear-gradient(90deg,#4D3492,#916FB1,#F47522);border-radius:2px}
.wkx-tl li{position:relative;display:flex;flex-direction:column;gap:6px;padding-top:26px}
.wkx-tl li::before{content:"";position:absolute;top:0;inset-inline-start:0;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #6B48C4;box-shadow:0 0 0 5px rgba(107,72,196,.12)}
.wkx-tl li span{font-size:13px;font-weight:800;color:#C2561A}
.wkx-tl li b{font-size:14.5px;line-height:1.6;color:var(--heading);font-weight:800}
.wkx-q .btn{align-self:flex-start;margin-top:auto}
@media (max-width:1000px){.wkx-stage,.wkx-imp{grid-template-columns:1fr}.wkx-frame{transform:none}}
@media (max-width:700px){.wkx-pts{grid-template-columns:1fr}.wkx-nums{grid-template-columns:1fr 1fr;row-gap:22px}.wkx-nums>div:nth-child(3)::before{display:none}.wkx-tl{grid-template-columns:1fr}.wkx-tl::before{top:7px;bottom:7px;inset-inline:auto;inset-inline-start:7px;width:2px;height:auto}.wkx-tl li{padding-top:0;padding-inline-start:30px}.wkx-mq-t span{width:150px;height:80px}.wkx-stage{border-radius:30px}}
@media (prefers-reduced-motion:reduce){.wkx-glow,.wkx-ch span,.wkx-mq-t{animation:none}}
.wkx>*,.wkx-stage>*,.wkx-imp>*{min-width:0}
.wkx-nums{align-items:center}.wkx-bar{margin-top:10px}
/* ===== 21-10g: mobile responsive pass (client complaint) ===== */
@media (max-width:760px){
  /* page scroll arrows overlap the content on phones — not needed with touch scrolling */
  .scrl{display:none!important}
  /* header: solid enough that content never shows through the text */
  .hdr .bar{background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 30px -18px rgba(77,52,146,.35)}
  /* in-page anchor bar sits right under the header, opaque, compact */
  .anav2-wrap{top:calc(env(safe-area-inset-top,0px) + 66px);padding:8px 12px 0}
  .anav2{background:rgba(255,255,255,.97)!important;box-shadow:0 10px 26px -16px rgba(77,52,146,.4);padding:4px}
  .anav2 a{padding:7px 12px;font-size:13px}
  /* assistant: smaller orb, no auto tooltip covering text */
  .tg-fab{width:56px;height:56px}
  .tg-tip{display:none!important}
  /* business programmes: no stacking/overlap on phones */
  #stack .scard{position:relative!important;top:auto!important;transform:none!important}
  #stack{display:flex;flex-direction:column;gap:14px}
}
@media (max-width:600px){
  .cr-row{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px}
  .cr-row .cr-t{min-width:0}
  .cr-row .cr-t b{white-space:normal}
  .cr-row .cr-pick{justify-content:space-between;width:100%}
  .tg.has-bar{bottom:84px}
}
@media (max-width:520px){.spgrid{grid-template-columns:1fr!important;gap:16px}.spx h3{font-size:18px}.spx-ph{max-height:300px}}
/* 21-10h: impact numbers as liquid-glass tiles */
.wkx-nums.wkg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;align-items:stretch}
.wkg-c{position:relative;isolation:isolate;overflow:hidden;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px!important;padding:26px 14px 22px!important;border-radius:28px;text-align:center;
  background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.42));-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);
  border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -14px 30px -18px rgba(145,111,177,.35),0 24px 50px -30px rgba(77,52,146,.55);
  transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s}
.wkg-c::before{display:block!important;content:"";position:absolute;inset:auto;top:-40%;inset-inline-start:-30%;width:90%;height:80%;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,rgba(255,255,255,.95),transparent);opacity:.7;transform:rotate(-20deg);transition:transform 1s cubic-bezier(.22,1,.36,1)}
.wkg-c::after{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;background:radial-gradient(120% 80% at 50% 120%,rgba(244,117,34,.16),transparent 60%),radial-gradient(100% 70% at 50% -20%,rgba(145,111,177,.18),transparent 60%)}
.wkg-c:hover{transform:translateY(-8px);box-shadow:inset 0 1px 0 #fff,inset 0 -14px 30px -18px rgba(145,111,177,.45),0 36px 60px -30px rgba(77,52,146,.6)}
.wkg-c:hover::before{transform:rotate(-20deg) translate(30%,20%)}
.wkg-ic{position:absolute;top:14px;inset-inline-end:14px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.75);border:1px solid #fff;color:var(--brand);box-shadow:0 6px 14px -8px rgba(77,52,146,.5)}
.wkg-c:nth-child(even) .wkg-ic{color:var(--orange)}
.wkg-ic .i{width:17px;height:17px}
.wkg-ring{width:112px;height:112px;transform:rotate(-90deg);margin-bottom:-88px}
.wkg-ring circle{fill:none;stroke-width:6;stroke-linecap:round}
.wkg-ring .tr{stroke:rgba(145,111,177,.14)}
.wkg-ring .fg{stroke:#7E5CC2;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1) calc(var(--i) * 120ms)}
.wkg.in .wkg-ring .fg,.wkg.on .wkg-ring .fg,.wkg.vis .wkg-ring .fg,.wkx-imp.in .wkg-ring .fg{stroke-dashoffset:calc(100 - var(--w) * 100)}
.wkg-c:nth-child(even) .wkg-ring .fg{stroke:#F47522}
.wkg-c b{position:relative;font-size:clamp(40px,3.8vw,54px)!important;height:88px;display:grid;place-items:center;line-height:1}
.wkg-c .wkx-lb{margin-top:16px;font-size:14px;font-weight:800;color:var(--heading)}
@media (max-width:700px){.wkx-nums.wkg{grid-template-columns:1fr 1fr}.wkg-ring{width:96px;height:96px;margin-bottom:-76px}.wkg-c b{height:76px}}
@media (prefers-reduced-motion:reduce){.wkg-ring .fg{transition:none;stroke-dashoffset:calc(100 - var(--w) * 100)}}
.wkx-q{background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.42));-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,inset 0 -14px 30px -18px rgba(145,111,177,.35),0 24px 50px -30px rgba(77,52,146,.55)}
/* 21-10: booking — chosen specialist card */
.bsp{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:16px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(244,239,253,.7));border:1px solid rgba(107,72,196,.18);box-shadow:inset 0 1px 0 #fff,0 16px 34px -24px rgba(77,52,146,.5)}
.bsp img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;border:3px solid #fff;box-shadow:0 8px 18px -8px rgba(77,52,146,.5)}
.bsp-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.bsp-t small{font-size:12px;font-weight:800;color:var(--orange)}
.bsp-t b{font-size:17px;font-weight:900;color:var(--heading)}
.bsp-t em{font-style:normal;font-size:13.5px;color:var(--slate)}
.bsp-x{flex:none;border:1px solid rgba(107,72,196,.25);background:#fff;color:var(--brand);font:inherit;font-size:13px;font-weight:800;padding:8px 14px;border-radius:999px;cursor:pointer}
.bsp-x:hover{background:var(--lav100)}
/* 21-10: tighter gap testimonials → CEO word (client note) */
section.qm{padding-bottom:clamp(40px,4vw,64px)}
section.qm + #experts{padding-top:clamp(48px,5vw,80px)}

/* 24-10 client — CEO profile carries the full «من أعمالنا» CV block (old-site media & contact section) */
.cv.cv-one{grid-template-columns:1fr}
.cvw-soc{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;padding:22px 26px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid #fff;box-shadow:0 18px 40px -30px rgba(77,52,146,.5)}
.cvw-soc-h{display:flex;flex-direction:column;gap:4px;margin-inline-end:auto}
.cvw-soc-h b{font-size:19px;font-weight:900;color:var(--heading)}
.cvw-soc-h small{color:var(--mute);font-size:13.5px}
.cvw-soc .cv-soc{margin:0}
@media (max-width:760px){.cvw-soc{padding:18px}.cvw-soc-h{margin:0;width:100%}}
/* 24-10 — «مقياس توازنك» added to the desktop nav: keep the longer English labels on one row */
html[lang="en"] .hdr .nav > a, html[lang="en"] .hdr .nav > div > a{padding-inline:5px;font-size:13.5px}
html[lang="en"] .hdr .bar{gap:8px}
@media (min-width:1201px){html[lang="ar"] .hdr .nav > a, html[lang="ar"] .hdr .nav > div > a{padding-inline:8px}html[lang="ar"] .hdr .bar{gap:8px}}
/* 24-10 — gaps vs old ceo-message page: CEO title, intro, contact email, episode link */
.pcardS .ceo-t{display:block;font-size:13px;font-weight:700;color:var(--brand);margin-top:4px}
.ceo-lead{color:var(--slate);margin:0 0 22px;max-width:62ch}
a.wkx-frame{display:block;color:inherit}
.wkx-play{position:absolute;inset-inline-end:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--brand);font-weight:800;font-size:13px;box-shadow:0 10px 24px rgba(20,10,60,.3);transition:transform .3s var(--ease,ease)}
.wkx-play .i{width:16px;height:16px;fill:currentColor;stroke:none}
a.wkx-frame:hover .wkx-play{transform:scale(1.05)}
.cv-em{display:inline-flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-radius:18px;background:var(--lav50,#F6F6FE);border:1px solid var(--line)}
.cv-em>.i{color:var(--brand)}
.cv-em small{display:block;font-size:11.5px;color:var(--mute)}
.cv-em b{font-size:13.5px;color:var(--heading);word-break:break-all}
.cv-em{flex:0 1 auto;max-width:100%}
.cv-em svg.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.cv-em .cpbtn{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;background:#fff;border:1px solid var(--line)}
.cv-em .cpbtn svg.i{width:16px;height:16px}

/* 24-10 — «من الميدان» gallery inside «السيرة المهنية» */
.wg{margin-top:28px;padding:clamp(20px,2.4vw,30px);border-radius:32px;background:rgba(255,255,255,.78);border:1px solid #fff;box-shadow:0 24px 60px -40px rgba(77,52,146,.55)}
.wg-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.wg-h h3{font-size:clamp(22px,2.2vw,30px);font-weight:900;margin:10px 0 0}
.wg-h h3 b{color:var(--brand)}
.wg-tabs{display:inline-flex;padding:5px;border-radius:999px;background:var(--lav100,#ECEAFC);gap:4px}
.wg-tabs button{padding:9px 18px;border-radius:999px;font-weight:800;font-size:14px;color:var(--slate);background:none;border:0;cursor:pointer;transition:background .3s,color .3s}
.wg-tabs button[aria-selected="true"]{background:#fff;color:var(--brand);box-shadow:0 6px 16px -8px rgba(77,52,146,.5)}
.wg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(140px,13vw,200px);gap:12px}
.wg-t{position:relative;overflow:hidden;border-radius:22px;border:0;padding:0;cursor:zoom-in;background:var(--lav100)}
.wg-t:nth-child(1){grid-column:span 2;grid-row:span 2}
.wg-t:nth-child(4){grid-row:span 2}
.wg-t img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.wg-t::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(30,18,70,.45));opacity:0;transition:opacity .4s}
.wg-t:hover img,.wg-t:focus-visible img{transform:scale(1.06)}
.wg-t:hover::after,.wg-t:focus-visible::after{opacity:1}
.wg-z{position:absolute;inset-inline-start:12px;bottom:12px;z-index:1;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--brand);opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.wg-z svg{width:18px;height:18px}
.wg-t:hover .wg-z,.wg-t:focus-visible .wg-z{opacity:1;transform:none}
.wg-certs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wg-c{border-radius:22px;padding:10px;background:linear-gradient(160deg,#F3EFFC,#FFF6EE);border:1px solid var(--line)}
.wg-c.has{cursor:zoom-in;border:0}
.wg-c.has img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.wg-cp{position:relative;aspect-ratio:4/3;border-radius:14px;background:#fff;border:1px solid #EEE9F8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:18px;box-shadow:inset 0 0 0 6px #FBF9FF}
.wg-bars{display:flex;flex-direction:column;align-items:center;gap:3px;width:46px;margin-bottom:4px}
.wg-bars i{display:block;height:3px;width:var(--w);border-radius:2px;background:linear-gradient(90deg,#4C3492,#916FB1)}
.wg-cp small{font-size:11.5px;letter-spacing:.06em;color:var(--mute);font-weight:700}
.wg-cp b{font-size:15px;line-height:1.6;color:var(--heading);font-weight:900;max-width:24ch}
.wg-y{font-size:13px;font-weight:800;color:var(--orange,#F47523)}
@media (max-width:760px){.wg-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}.wg-t:nth-child(1){grid-column:span 2;grid-row:span 1}.wg-t:nth-child(4){grid-row:span 1}.wg-certs{grid-template-columns:1fr}.wg-h{align-items:flex-start}}
/* lightbox */
.lbx{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:rgba(18,10,44,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .25s}
.lbx.on{opacity:1}
html.lbx-on{overflow:hidden}
.lbx figure{margin:0;max-width:min(1100px,calc(100vw - 150px));display:flex;flex-direction:column;align-items:center;gap:10px}
.lbx img{max-width:100%;max-height:78vh;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);object-fit:contain}
.lbx figcaption{color:rgba(255,255,255,.8);font-size:13px;font-weight:700}
.lbx-x,.lbx-n{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.lbx-x{position:absolute;top:18px;inset-inline-end:18px}
.lbx svg{width:20px;height:20px}
[dir=rtl] .lbx-prev svg{transform:scaleX(-1)}
[dir=ltr] .lbx-next svg{transform:scaleX(-1)}
@media (max-width:640px){.lbx{padding:12px}.lbx figure{max-width:100%}.lbx-n{position:absolute;bottom:22px}.lbx-prev{inset-inline-start:22px}.lbx-next{inset-inline-end:22px}}
@media (prefers-reduced-motion:reduce){.wg-t img,.lbx{transition:none}}
/* gallery v2 grid: 3 cols — big 2x2 + 2 beside + row of 3 (6 photos, no holes) */
.wg-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(150px,14vw,215px)}
.wg-t:nth-child(4){grid-row:auto}
@media (max-width:760px){.wg-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}.wg-t:nth-child(1){grid-column:span 2;grid-row:span 1}}
.wg-t img{object-position:50% 25%}
@media (max-width:760px){.wg-t:last-child:nth-child(even){grid-column:span 2}}

/* 24-10 — «السيرة المهنية» tabs (old ceo-message: roles / programmes / research) */
.cvt-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:18px;background:var(--lav100,#ECEAFC);margin-bottom:16px}
.cvt-tabs button{flex:1 1 auto;padding:10px 14px;border-radius:14px;border:0;background:none;font-weight:800;font-size:14px;color:var(--slate);cursor:pointer;transition:background .3s,color .3s}
.cvt-tabs button[aria-selected="true"]{background:#fff;color:var(--brand);box-shadow:0 6px 16px -8px rgba(77,52,146,.5)}
.cvt-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;counter-reset:cvt}
.cvt-l li{counter-increment:cvt;position:relative;padding:14px 16px;padding-inline-start:52px;border-radius:16px;background:var(--lav50);border:1px solid var(--line);line-height:1.8;color:var(--ink);font-size:14.5px}
.cvt-l li::before{content:counter(cvt,decimal-leading-zero);position:absolute;inset-inline-start:14px;top:14px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#fff;background:linear-gradient(135deg,#4C3492,#916FB1)}
@media (max-width:700px){.cvt-l{grid-template-columns:1fr}.cvt-tabs button{flex-basis:100%}}

/* 24-10 v2 — CEO contact card */
.cxc{margin-top:28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);border-radius:32px;overflow:hidden;background:#fff;border:1px solid #fff;box-shadow:0 30px 70px -40px rgba(58,37,128,.55)}
.cxc-id{position:relative;overflow:hidden;padding:clamp(24px,2.6vw,36px);color:#fff;background:radial-gradient(120% 90% at 100% 0%,#6A4FBE 0%,#4C3492 45%,#24164F 100%);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:260px}
.cxc-bars{position:absolute;inset-inline-start:-10px;top:22px;width:150px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;opacity:.16}
.cxc-bars i{display:block;height:5px;width:var(--w);border-radius:3px;background:#fff}
.cxc-av{width:76px;height:76px;border-radius:24px;overflow:hidden;border:3px solid rgba(255,255,255,.9);box-shadow:0 14px 30px rgba(10,4,40,.35);margin-bottom:10px}
.cxc-av img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.cxc-k{font-size:12.5px;font-weight:800;letter-spacing:.04em;color:#F7B98A}
.cxc-id h3{color:#fff;font-size:clamp(22px,2vw,28px);font-weight:900;line-height:1.35;margin:0}
.cxc-id h3 b{color:#fff;background:linear-gradient(90deg,#fff,#E9DDFF);-webkit-background-clip:text;background-clip:text}
.cxc-id p{color:rgba(255,255,255,.78);margin:0;font-size:14.5px}
.cxc-ch{padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:22px;justify-content:center;background:linear-gradient(180deg,#fff,#FAF8FF)}
.cxc-rows{display:grid;grid-template-columns:1fr;gap:10px}
.cxc-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:border-color .3s,box-shadow .3s}
.cxc-row:hover{border-color:#D9D0F2;box-shadow:0 14px 30px -22px rgba(58,37,128,.5)}
.cxc-ib{flex:none;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4C3492,#916FB1)}
.cxc-ib svg.i{width:21px;height:21px}
.cxc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cxc-t small{font-size:12px;color:var(--mute);font-weight:700}
.cxc-t b{font-size:15.5px;font-weight:800;color:var(--heading);overflow-wrap:anywhere}
.cxc-act{flex:none;display:flex;gap:8px}
.cxc-btn{height:40px;min-width:40px;padding:0 10px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--lav50,#F6F6FE);border:1px solid var(--line);color:var(--brand);font-weight:800;font-size:13px;cursor:pointer;transition:transform .2s,background .3s}
.cxc-btn:hover{background:#EFEAFB}.cxc-btn:active{transform:scale(.97)}
.cxc-btn svg.i{width:17px;height:17px}
.cxc-btn.wa{background:#E9F7EE;border-color:#CBEBD6;color:#1E8A4C;padding:0 14px}
.cxc-soc small{display:block;font-size:12.5px;font-weight:800;color:var(--slate);margin-bottom:10px}
.cxc-sl{display:flex;flex-wrap:wrap;gap:8px}
.cxc-sl a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 10px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--heading);font-weight:800;font-size:13.5px;transition:transform .25s,border-color .25s,box-shadow .25s}
[dir=rtl] .cxc-sl a{padding:0 10px 0 14px}
.cxc-sl a svg.i{width:26px;height:26px;padding:5px;border-radius:9px;background:linear-gradient(135deg,#4C3492,#916FB1);color:#fff;box-sizing:border-box}
.cxc-sl a:hover{transform:translateY(-3px);border-color:#D9D0F2;box-shadow:0 12px 24px -16px rgba(58,37,128,.6)}
@media (max-width:860px){.cxc{grid-template-columns:1fr}.cxc-id{min-height:0}}
@media (max-width:480px){.cxc-row{flex-wrap:wrap}.cxc-act{width:100%;justify-content:flex-end}.cxc-sl a span{display:none}.cxc-sl a{padding:0 9px!important}}
@media (max-width:480px){.cxc-t b{font-size:13px;overflow-wrap:normal;word-break:break-all}.cxc-row{padding:12px}.cxc-ib{width:40px;height:40px;border-radius:13px}}
@media (max-width:480px){.cxc-t b{font-size:14px;word-break:normal;overflow-wrap:normal}}

/* 24-10 — screening tables: crisis question, targets box, crisis callout */
.hx-crisis{margin-top:12px;padding:14px 16px;border-radius:16px;background:#FDF0EE;border:1px solid #F2C9C3;display:flex;flex-direction:column;gap:10px;animation:hxIn .35s ease}
.hx-crisis p{margin:0;color:#7A2E26;font-size:14px;line-height:1.8}
.hx-crisis small{color:#A8443A;font-weight:700}
@keyframes hxIn{from{opacity:0;transform:translateY(-6px)}}
.axd-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.axd-notes .axd-note{margin:0}
.axd-note .axd-ul{margin:8px 0 0}
.axd-crisis{margin-bottom:14px;padding:14px 16px;border-inline-start:4px solid #C2413B;line-height:1.8}
@media (max-width:760px){.axd-notes{grid-template-columns:1fr}}

/* ============ 24-10 CEO CV v2 — premium motion (ceo-cv.html) ============ */
.cvx-hero{position:relative;overflow:hidden;padding:clamp(110px,10vw,150px) 0 clamp(40px,5vw,70px)}
.cvx-glow{position:absolute;inset-inline-start:-10%;top:-20%;width:70vw;height:70vw;max-width:980px;max-height:980px;border-radius:50%;background:radial-gradient(closest-side,rgba(145,111,177,.30),rgba(244,117,35,.10) 55%,transparent 72%);filter:blur(10px);animation:cvxBreath 8s ease-in-out infinite;pointer-events:none}
@keyframes cvxBreath{50%{transform:scale(1.06)}}
.cvx-bars{position:absolute;inset-inline-end:-40px;bottom:120px;width:260px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;opacity:.10;pointer-events:none}
.cvx-bars i,.cvx-mark i{display:block;height:7px;width:var(--w);border-radius:4px;background:linear-gradient(90deg,#4C3492,#916FB1);animation:cvxBar 9s ease-in-out infinite;animation-delay:calc(var(--k) * -.6s)}
@keyframes cvxBar{50%{transform:translateX(calc((var(--k) - 3.5) * 6px))}}
.cvx-hg{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,80px);align-items:center}
.cvx-ht .crumbs,.cvx-ht nav{margin-bottom:22px}
.cvx-name{font-size:clamp(42px,6.2vw,92px);line-height:1.05;font-weight:900;margin:18px 0 16px}
.cvx-name b{display:block;background:linear-gradient(90deg,#4C3492,#916FB1 55%,#F47523);-webkit-background-clip:text;background-clip:text;color:transparent}
.cvx-role{font-weight:800;color:var(--brand);font-size:clamp(15px,1.3vw,18px);margin:0 0 14px}
.cvx-ht .lead{max-width:56ch}
.cvx-ht .acts2{margin-top:26px}
.cvx-hv{position:relative;justify-self:center;width:min(100%,430px)}
.cvx-arch{position:relative;aspect-ratio:4/5;border-radius:999px 999px 36px 36px;overflow:hidden;background:linear-gradient(180deg,#EEE8FA,#F9F1EA);box-shadow:0 50px 90px -50px rgba(58,37,128,.6),inset 0 0 0 1px rgba(255,255,255,.8)}
.cvx-arch::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 8px rgba(255,255,255,.55);pointer-events:none}
.cvx-arch img{width:100%;height:112%;object-fit:cover;object-position:50% 20%;will-change:transform}
.cvx-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #fff;box-shadow:0 20px 40px -24px rgba(58,37,128,.55);font-weight:800;font-size:13.5px;color:var(--heading);white-space:nowrap}
.cvx-chip svg.i{width:18px;height:18px;color:var(--brand)}
.cvx-chip b{font-size:22px;color:var(--brand);margin-inline-end:4px}
.cvx-chip.c1{top:12%;inset-inline-start:-14%;animation:cvxF1 7s ease-in-out infinite}
.cvx-chip.c2{top:48%;inset-inline-end:-18%;animation:cvxF2 9s ease-in-out infinite}
.cvx-chip.c3{bottom:8%;inset-inline-start:-10%;animation:cvxF1 11s ease-in-out infinite reverse}
@keyframes cvxF1{50%{transform:translateY(-10px)}}
@keyframes cvxF2{50%{transform:translateY(8px)}}
.cvx-stats{position:relative;margin-top:clamp(40px,5vw,70px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:28px;background:rgba(255,255,255,.72);border:1px solid #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 70px -50px rgba(58,37,128,.6)}
.cvx-st{padding:22px 24px;display:flex;flex-direction:column;gap:4px}
.cvx-st+.cvx-st{border-inline-start:1px solid var(--line)}
.cvx-st b{font-size:clamp(28px,3vw,42px);font-weight:900;color:var(--brand);line-height:1;display:flex;align-items:baseline;gap:2px}
.cvx-st b small{font-size:.5em;color:var(--orange,#F47523)}
.cvx-st>span{font-size:14px;color:var(--slate);font-weight:600}
.cvx-sec{padding-block:clamp(70px,8vw,130px)}
/* bio */
.cvx-bio{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);align-items:start}
.cvx-bio-k{position:sticky;top:120px}
.cvx-big{display:flex;align-items:flex-start;line-height:.9;margin:16px 0 8px}
.cvx-big b{font-size:clamp(110px,13vw,190px);font-weight:900;background:linear-gradient(160deg,#4C3492,#916FB1 60%,#F47523);-webkit-background-clip:text;background-clip:text;color:transparent}
.cvx-big small{font-size:clamp(40px,4vw,64px);font-weight:900;color:var(--orange,#F47523)}
.cvx-bio-k h2{font-size:clamp(26px,2.6vw,38px)}
.cvx-mark{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:120px;margin-top:26px;opacity:.6}
.cvx-mark i{height:5px}
.cvx-bl{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cvx-bl li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 18px 40px -32px rgba(58,37,128,.55);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
.cvx-bl li:hover{transform:translateX(calc(var(--dir,1) * -6px));box-shadow:0 24px 50px -30px rgba(58,37,128,.6)}
[dir=ltr] .cvx-bl li:hover{--dir:-1}
.cvx-bl li>span{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:13px;color:#fff;background:linear-gradient(135deg,#4C3492,#916FB1)}
.cvx-bl li p{margin:0;line-height:1.85;color:var(--ink);font-size:15.5px;padding-top:5px}
.cvx-bl.sm li p{font-size:14.5px}
.cvx-bl.two{grid-template-columns:1fr 1fr}
/* path timeline */
.cvx-path{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:44px}
.cvx-line{position:absolute;top:12px;inset-inline:6% 6%;height:4px;border-radius:4px;background:var(--lav100,#ECEAFC);overflow:hidden}
.cvx-line i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--p,100%);border-radius:inherit;background:linear-gradient(90deg,#4C3492,#916FB1,#F47523);transition:width .2s linear}
[dir=rtl] .cvx-line i{background:linear-gradient(270deg,#4C3492,#916FB1,#F47523)}
.cvx-node{position:relative;padding:24px 20px 22px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 20px 44px -34px rgba(58,37,128,.6);display:flex;flex-direction:column;gap:8px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.cvx-node:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(58,37,128,.7)}
.cvx-dot{position:absolute;top:-40px;inset-inline-start:22px;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--lav200,#DAD6F6);transition:border-color .4s,transform .4s}
.cvx-node.on .cvx-dot{border-color:#916FB1;transform:scale(1.15);box-shadow:0 0 0 6px rgba(145,111,177,.18)}
.cvx-yr{font-size:clamp(26px,2.4vw,34px);font-weight:900;color:var(--brand);line-height:1}
.cvx-node.now .cvx-yr{font-size:20px;color:var(--orange,#F47523)}
.cvx-node b{font-size:15.5px;line-height:1.7;color:var(--heading)}
/* career */
.cvx-car{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(30px,5vw,70px);align-items:start}
.cvx-car-h{position:sticky;top:120px}
.cvx-car-h h2{margin:16px 0 26px;font-size:clamp(28px,3vw,44px)}
.cvx-tabs{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:24px;background:var(--lav100,#ECEAFC)}
.cvx-ind{position:absolute;inset-inline:8px;top:0;height:0;border-radius:18px;background:#fff;box-shadow:0 10px 24px -14px rgba(58,37,128,.55);transition:transform .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1)}
.cvx-tabs button{position:relative;z-index:1;display:flex;align-items:center;gap:12px;text-align:start;padding:14px 16px;border-radius:18px;border:0;background:none;cursor:pointer;font-weight:800;font-size:15px;color:var(--slate);transition:color .3s}
.cvx-tabs button svg.i{width:20px;height:20px;flex:none}
.cvx-tabs button[aria-selected="true"]{color:var(--brand)}
.cvx-p:not([hidden]){animation:cvxIn .6s cubic-bezier(.22,1,.36,1)}
.cvx-p:not([hidden]) li{animation:cvxIn .6s cubic-bezier(.22,1,.36,1) both}
.cvx-p li:nth-child(2){animation-delay:.05s}.cvx-p li:nth-child(3){animation-delay:.1s}.cvx-p li:nth-child(4){animation-delay:.15s}.cvx-p li:nth-child(5){animation-delay:.2s}.cvx-p li:nth-child(6){animation-delay:.25s}.cvx-p li:nth-child(7){animation-delay:.3s}.cvx-p li:nth-child(8){animation-delay:.35s}
@keyframes cvxIn{from{opacity:0;transform:translateY(14px)}}
.cvx-roles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cvx-role-i{padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 18px 40px -32px rgba(58,37,128,.55);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.cvx-role-i::before{content:"";position:absolute;inset-block:18px;inset-inline-start:0;width:4px;border-radius:4px;background:linear-gradient(180deg,#4C3492,#916FB1)}
.cvx-role-i b{font-size:16px;color:var(--heading)}
.cvx-role-i small{font-size:13.5px;color:var(--slate)}
/* services */
.cvx-svc{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}
.cvx-svc-c{padding:clamp(22px,2.6vw,34px);border-radius:30px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 24px 60px -44px rgba(58,37,128,.6);display:flex;flex-direction:column;align-items:flex-start}
.cvx-svc-c .chips{margin-top:18px}
.cvx-case{background:#fff;border:1px solid var(--line)}
@media (max-width:980px){.cvx-hg,.cvx-bio,.cvx-car,.cvx-svc{grid-template-columns:1fr}.cvx-bio-k,.cvx-car-h{position:static}.cvx-hv{width:min(100%,360px)}.cvx-chip.c1{inset-inline-start:-6%}.cvx-chip.c2{inset-inline-end:-6%}.cvx-chip.c3{inset-inline-start:-4%}}
@media (max-width:760px){.cvx-stats{grid-template-columns:1fr 1fr}.cvx-st:nth-child(3){border-inline-start:0}.cvx-st:nth-child(n+3){border-top:1px solid var(--line)}.cvx-path{grid-template-columns:1fr;padding-top:0;padding-inline-start:34px}.cvx-line{inset-inline:auto;inset-inline-start:9px;top:14px;bottom:14px;width:4px;height:auto}.cvx-line i{width:100%;height:var(--p,100%);inset-inline:0}.cvx-dot{top:26px;inset-inline-start:-34px}.cvx-roles,.cvx-bl.two{grid-template-columns:1fr}.cvx-chip{font-size:12px;padding:9px 12px}.cvx-chip b{font-size:17px}.cvx-bars{display:none}}
@media (prefers-reduced-motion:reduce){.cvx-glow,.cvx-bars i,.cvx-mark i,.cvx-chip{animation:none!important}}

/* ===== CEO CV v2.1 — old-site motion, done better: two-tone titles, flip-colour cards, orbiting stats ===== */
.cvx-hh{text-align:center;margin:0 auto clamp(40px,5vw,72px);display:flex;flex-direction:column;align-items:center;gap:14px}
.cvx-h{font-size:clamp(34px,4.6vw,68px);font-weight:900;line-height:1.15;margin:0}
.cvx-h.sm{font-size:clamp(26px,2.6vw,38px)}
.cvx-h .p{color:#4C3492;display:inline-block}
.cvx-h .o{display:inline-block;background:linear-gradient(90deg,#F47523,#F9A35C 45%,#F47523 90%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cvxShine 6s ease-in-out infinite}
[dir=rtl] .cvx-h .o{background-image:linear-gradient(270deg,#F47523,#F9A35C 45%,#F47523 90%)}
@keyframes cvxShine{50%{background-position:100% 0}}
.cvx-hh .cvx-h .p,.cvx-hh .cvx-h .o{transition:transform 1s cubic-bezier(.22,1,.36,1),opacity 1s,filter 1s}
.cvx-hh.pre .cvx-h .p{transform:translateX(40px);opacity:0;filter:blur(10px)}
.cvx-hh.pre .cvx-h .o{transform:translateX(-40px);opacity:0;filter:blur(10px)}
[dir=ltr] .cvx-hh.pre .cvx-h .p{transform:translateX(-40px)}[dir=ltr] .cvx-hh.pre .cvx-h .o{transform:translateX(40px)}
/* flip-colour behaviour shared by bio rows, qualification cards and career cards */
.cvx-flip li,.cvx-q,.cvx-rc{position:relative;isolation:isolate;overflow:hidden}
.cvx-flip li::after,.cvx-q::after,.cvx-rc::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#5B3FA8,#4C3492 55%,#2E1D66);clip-path:circle(0% at var(--fx,50%) var(--fy,50%));transition:clip-path .7s cubic-bezier(.22,1,.36,1)}
.cvx-flip li:hover::after,.cvx-q:hover::after,.cvx-rc:hover::after,.cvx-rc:focus-within::after{clip-path:circle(150% at var(--fx,50%) var(--fy,50%))}
.cvx-flip li p,.cvx-q h3,.cvx-rc b,.cvx-rc small,.cvx-rc p{transition:color .45s}
.cvx-flip li:hover p,.cvx-q:hover h3,.cvx-rc:hover b,.cvx-rc:hover p{color:#fff}
.cvx-rc:hover small{color:rgba(255,255,255,.75)}
.cvx-flip li:hover>span{background:linear-gradient(135deg,#F47523,#F9A35C)}
/* qualifications — floating icon bubble, middle card raised */
.cvx-qs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start;padding-top:56px}
.cvx-q{border-radius:30px;background:#fff;box-shadow:0 20px 50px -30px rgba(58,37,128,.45);padding:72px 28px 34px;text-align:center;overflow:visible;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s}
.cvx-q::after{border-radius:30px}
.cvx-q.mid{margin-top:-40px}
.cvx-q:hover{transform:translateY(-8px);box-shadow:0 34px 70px -34px rgba(58,37,128,.7)}
.cvx-qi{position:absolute;top:-48px;left:50%;width:100px;height:100px;margin-left:-50px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6A4FBE,#4C3492);box-shadow:0 18px 36px -14px rgba(58,37,128,.65),0 0 0 8px rgba(255,255,255,.9);transition:transform .9s cubic-bezier(.22,1,.36,1),background .5s}
.cvx-qi svg.i{width:44px;height:44px;stroke-width:1.6}
.cvx-q:hover .cvx-qi{transform:rotateY(360deg);background:linear-gradient(135deg,#F47523,#F9A35C)}
.cvx-q h3{font-size:clamp(18px,1.6vw,23px);color:#4C3492;font-weight:800;line-height:1.55;margin:0}
.cvx-qy{display:inline-block;margin-top:14px;padding:6px 16px;border-radius:999px;background:#FEF0E6;color:#E0661A;font-weight:900;font-size:15px;transition:background .45s,color .45s}
.cvx-q:hover .cvx-qy{background:rgba(255,255,255,.16);color:#fff}
/* career — centred pill tabs + flip cards with round icons (old-site layout) */
.cvx-tabs2{position:relative;display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 40px;padding:6px;border-radius:999px;background:#fff;box-shadow:0 14px 40px -28px rgba(58,37,128,.55);border:1px solid var(--line)}
.cvx-ind2{position:absolute;top:6px;bottom:6px;left:0;width:0;border-radius:999px;background:linear-gradient(135deg,#5B3FA8,#4C3492);transition:transform .55s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1)}
.cvx-tabs2 button{position:relative;z-index:1;padding:12px 22px;border-radius:999px;border:0;background:none;font-weight:800;font-size:15px;color:var(--slate);cursor:pointer;white-space:nowrap;transition:color .35s}
.cvx-tabs2 button[aria-selected="true"]{color:#fff}
.cvx-rcs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cvx-rc{border-radius:28px;background:#fff;border:1px solid #F0EDF7;box-shadow:0 16px 40px -32px rgba(58,37,128,.5);padding:30px 20px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}
.cvx-rc:hover{transform:translateY(-8px);box-shadow:0 30px 60px -34px rgba(58,37,128,.7)}
.cvx-ri{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin-bottom:10px;background:#F4F1FB;color:#4C3492;box-shadow:inset 0 0 0 1px #E9E4F6;transition:transform .9s cubic-bezier(.22,1,.36,1),background .5s,color .5s,box-shadow .5s}
.cvx-ri svg.i{width:38px;height:38px;stroke-width:1.6}
.cvx-rc:hover .cvx-ri{transform:rotate(360deg) scale(1.04);background:linear-gradient(135deg,#F47523,#F9A35C);color:#fff;box-shadow:0 14px 30px -12px rgba(244,117,35,.6)}
.cvx-rc b{font-size:16px;color:#2B1A5A;line-height:1.6}
.cvx-rc small{font-size:13.5px;color:var(--slate)}
.cvx-rc p{margin:0;font-size:14.5px;line-height:1.85;color:#2B1A5A;font-weight:600}
.cvx-sec .wkx-lec-h{display:none}
/* orbit — rotating rings with counter-rotating stat bubbles (old site: 28 s spin) */
.cvx-orb-w{display:flex;justify-content:center;margin-top:clamp(40px,5vw,70px)}
.cvx-orb{--R:250px;--s:620px;position:relative;width:var(--s);height:var(--s);max-width:100%}
.cvx-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.cvx-ring.r1{width:calc(var(--R)*2);height:calc(var(--R)*2);border:4px solid rgba(244,117,35,.08)}
.cvx-ring.r2{width:calc(var(--R)*1.3);height:calc(var(--R)*1.3);border:2px dashed rgba(76,52,146,.18);animation:cvxSpin 60s linear infinite reverse}
.cvx-ring.r3{width:calc(var(--R)*2.36);height:calc(var(--R)*2.36);background:radial-gradient(closest-side,rgba(145,111,177,.16),transparent 70%);animation:cvxBreath 8s ease-in-out infinite}
.cvx-spin{position:absolute;inset:0;animation:cvxSpin 40s linear infinite}
.cvx-orb:hover .cvx-spin,.cvx-orb:hover .cvx-bub,.cvx-orb:hover .cvx-ring.r2{animation-play-state:paused}
@keyframes cvxSpin{to{transform:rotate(360deg)}}
.cvx-sat{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(calc(var(--R) * -1)) rotate(calc(var(--a) * -1))}
.cvx-bub{position:absolute;left:-52px;top:-52px;width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(255,255,255,.92);border:1px solid #fff;box-shadow:0 0 0 8px rgba(244,117,35,.06),0 18px 34px -18px rgba(58,37,128,.55);animation:cvxSpin 40s linear infinite reverse;transition:background .4s,box-shadow .4s}
.cvx-bub b{font-size:30px;font-weight:900;line-height:1;background:linear-gradient(160deg,#4C3492,#916FB1);-webkit-background-clip:text;background-clip:text;color:transparent}
.cvx-bub span{font-size:11.5px;font-weight:800;color:#E0661A;text-align:center;line-height:1.3;padding:0 8px}
.cvx-bub:hover{background:linear-gradient(135deg,#5B3FA8,#4C3492);box-shadow:0 0 0 8px rgba(244,117,35,.14),0 22px 40px -16px rgba(58,37,128,.7)}
.cvx-bub:hover b{background:none;-webkit-text-fill-color:#fff;color:#fff}.cvx-bub:hover span{color:#F9C9A2}
.cvx-core{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:radial-gradient(circle at 30% 25%,#6A4FBE,#4C3492 55%,#2E1D66);color:#fff;box-shadow:0 30px 60px -24px rgba(46,29,102,.75),0 0 0 12px rgba(255,255,255,.7)}
.cvx-core b{font-size:26px;font-weight:900}
.cvx-core span{font-size:13px;opacity:.85;line-height:1.5}
.cvx-core-bars{display:flex;flex-direction:column;align-items:center;gap:3px;width:46px;margin-bottom:4px}
.cvx-core-bars i{display:block;height:3px;width:var(--w);border-radius:2px;background:#fff;opacity:.85}
@media (max-width:980px){.cvx-rcs{grid-template-columns:repeat(2,minmax(0,1fr))}.cvx-qs{grid-template-columns:1fr;gap:64px}.cvx-q.mid{margin-top:0}}
@media (max-width:640px){.cvx-orb{--R:140px;--s:360px}.cvx-bub{width:76px;height:76px;left:-38px;top:-38px}.cvx-bub b{font-size:22px}.cvx-bub span{font-size:9.5px}.cvx-core{width:128px;height:128px;margin:-64px 0 0 -64px}.cvx-core b{font-size:19px}.cvx-core span{font-size:10.5px}
  .cvx-tabs2{flex-direction:column;width:100%;border-radius:24px}.cvx-tabs2 button{white-space:normal;border-radius:18px}.cvx-ind2{left:6px;right:6px;width:auto!important;top:0;bottom:auto;border-radius:18px}.cvx-rcs{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cvx-spin,.cvx-bub,.cvx-ring,.cvx-h .o{animation:none!important}}

/* ===== CEO CV v2.2 — «نبذة عن الدكتور» (about layout + photo) and rolling-digit institutions strip (idea from the association template) ===== */
.cvx-ab{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,80px);align-items:center}
.cvx-ab-t .cvx-hh{align-items:flex-start;text-align:start;margin-bottom:22px}
.cvx-ab-t .cvx-h{font-size:clamp(32px,3.8vw,54px)}
.cvx-ab-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.95;color:#2B1A5A;font-weight:600;margin:0 0 22px;max-width:60ch}
.cvx-ab-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.cvx-ab-l li{display:flex;gap:10px;align-items:flex-start;line-height:1.8;color:var(--ink);font-size:15px}
.cvx-ab-l li svg.i{flex:none;width:22px;height:22px;margin-top:3px;padding:4px;border-radius:7px;color:#fff;background:linear-gradient(135deg,#4C3492,#916FB1);stroke-width:3}
.cvx-ab-v{position:relative;padding:22px}
.cvx-ab-blk{position:absolute;inset:0 18% 18% 0;border-radius:40px;background:linear-gradient(135deg,#4C3492,#916FB1 60%,#F47523);opacity:.95}
[dir=rtl] .cvx-ab-blk{inset:0 0 18% 18%}
.cvx-ab-img{position:relative;border-radius:36px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 80px -40px rgba(46,29,102,.65);margin-top:40px;margin-inline-start:40px}
.cvx-ab-img img{width:100%;height:115%;object-fit:cover;object-position:50% 20%;will-change:transform}
.cvx-ab-badge{position:absolute;bottom:-6px;inset-inline-end:-6px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 22px;border-radius:26px;background:#fff;box-shadow:0 26px 50px -24px rgba(46,29,102,.55);animation:cvxF1 7s ease-in-out infinite}
.cvx-ab-badge b{font-size:44px;font-weight:900;line-height:1;color:#F47523;display:flex;align-items:center}
.cvx-ab-badge>span{font-size:13px;font-weight:800;color:#4C3492}
/* odometer strip */
.cvx-odo{margin-top:clamp(50px,6vw,90px);display:grid;grid-template-columns:1.2fr repeat(4,minmax(0,1fr));border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 34px 80px -50px rgba(46,29,102,.6)}
.cvx-odo-h{position:relative;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;color:#fff;background:radial-gradient(120% 120% at 100% 0%,#6A4FBE,#4C3492 50%,#2E1D66)}
.cvx-odo-k{font-size:18px;font-weight:900;line-height:1.55}
.cvx-odo-bars{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:90px}
.cvx-odo-bars i{display:block;height:4px;width:var(--w);border-radius:3px;background:#fff;opacity:.55;animation:cvxBar 9s ease-in-out infinite;animation-delay:calc(var(--k) * -.6s)}
.cvx-oi{position:relative;padding:30px 22px 26px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:background .45s}
.cvx-oi+.cvx-oi{border-inline-start:1px solid #F0EDF7}
.cvx-oi::before{content:"";position:absolute;inset-inline:22%;bottom:0;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#4C3492,#F47523);transform:scaleX(0);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.cvx-oi:hover{background:#FBF9FF}.cvx-oi:hover::before{transform:scaleX(1)}
.cvx-oic{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#F4F1FB;color:#4C3492;transition:transform .8s cubic-bezier(.22,1,.36,1),background .4s,color .4s}
.cvx-oic svg.i{width:26px;height:26px}
.cvx-oi:hover .cvx-oic{transform:rotate(360deg);background:linear-gradient(135deg,#F47523,#F9A35C);color:#fff}
.cvx-oi b{font-size:clamp(46px,5vw,72px);font-weight:900;line-height:1;color:#4C3492;display:flex;align-items:center}
.cvx-ol{font-size:15px;font-weight:800;color:#E0661A}
/* rolling digits */
.odo{display:inline-flex;direction:ltr;unicode-bidi:isolate}
.odo .od{display:inline-block;height:1em;line-height:1;overflow:hidden;position:relative}
.odo .od>span{display:flex;flex-direction:column;transition:transform var(--d,1.8s) cubic-bezier(.16,1,.3,1)}
.odo .od>span>i{font-style:normal;height:1em;line-height:1;display:block;text-align:center}
@media (max-width:980px){.cvx-ab{grid-template-columns:1fr}.cvx-ab-v{max-width:420px;justify-self:center;width:100%}.cvx-odo{grid-template-columns:repeat(2,minmax(0,1fr))}.cvx-odo-h{grid-column:1/-1}.cvx-oi:nth-child(4){border-inline-start:0}.cvx-oi:nth-child(n+4){border-top:1px solid #F0EDF7}}
@media (max-width:640px){.cvx-ab-l{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cvx-ab-badge,.cvx-odo-bars i{animation:none!important}.odo .od>span{transition:none!important}}

/* 24-10 v2.3 — institutions as rising columns (heights = real values, tallest solid) */
.cvx-inst{margin-top:clamp(56px,7vw,100px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:end;padding:clamp(26px,3vw,44px);border-radius:40px;background:rgba(255,255,255,.62);border:1px solid #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 40px 90px -60px rgba(46,29,102,.6)}
.cvx-inst-t{align-self:center;display:flex;flex-direction:column;gap:14px}
.cvx-inst-t .cvx-h{font-size:clamp(28px,3vw,42px);line-height:1.3}
.cvx-inst-sum{display:flex;align-items:center;gap:14px;margin-top:10px}
.cvx-inst-sum b{font-size:clamp(56px,6vw,84px);font-weight:900;line-height:1;background:linear-gradient(160deg,#4C3492,#916FB1 60%,#F47523);-webkit-background-clip:text;background-clip:text;color:transparent}
.cvx-inst-sum b .odo{color:#4C3492}
.cvx-inst-sum>span{font-size:16px;font-weight:800;color:#2B1A5A;max-width:12ch;line-height:1.5}
.cvx-cols{position:relative;height:340px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);align-items:end;padding-bottom:40px;background-image:repeating-linear-gradient(to top,rgba(76,52,146,.08) 0 1px,transparent 1px 25%);background-size:100% calc(100% - 40px);background-repeat:no-repeat}
.cvx-col{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}
.cvx-bar{position:relative;height:var(--h);min-height:120px;border-radius:26px 26px 14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:18px 10px;background:linear-gradient(180deg,#fff,#F4F1FB);border:1px solid #fff;box-shadow:0 24px 50px -30px rgba(46,29,102,.55),inset 0 0 0 1px rgba(76,52,146,.06);transform-origin:bottom;transition:transform 1.1s cubic-bezier(.22,1,.36,1) calc(var(--i) * .12s),box-shadow .5s,translate .5s}
.cvx-col.top .cvx-bar{background:linear-gradient(170deg,#7457C4,#4C3492 55%,#2E1D66);border-color:transparent;box-shadow:0 34px 70px -30px rgba(46,29,102,.8)}
.cvx-col.top .cvx-bar::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(80% 50% at 50% 0%,rgba(255,255,255,.25),transparent);pointer-events:none}
.cvx-bar b{font-size:clamp(40px,4.2vw,64px);font-weight:900;line-height:1;color:#4C3492}
.cvx-col.top .cvx-bar b{color:#fff}
.cvx-ci{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#fff;color:#4C3492;box-shadow:0 10px 20px -12px rgba(46,29,102,.5);transition:transform .8s cubic-bezier(.22,1,.36,1),background .4s,color .4s}
.cvx-ci svg.i{width:22px;height:22px}
.cvx-col.top .cvx-ci{background:rgba(255,255,255,.16);color:#fff;box-shadow:none}
.cvx-cl{position:absolute;bottom:0;inset-inline:0;height:32px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14.5px;font-weight:800;color:#E0661A}
.cvx-col:hover .cvx-bar{translate:0 -8px;box-shadow:0 36px 70px -30px rgba(46,29,102,.75)}
.cvx-col:hover .cvx-ci{transform:rotate(360deg);background:linear-gradient(135deg,#F47523,#F9A35C);color:#fff}
.cvx-inst.pre .cvx-bar{transform:scaleY(.08)}
.cvx-inst.pre .cvx-bar>*{opacity:0}
.cvx-bar>*{transition:opacity .6s calc(var(--i) * .12s + .5s)}
@media (max-width:980px){.cvx-inst{grid-template-columns:1fr}.cvx-cols{height:300px}}
@media (max-width:520px){.cvx-cols{height:260px;gap:8px}.cvx-bar{min-height:96px;padding:12px 4px;border-radius:18px 18px 10px 10px}.cvx-ci{width:34px;height:34px;border-radius:11px}.cvx-ci svg.i{width:17px;height:17px}.cvx-bar b{font-size:32px}.cvx-cl{font-size:12px}}
@media (prefers-reduced-motion:reduce){.cvx-bar{transition:none!important}.cvx-inst.pre .cvx-bar{transform:none}.cvx-inst.pre .cvx-bar>*{opacity:1}}
.cvx-cl{bottom:-40px;height:36px;line-height:1.3}
.cvx-inst-sum>span{max-width:18ch}
.cvx-cols{margin-bottom:10px}
/* 24-10 v2.4 — columns aligned at rest; the hovered one grows to its real value and turns purple; grid lines removed */
.cvx-cols{background-image:none}
.cvx-bar{height:170px;transition:transform 1.1s cubic-bezier(.22,1,.36,1) calc(var(--i) * .12s),height .7s cubic-bezier(.22,1,.36,1),background .45s,box-shadow .5s}
.cvx-col.top .cvx-bar{background:linear-gradient(180deg,#fff,#F4F1FB);border-color:#fff;box-shadow:0 24px 50px -30px rgba(46,29,102,.55),inset 0 0 0 1px rgba(76,52,146,.06)}
.cvx-col.top .cvx-bar::after{display:none}
.cvx-col.top .cvx-bar b{color:#4C3492}
.cvx-col.top .cvx-ci{background:#fff;color:#4C3492;box-shadow:0 10px 20px -12px rgba(46,29,102,.5)}
.cvx-col:hover .cvx-bar,.cvx-col:focus-within .cvx-bar{height:max(170px,var(--h));translate:none;background:linear-gradient(170deg,#7457C4,#4C3492 55%,#2E1D66);box-shadow:0 34px 70px -30px rgba(46,29,102,.8)}
.cvx-col:hover .cvx-bar b{color:#fff}
.cvx-col:hover .cvx-cl{color:#4C3492}
@media (max-width:520px){.cvx-bar{height:120px}.cvx-col:hover .cvx-bar{height:max(120px,var(--h))}}
.cvx-col:hover .cvx-bar,.cvx-col:focus-within .cvx-bar{height:260px}
.cvx-col{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.cvx-col:hover{transform:scale(1.05);z-index:2}
.cvx-col:hover .cvx-bar b{font-size:clamp(52px,5.4vw,80px);transition:font-size .6s cubic-bezier(.22,1,.36,1)}
@media (max-width:520px){.cvx-col:hover .cvx-bar{height:190px}.cvx-col:hover .cvx-bar b{font-size:40px}}
/* role cards carry the real organisation logos (as on the old site) */
.cvx-ri.lg{background:#fff;box-shadow:0 10px 24px -14px rgba(46,29,102,.45),inset 0 0 0 1px #EEE9F8;overflow:hidden;padding:14px}
.cvx-ri.lg img{width:100%;height:100%;object-fit:contain}
.cvx-rc:hover .cvx-ri.lg{transform:scale(1.08);background:#fff;box-shadow:0 0 0 4px rgba(244,117,35,.45),0 14px 30px -12px rgba(244,117,35,.5)}