@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:#4D3492; --brand7:#432985; --brand9:#1C0B45; --lav50:#F6F6FE; --lav100:#ECEAFC; --lav200:#DAD6F6; --lav400:#9B90D7;
  --orange:#F47522; --orange100:#FEF0E6; --green:#7AC362;
  --sig:linear-gradient(90deg,#4D3492 0%,#916FB1 55%,#F47522 100%);
  --btn:linear-gradient(180deg,#6A54B8,#432985);
  --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{width:34px;height:30px}
.logo .wm{display:flex;flex-direction:column;line-height:1}
.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%,#6A54B8 56%,#F47522 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%,#4D3492 70%,#F47522 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,#4D3492,#916FB1,#F47522,#4D3492);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,#2A1B5C,#432985);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,#4D3492,#F47522);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,#1A0942,#32156C);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,#F47522,#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,#F47522)}
.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,#6A54B8,#2A1B5C);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='%234D3492' 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,#4D3492,#F47522)}
.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,#4A2F95,#5B44A8 55%,#6A54B8);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,#2A1B5C,#160736);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,#4D3492,#916FB1,#F47522,#916FB1,#4D3492);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%,#4D3492 50%,#F47522 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/dr_saud_desk.jpg) center 25%/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:#2A1B5C}
.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,#4A2F95,#2A1B5C);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,#654FB1,#432985);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,#4D3492,#F47522);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,#4A2F95,#2A1B5C);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,#4A2F95,#2A1B5C);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:#1C0B45}
.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,#F47522);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:#7AC362;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,#6A54B8,#2A1B5C)}
.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,#4D3492,#2A1B5C);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:#7AC362;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,#F47522) 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,#4A2F95,#2A1B5C) padding-box,linear-gradient(135deg,#916FB1,#F47522) 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,#654FB1)}
.ptile:nth-child(3n) .pt-ic{background:linear-gradient(180deg,#F7A56E,#F47522);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:#2A1B5C;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,#4A2F95,#2A1B5C);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}
/* ===================== 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,#F47522) 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,#F47522) 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,#5B44A8,#2A1B5C)}
.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,#4D3492,#916FB1 60%,#F47522);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:#4D3492;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,#1A0942,#32156C);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%,#F47522);-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,#4D3492);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%,#6A54B8 56%,#F47522 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,#4D3492,#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 #4D3492;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 #4D3492}
.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,#4D3492,#916FB1 60%,#F47522);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,#F47522)}
.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,#4A2F95,#2A1B5C);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 #F47522}
.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,#5B44AE,#3A2478);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 / 4s 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%,#6A54B8 56%,#F47522 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 4s 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 4s cubic-bezier(.45,0,.55,1),opacity 4s}
.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%,#6A54B8,#2A1B5C 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,#5A3FA6 0%,#3A2478 60%,#2A1B5C 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:#2A1B5C;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,#9B90D7,#4D3492)}
.cr-row.low .cr-pick button.f i{background:linear-gradient(160deg,#F7C29E,#F47522)}
.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,#4A2F95,#2A1B5C);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,#4A2F95,#2A1B5C);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,#4A2F95,#2A1B5C);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,#4A2F95,#2A1B5C);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,#2E1D66,#1C0B45);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,#F47522,#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,#6A54B8,#916FB1 45%,#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 .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,#6A54B8,#916FB1 45%,#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 .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,#4A2F95,#2A1B5C);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,#6A54B8,#F47522);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,#6A54B8,#916FB1 45%,#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 .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,#6A54B8,#F47522);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,#6A54B8,#F47522)}
.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}}