/* ============================================================
   DIGITAL HULOOL — Scene styles
   ============================================================ */

/* shared section intro */
.s-kicker{display:flex;align-items:baseline;gap:16px;margin-bottom:14px}
.s-num{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--mute);letter-spacing:.1em}
.dark .s-num{color:rgba(125,190,235,.5)}
.s-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4.4vw,3.5rem);letter-spacing:-.02em;line-height:1.04}
[dir="rtl"] .s-title{letter-spacing:0;line-height:1.25}

/* ===== GOALS (Discover) ===== */
.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;
  border-top:1px solid var(--line)}
.dark .goals{border-color:rgba(255,255,255,.12)}
.goal{padding:38px 34px 38px 0;position:relative}
[dir="rtl"] .goal{padding:38px 0 38px 34px}
.goal+.goal{padding-inline-start:34px;border-inline-start:1px solid var(--line)}
.dark .goal+.goal{border-color:rgba(255,255,255,.12)}
.goal .gn{font-family:var(--font-display);font-size:2.6rem;font-weight:700;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.goal h3{font-size:1.3rem;margin:18px 0 10px}
.dark .goal h3{color:#fff}
.goal p{color:var(--slate);font-size:.98rem}
.dark .goal p{color:rgba(220,232,255,.72)}

/* ===== HIGHLIGHTS band ===== */
.hl-band{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:10px}
.hl{padding:30px 0;border-top:2px solid rgba(125,190,235,.3)}
.hl b{display:block;font-family:var(--font-display);font-weight:700;
  font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl span{display:block;margin-top:12px;color:rgba(220,232,255,.7);font-size:.92rem}

/* ===== DIFFERENTIATORS ===== */
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.diff-tile{background:rgba(255,255,255,.04);border:1px solid rgba(125,190,235,.16);
  border-radius:var(--r-md);padding:28px;transition:transform .4s var(--ease),background .4s,border-color .4s}
.diff-tile:hover{transform:translateY(-5px);background:rgba(255,255,255,.07);border-color:rgba(125,190,235,.35)}
.diff-tile .dnum{font-family:var(--font-display);font-size:.8rem;color:var(--cyan);font-weight:600;letter-spacing:.1em}
.diff-tile h3{color:#fff;font-size:1.2rem;margin:16px 0 10px;line-height:1.2}
.diff-tile p{color:rgba(220,232,255,.68);font-size:.95rem}

/* ===== CORE VALUES — sticky stacking ===== */
.values-wrap{position:relative}
.values-list{position:relative}
.vcard{
  position:sticky;
  border-radius:var(--r-lg);padding:32px clamp(26px,3vw,46px);
  color:#fff;overflow:hidden;box-shadow:0 -10px 50px -22px rgba(0,0,0,.5);
  min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;
  will-change:transform;border:1px solid rgba(255,255,255,.12);
}
.vcard .vix{position:absolute;top:22px;inset-inline-end:30px;font-family:var(--font-display);
  font-weight:700;font-size:3.6rem;opacity:.16;line-height:1}
.vcard .vlabel{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin-bottom:10px}
.vcard h3{font-size:clamp(1.5rem,2.6vw,2.2rem);margin-bottom:10px}
.vcard p{font-size:clamp(.98rem,1.3vw,1.18rem);max-width:48ch;opacity:.9;line-height:1.5}
.vcard .vmark{position:absolute;inset-inline-start:-40px;bottom:-40px;width:240px;height:240px;opacity:.12}

/* ===== STORY — cinematic pinned timeline ===== */
.story-pin{height:520vh;position:relative}
.story-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;
  background:radial-gradient(130% 90% at 80% 15%,#16306f 0%,#0b1840 55%,#070f28 100%)}
[dir="rtl"] .story-stage{background:radial-gradient(130% 90% at 20% 15%,#16306f 0%,#0b1840 55%,#070f28 100%)}
.story-stage .wrap{width:100%}
.story-bigyear{position:absolute;inset-inline-end:4%;top:50%;transform:translateY(-50%);
  font-family:var(--font-display);font-weight:700;font-size:min(34vw,460px);line-height:.8;
  color:rgba(125,190,235,.07);letter-spacing:-.04em;pointer-events:none;user-select:none}
.story-progress{position:absolute;inset-inline-start:var(--pad);top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:0;z-index:3}
.sp-item{display:flex;align-items:center;gap:14px;height:54px;opacity:.4;transition:opacity .4s var(--ease)}
.sp-item.on{opacity:1}
.sp-dot{width:13px;height:13px;border-radius:50%;border:2px solid rgba(125,190,235,.5);position:relative;flex:none}
.sp-item.on .sp-dot{background:var(--grad);border-color:transparent;box-shadow:0 0 0 5px rgba(16,176,208,.18)}
.sp-line{position:absolute;inset-inline-start:6px;top:-54px;width:2px;height:54px;background:rgba(125,190,235,.25)}
.sp-item:first-child .sp-line{display:none}
.sp-item.done .sp-line{background:var(--cyan)}
.sp-y{font-family:var(--font-display);font-weight:600;color:#fff;font-size:1rem}
.story-slides{position:relative;max-width:600px;margin-inline-start:clamp(120px,16vw,260px);z-index:2;min-height:300px}
.story-slide{position:absolute;inset:0;opacity:0;transform:translateY(30px);
  transition:opacity .6s var(--ease),transform .6s var(--ease);pointer-events:none}
.story-slide.on{opacity:1;transform:none;pointer-events:auto}
.story-slide .ss-y{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,6vw,4.6rem);
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.story-slide h3{color:#fff;font-size:clamp(1.5rem,2.6vw,2.1rem);margin:10px 0 18px}
.story-slide p{color:rgba(220,232,255,.82);font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:48ch}
.story-railbar{position:absolute;bottom:6%;inset-inline:var(--pad);height:3px;background:rgba(125,190,235,.16);border-radius:3px;z-index:3}
.story-railfill{height:100%;width:0;background:var(--grad);border-radius:3px;transition:width .3s linear}

/* ===== MISSION & VISION — connected narrative ===== */
.mv{position:relative}
.mv-intro{max-width:30ch;font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.3;letter-spacing:-.01em}
[dir="rtl"] .mv-intro{line-height:1.5}
.mv-block{position:relative;padding-block:clamp(34px,4.5vh,56px)}
.mv-block+.mv-block{border-top:1px solid var(--line)}
.dark .mv-block+.mv-block{border-color:rgba(255,255,255,.12)}
.mv-row{display:grid;grid-template-columns:.42fr 1.58fr;gap:clamp(20px,3vw,48px);align-items:baseline;margin-bottom:30px}
.mv-tag{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.1;
  display:flex;align-items:center;gap:14px;letter-spacing:-.01em}
.mv-tag .mv-ring{width:.55em;height:.55em;border-radius:50%;border:2.5px solid var(--cyan);flex:none}
.mv-tag.vision .mv-ring{background:var(--grad);border-color:transparent}
.mv-statement{font-size:clamp(1.02rem,1.4vw,1.28rem);color:var(--slate);line-height:1.55;margin-bottom:0}
.dark .mv-statement{color:rgba(220,232,255,.82)}
.mv-statement strong{font-weight:600;color:var(--ink)}
.mv-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mv-point{padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:var(--white);
  box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.mv-point:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.dark .mv-point{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.mv-point .mp-n{font-family:var(--font-display);font-weight:700;font-size:.9rem;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;
  display:block;margin-bottom:14px}
.mv-point h4{font-size:1.08rem;margin-bottom:8px;color:var(--ink);line-height:1.25}
.dark .mv-point h4{color:#fff}
.mv-point p{font-size:.92rem;color:var(--slate);line-height:1.5}
.dark .mv-point p{color:rgba(220,232,255,.68)}

/* ===== CORE SERVICES — chapter book ===== */
.svc-pin{height:420vh;position:relative}
.svc-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;
  background:linear-gradient(180deg,#0a1640 0%,#070f28 50%,#0a1640 100%)}
.svc-stage .wrap{width:100%;display:flex;flex-direction:column;align-items:center;
  gap:clamp(18px,2.4vh,32px);padding-block:clamp(28px,5vh,56px)}
.svc-head{text-align:center;max-width:60ch}
.svc-head .s-kicker{justify-content:center;margin-bottom:10px}
.svc-head .s-title{font-size:clamp(1.8rem,3.4vw,2.9rem);margin-bottom:10px}
.svc-head .lead{font-size:clamp(.98rem,1.3vw,1.15rem);max-width:62ch;margin-inline:auto;color:rgba(220,232,255,.74)}
.svc-deckcol{width:100%;order:1}
.svc-dots{display:flex;flex-direction:row;justify-content:center;gap:16px;align-items:center;position:relative;z-index:40;order:2}
.svc-dot{width:11px;height:11px;border-radius:50%;background:rgba(125,190,235,.25);cursor:pointer;
  transition:all .35s var(--ease);position:relative}
.svc-dot.on{background:var(--grad);transform:scale(1.5);box-shadow:0 0 0 5px rgba(16,176,208,.16)}
.svc-dotnum{display:none}
.svc-deck{position:relative;height:min(400px,48vh)}
.svc-card{position:absolute;top:0;left:50%;width:min(560px,52vw);height:100%;
  border-radius:var(--r-xl);overflow:hidden;
  background:linear-gradient(150deg,#13265e,#0c1a45);border:1px solid rgba(125,190,235,.18);
  display:grid;grid-template-columns:1.12fr .88fr;
  transform:translateX(-50%);transform-origin:center center;opacity:0;
  transition:transform .6s var(--ease),opacity .55s var(--ease),box-shadow .55s var(--ease);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.svc-card.on{box-shadow:var(--shadow-lg);border-color:rgba(125,190,235,.4)}
.svc-cl{padding:clamp(22px,2.6vw,40px);display:flex;flex-direction:column;justify-content:center;color:#fff}
.svc-chapter{font-family:var(--font-display);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:11px}
.svc-card h3{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.08;margin-bottom:10px;text-wrap:balance}
.svc-card .svc-sum{font-size:clamp(.96rem,1.3vw,1.12rem);color:rgba(220,232,255,.82);max-width:32ch;margin-bottom:18px;line-height:1.48}
.svc-learn{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:600;font-size:1.05rem;
  align-self:flex-start;border-bottom:2px solid var(--cyan);padding-bottom:6px;transition:gap .3s;white-space:nowrap}
.svc-learn:hover{gap:20px}
.svc-learn .arr{width:34px;height:34px;border-radius:50%;background:var(--grad);display:grid;place-items:center}
.svc-learn .arr svg{width:16px;height:16px}
[dir="rtl"] .svc-learn .arr svg{transform:scaleX(-1)}
.svc-cr{position:relative;background:radial-gradient(120% 120% at 70% 30%,#1b3b86,#0c1a45);overflow:hidden;display:grid;place-items:center}
.svc-cr .svc-glyph{width:50%;opacity:.9}
.svc-cr .logo-plaque{position:relative;z-index:1;width:86%;padding:44px 32px;background:
  radial-gradient(ellipse 64% 78% at 50% 50%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.13) 62%,rgba(255,255,255,0) 76%)}
.svc-cr .logo-plaque img{width:100%;height:auto;display:block;filter:none}
.svc-cr .svc-bgnum{position:absolute;inset-inline-end:-4%;bottom:-8%;font-family:var(--font-display);font-weight:700;
  font-size:18rem;line-height:.7;color:rgba(125,190,235,.07)}
.svc-pagehint{order:3;margin-top:4px;font-size:.8rem;color:rgba(125,190,235,.5);letter-spacing:.04em}

/* ===== QALAM — flagship ===== */
.qalam{background:
  radial-gradient(80% 60% at 15% 0%,rgba(16,176,208,.14),transparent 60%),
  radial-gradient(70% 70% at 100% 100%,rgba(47,111,214,.16),transparent 55%),
  #060d22;color:#fff;overflow:hidden}
.qalam-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;margin-bottom:80px}
.qalam-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(16,176,208,.12);
  border:1px solid rgba(16,176,208,.35);border-radius:100px;padding:8px 16px 8px 10px;margin-bottom:24px}
.qalam-badge .qb-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.qalam-badge span{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sky)}
.qalam h2.qbig{font-size:clamp(2.6rem,6vw,5rem);line-height:1;margin-bottom:24px}
.qalam h2 .qword{background:linear-gradient(100deg,#5fc6ec,#9be7c0);-webkit-background-clip:text;background-clip:text;color:transparent}
.qalam-intro{color:rgba(220,232,255,.78);font-size:1.1rem;line-height:1.6;max-width:52ch}
.qalam-orb{position:relative;aspect-ratio:1;display:grid;place-items:center}
.qalam-orb .qo-core{width:62%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#7fe0ff,#2f6fd6 55%,#16306f);
  box-shadow:0 30px 90px -20px rgba(16,176,208,.6);position:relative;display:grid;place-items:center}
.qalam-orb .qo-core b{font-family:var(--font-display);font-size:clamp(3rem,7vw,5rem);color:#fff}
.qalam-orb .qo-ring{position:absolute;border:1px solid rgba(125,190,235,.25);border-radius:50%}
.qalam-orb .r1{inset:8%}.qalam-orb .r2{inset:-4%}
.qalam-orb .qo-chip{position:absolute;background:rgba(10,20,50,.85);border:1px solid rgba(125,190,235,.3);
  border-radius:100px;padding:7px 14px;font-size:.78rem;color:var(--sky);backdrop-filter:blur(6px);white-space:nowrap}

.qalam-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}
.qmetric{background:rgba(255,255,255,.04);border:1px solid rgba(125,190,235,.18);border-radius:var(--r-md);padding:32px}
.qmetric b{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,4.6vw,3.4rem);
  background:linear-gradient(100deg,#5fc6ec,#9be7c0);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.qmetric span{display:block;margin-top:12px;color:rgba(220,232,255,.7);font-size:.95rem}
.qimpact-line{font-size:clamp(1.15rem,2vw,1.6rem);font-family:var(--font-display);font-weight:500;
  line-height:1.4;max-width:40ch;color:#fff;margin:0 0 70px}
[dir="rtl"] .qimpact-line{line-height:1.6}

.qmatrix{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.qcol{background:rgba(255,255,255,.03);border:1px solid rgba(125,190,235,.16);border-radius:var(--r-lg);overflow:hidden}
.qcol-h{padding:18px 24px;font-weight:600;display:flex;align-items:center;gap:10px;font-size:1.02rem}
.qcol-h .qh-dot{width:9px;height:9px;border-radius:50%}
.qcol.c0 .qcol-h{background:rgba(16,176,208,.12)}.qcol.c0 .qh-dot{background:var(--cyan)}
.qcol.c1 .qcol-h{background:rgba(245,158,66,.12);color:#ffd29b}.qcol.c1 .qh-dot{background:#f5a142}
.qcol.c2 .qcol-h{background:rgba(125,190,235,.1)}.qcol.c2 .qh-dot{background:#7ed7ef}
.qcol ul{list-style:none;padding:10px 0}
.qcol li{padding:13px 24px;color:rgba(220,232,255,.82);font-size:.96rem;display:flex;align-items:center;gap:12px;
  border-top:1px solid rgba(125,190,235,.08)}
.qcol li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);flex:none;opacity:.6}

.qdist{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}
.qdist-card{background:rgba(255,255,255,.03);border:1px solid rgba(125,190,235,.16);border-radius:var(--r-lg);padding:28px 30px}
.qdist-card h4{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.05rem;margin-bottom:18px}
.qdist-card h4 svg{width:20px;height:20px;color:var(--cyan)}
.qdist-chips{display:flex;flex-wrap:wrap;gap:10px}
.qchip{background:rgba(125,190,235,.08);border:1px solid rgba(125,190,235,.2);border-radius:100px;
  padding:8px 16px;font-size:.88rem;color:rgba(220,232,255,.85)}

/* ===== TECH ECOSYSTEM ===== */
.tech-eco{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.tech-eco-solo{display:flex;justify-content:center;padding:78px 0 30px}
.tech-orbit{position:relative;aspect-ratio:1;max-width:460px;margin-inline:auto;width:100%}
.tech-center{position:absolute;inset:31%;border-radius:50%;background:var(--grad);display:grid;place-items:center;
  color:#fff;text-align:center;padding:14px;box-shadow:0 24px 70px -18px rgba(16,128,192,.65);z-index:2}
.tech-center b{font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1.15;position:relative;z-index:1}
.tech-core-glow{position:absolute;inset:-26%;border-radius:50%;z-index:0;
  background:radial-gradient(circle,rgba(16,176,208,.55),rgba(16,176,208,0) 68%);
  animation:corePulse 3.4s ease-in-out infinite}
@keyframes corePulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:.95}}
.tech-ring{position:absolute;inset:4%;border:1px dashed rgba(125,190,235,.4);border-radius:50%;animation:spin 46s linear infinite}
.tech-ring-2{inset:16%;border-style:solid;border-color:rgba(125,190,235,.14);animation:spin 60s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.tech-spokes{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.tech-node{position:absolute;transform:translate(-50%,-50%);z-index:3}
.tech-chip{background:#fff;border:1px solid rgba(16,48,111,.1);border-radius:16px;
  width:134px;height:68px;display:flex;align-items:center;justify-content:center;padding:11px 14px;
  box-shadow:0 18px 44px -18px rgba(11,26,74,.45);transition:transform .4s var(--ease),box-shadow .4s;
  animation:chipFloat 6s ease-in-out infinite}
.tech-node:nth-child(5) .tech-chip{animation-delay:-1.2s}
.tech-node:nth-child(6) .tech-chip{animation-delay:-2.4s}
.tech-node:nth-child(7) .tech-chip{animation-delay:-3.6s}
.tech-node:nth-child(8) .tech-chip{animation-delay:-4.8s}
@keyframes chipFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
.tech-chip:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 26px 60px -16px rgba(16,176,208,.6);border-color:rgba(16,176,208,.35)}
@media (prefers-reduced-motion:reduce){.tech-chip,.tech-ring,.tech-ring-2,.tech-core-glow{animation:none}}
.tech-chip img{max-height:42px;max-width:104px;width:auto;object-fit:contain;display:block;
  filter:grayscale(1);opacity:.72;transition:filter .45s var(--ease),opacity .45s var(--ease)}
.tech-chip:hover img{filter:none;opacity:1}

/* ===== WHY CHOOSE ===== */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.why-cell{background:var(--white);padding:34px 30px;transition:background .4s,transform .4s var(--ease);position:relative}
.why-cell:hover{background:var(--paper)}
.why-cell .wc-n{font-family:var(--font-display);font-weight:700;font-size:1rem;color:transparent;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.why-cell h3{font-size:1.18rem;margin:16px 0 10px;color:var(--ink);line-height:1.2}
.why-cell p{font-size:.94rem;color:var(--slate)}

/* ===== TRUSTED BY — dark continuation of the hero ===== */
.partners-band{position:relative;overflow:hidden;
  background:linear-gradient(180deg,#091231 0%,#0b1840 30%,#0c1c4d 60%,#0e2358 100%);
  padding:clamp(54px,6vw,92px) 0 clamp(64px,7vw,104px);color:#fff}
/* same dot mesh as hero, fading downward */
.partners-band::before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;
  background-image:radial-gradient(rgba(125,190,235,.13) 1.2px,transparent 1.2px);background-size:34px 34px;
  -webkit-mask:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent);
  mask:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent)}
/* soft cyan bloom echoing the hero art glow */
.partners-band::after{content:"";position:absolute;top:-30%;right:-5%;width:55%;height:90%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(16,176,208,.16),transparent 72%)}
[dir="rtl"] .partners-band::after{right:auto;left:-5%}
.partners-wrap{position:relative;text-align:center;max-width:var(--maxw)}
.partners-band .eyebrow{justify-content:center;color:var(--sky)}
/* eyebrow flanked by hairlines */
.eyebrow.hline{display:inline-flex;align-items:center;gap:16px}
.eyebrow.hline::before,.eyebrow.hline::after{content:"";width:38px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,190,235,.5))}
.eyebrow.hline::after{background:linear-gradient(90deg,rgba(125,190,235,.5),transparent)}
.partners-statement{font-family:var(--font-body);font-weight:400;letter-spacing:0;
  font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.45;color:rgba(224,236,255,.9);
  max-width:760px;margin:18px auto 0;text-wrap:balance}
[dir="rtl"] .partners-statement{line-height:1.65}
.partners-statement .accent{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.partners-sectors{margin-top:18px;font-family:var(--font-body);font-size:.74rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:rgba(180,205,245,.7)}
[dir="rtl"] .partners-sectors{letter-spacing:.04em}
.partner-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:clamp(20px,4vw,48px);margin-top:clamp(30px,3.6vw,44px);padding-top:clamp(30px,3.6vw,44px);
  border-top:1px solid rgba(125,190,235,.13);max-width:1080px;margin-inline:auto}
.plogo{display:flex;align-items:center;justify-content:center;height:100px;padding:10px 24px;
  border-radius:var(--r-md);border:1px solid transparent;
  transition:background .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease),transform .45s var(--ease)}
.plogo img{max-height:calc(48px * var(--ps,1));max-width:calc(150px * var(--ps,1));width:auto;object-fit:contain;
  filter:grayscale(1) brightness(0) invert(1);opacity:.62;
  transition:filter .45s var(--ease),opacity .45s var(--ease)}
.plogo:hover{background:#fff;border-color:rgba(255,255,255,.9);
  box-shadow:0 22px 44px -20px rgba(0,0,0,.55);transform:translateY(-4px)}
.plogo:hover img{filter:none;opacity:1}
/* staggered logo entrance — children rise as the row reveals */
.partner-row .plogo{opacity:0;transform:translateY(14px);
  transition:opacity .6s var(--ease),transform .6s var(--ease),
             background .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease)}
.partner-row.in .plogo{opacity:1;transform:none}
.partner-row.in .plogo:nth-child(1){transition-delay:.04s}
.partner-row.in .plogo:nth-child(2){transition-delay:.1s}
.partner-row.in .plogo:nth-child(3){transition-delay:.16s}
.partner-row.in .plogo:nth-child(4){transition-delay:.22s}
.partner-row.in .plogo:nth-child(5){transition-delay:.28s}
.partner-row.in .plogo:nth-child(6){transition-delay:.34s}
.partner-row.in .plogo:hover{transition-delay:0s}
@media (prefers-reduced-motion:reduce){
  .partner-row .plogo{opacity:1;transform:none;transition:none}
}

/* ===== REGISTER ===== */
.register{background:
  radial-gradient(70% 80% at 100% 0,rgba(16,176,208,.16),transparent 55%),
  radial-gradient(80% 80% at 0 100%,rgba(47,111,214,.18),transparent 55%),#070f28;color:#fff;overflow:hidden}
.reg-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:start}
.reg-left h2{font-size:clamp(2.4rem,5vw,4rem);line-height:1.02;margin-bottom:22px}
.reg-left p{color:rgba(220,232,255,.78);font-size:1.1rem;max-width:40ch;line-height:1.6}
.reg-contacts{margin-top:40px;display:grid;gap:18px}
.reg-contact{display:flex;align-items:center;gap:16px}
.reg-contact .rc-ic{width:44px;height:44px;border-radius:12px;background:rgba(125,190,235,.1);border:1px solid rgba(125,190,235,.22);display:grid;place-items:center;color:var(--cyan);flex:none}
.reg-contact .rc-ic svg{width:20px;height:20px}
.reg-contact small{display:block;color:rgba(220,232,255,.5);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.reg-contact a,.reg-contact span{color:#fff;font-size:1rem}
.reg-form{background:rgba(255,255,255,.04);border:1px solid rgba(125,190,235,.18);border-radius:var(--r-xl);
  padding:clamp(28px,3.5vw,46px);backdrop-filter:blur(8px)}
.reg-form .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:18px}
.field label{display:block;font-size:.85rem;color:rgba(220,232,255,.72);margin-bottom:8px;font-weight:500}
.field label .req{color:var(--cyan)}
.field input,.field textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(125,190,235,.22);
  border-radius:12px;padding:14px 16px;color:#fff;font-family:inherit;font-size:1rem;transition:border-color .3s,background .3s}
.field input::placeholder,.field textarea::placeholder{color:rgba(220,232,255,.4)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--cyan);background:rgba(255,255,255,.08)}
.field textarea{min-height:110px;resize:vertical}
.reg-form button{width:100%;justify-content:center;margin-top:6px}
.reg-success{display:none;text-align:center;padding:30px 10px}
.reg-success.show{display:block}
.reg-success .rs-ic{width:64px;height:64px;border-radius:50%;background:var(--grad);display:grid;place-items:center;margin:0 auto 20px}
.reg-success h3{color:#fff;font-size:1.5rem;margin-bottom:10px}
.reg-success p{color:rgba(220,232,255,.7)}

/* ===== CONTACT — editorial split (light surface) ===== */
.contact{background:
  radial-gradient(120% 90% at 88% 0%,rgba(16,176,208,.07),transparent 55%),
  radial-gradient(100% 80% at 0% 100%,rgba(27,45,107,.05),transparent 60%),
  linear-gradient(180deg,#ffffff 0%,#f5f8fd 100%);
  color:var(--ink);position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(16,48,111,.18),transparent);pointer-events:none}
.contact-bg{position:absolute;inset:0;opacity:.6;pointer-events:none;
  background-image:radial-gradient(rgba(16,48,111,.08) 1.1px,transparent 1.1px);background-size:32px 32px;
  -webkit-mask:radial-gradient(110% 80% at 85% 15%,#000,transparent 70%);mask:radial-gradient(110% 80% at 85% 15%,#000,transparent 70%)}
[dir="rtl"] .contact-bg{-webkit-mask:radial-gradient(110% 80% at 15% 15%,#000,transparent 70%);mask:radial-gradient(110% 80% at 15% 15%,#000,transparent 70%)}
.contact .wrap{position:relative}
.contact-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,6vw,90px);align-items:center}
.contact-h{font-family:var(--font-display);font-weight:700;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.06;
  letter-spacing:-.02em;margin:18px 0 24px;max-width:14ch}
[dir="rtl"] .contact-h{letter-spacing:0;line-height:1.25}
.contact-hq{color:var(--slate);font-size:1.05rem;line-height:1.6;max-width:34ch;margin-bottom:0;
  display:flex;align-items:flex-start;gap:12px}
.contact-hq::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;
  background:var(--blue);-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
/* contact list — elevated card aligned with the site card system */
.contact-list{display:flex;flex-direction:column;position:relative;overflow:hidden;
  background:var(--white);border:1px solid rgba(16,48,111,.1);border-radius:var(--r-lg);
  box-shadow:var(--shadow-md);padding:6px clamp(20px,2.4vw,32px)}
.contact-list::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--grad)}
.contact-row{display:flex;align-items:center;gap:20px;padding:24px 4px;
  border-bottom:1px solid rgba(16,48,111,.1);transition:padding .35s var(--ease),background .35s;position:relative}
.contact-list .contact-row:last-child{border-bottom:none}
a.contact-row:hover{padding-inline-start:14px;background:linear-gradient(90deg,rgba(16,176,208,.07),transparent)}
[dir="rtl"] a.contact-row:hover{background:linear-gradient(-90deg,rgba(16,176,208,.07),transparent)}
.cr-ic{width:52px;height:52px;border-radius:14px;background:var(--grad-soft);color:var(--blue);
  display:grid;place-items:center;flex:none;border:1px solid rgba(16,48,111,.12)}
.cr-ic svg{width:23px;height:23px}
.cr-txt{display:flex;flex-direction:column;gap:5px;min-width:0}
.cr-txt small{color:var(--mute);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.cr-txt b{color:var(--ink);font-size:1.06rem;font-weight:500;line-height:1.35}
.cr-go{margin-inline-start:auto;color:var(--blue);opacity:0;transition:opacity .3s,transform .3s;flex:none}
.cr-go svg{width:20px;height:20px}
[dir="rtl"] .cr-go svg{transform:scaleX(-1)}
a.contact-row:hover .cr-go{opacity:1}
.contact .footer-affil{margin-top:0;background:rgba(16,48,111,.04);border:1px solid rgba(16,48,111,.12)}
.contact .footer-affil span{color:var(--slate)}

/* ===== responsive ===== */
@media (max-width:960px){
  .goals,.diff-grid,.hl-band,.qalam-metrics,.qmatrix,.why-grid,.qdist,.mv-points{grid-template-columns:1fr 1fr}
  .goal{padding:28px 0!important;border:none!important;border-top:1px solid var(--line)!important}
  .qalam-hero,.tech-eco,.reg-grid,.mv-row,.contact-split{grid-template-columns:1fr;gap:30px}
  .svc-stage .wrap{grid-template-columns:1fr}
  .svc-dots{flex-direction:row;justify-content:center;order:2;margin-top:18px}
  .svc-dotnum{display:none}
  .svc-card{grid-template-columns:1fr;width:min(560px,84vw)}
  .svc-cr{display:none}
  .qalam-orb,.tech-orbit{max-width:340px}
  .story-slides{margin-inline-start:clamp(90px,20vw,160px)}
}
@media (max-width:600px){
  .goals,.diff-grid,.hl-band,.qalam-metrics,.qmatrix,.why-grid,.qdist,.reg-form .frow,.mv-points{grid-template-columns:1fr}
  .svc-deck{height:auto;min-height:520px}
  .story-bigyear{font-size:46vw}
  .tech-eco-solo{padding:40px 0 20px}
  .tech-orbit{max-width:66vw}
  .tech-chip{width:88px;height:48px;padding:8px 10px}
  .tech-chip img{max-height:30px;max-width:70px}
}