/* EmployMENA EOR Jordan pilot - private preview pages only (body.emena-eor). Generated from eor-jordan-pilot.html. */
/* ===================== page design (homepage visual language) ===================== */
.pv{container:pv/inline-size;
  --ink:#0F1E24;--body:#42555C;--muted:#5F737B;--teal:#0995A3;--btn:#0A7F8B;--btn-h:#086B75;--teal-ink:#0A6B75;
  --amber:#FAAE43;--amber-h:#F39F2C;--ground:#072D33;--ground2:#0A3A42;--mint:#EAF6F6;--surface:#F3F7F7;
  --line:rgba(7,45,51,.13);--mintline:#7FD3DB;--ondark:#EAF6F6;--ondark2:#B4D0D4;--darkline:rgba(127,211,219,.22);
  --gut:clamp(20px,4cqw,56px);--sy:clamp(56px,6.5cqw,100px);--sh2:0 14px 32px -14px rgba(7,45,51,.28);
  font:16px/1.6 var(--f-sans);color:var(--body);background:#fff;position:relative;color-scheme:light}
.pv[lang=ar]{font-family:var(--f-ar);font-size:17px;line-height:1.75}
.pv *{box-sizing:border-box}
.pv a{color:inherit;text-decoration:none}
.pv p,.pv h1,.pv h2,.pv h3,.pv h4{margin:0}
.pv ul,.pv ol{margin:0;padding:0;list-style:none}
.pv svg{direction:ltr}
.pv :focus-visible{outline:3px solid #0995A3;outline-offset:2px;border-radius:6px}
.pv .wrap{max-width:1400px;margin-inline:auto;padding-inline:var(--gut)}
.pv .ic{width:22px;height:22px;flex:none}
.pv .pc{background:none}

.pv .sec{padding-block:var(--sy);background:var(--s-bg);color:var(--s-tx);
  --s-bg:#fff;--s-hd:var(--ink);--s-tx:var(--body);--s-mu:var(--muted);--s-ln:var(--line);--s-eb:var(--teal-ink);--s-card:#fff}
.pv .t-surface{--s-bg:var(--surface)}
.pv .t-mint{--s-bg:var(--mint);background-image:radial-gradient(rgba(9,149,163,.12) 1px,transparent 1.3px);background-size:26px 26px}
.pv .t-dark{--s-bg:var(--ground);--s-hd:#fff;--s-tx:var(--ondark2);--s-mu:var(--ondark2);--s-ln:var(--darkline);--s-eb:var(--amber);--s-card:rgba(255,255,255,.04);
  background-image:radial-gradient(rgba(127,211,219,.11) 1px,transparent 1.3px);background-size:26px 26px}
.pv .eb{font-size:12.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--s-eb);margin-bottom:14px}
.pv[lang=ar] .eb{letter-spacing:0;text-transform:none;font-size:15px;font-weight:700}
.pv .h2{font-size:clamp(30px,3.2cqw,44px);line-height:1.1;letter-spacing:-.022em;font-weight:720;color:var(--s-hd);max-width:22ch;text-wrap:balance}
.pv[lang=ar] .h2{letter-spacing:0;line-height:1.35;font-weight:800}
.pv .sub{font-size:17px;line-height:1.6;max-width:56ch;color:var(--s-tx)}
.pv[lang=ar] .sub{line-height:1.8}
.pv .shead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px 56px;align-items:end;margin-bottom:36px}
.pv .note{font-size:13px;color:var(--s-mu);max-width:110ch;line-height:1.55}
.pv .lk{color:var(--teal-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.pv .t-dark .lk{color:var(--mintline)}

.pv .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:0 26px;border-radius:8px;background:var(--btn);color:#fff;font-weight:600;font-size:15.5px;border:1px solid transparent;white-space:nowrap;transition:background-color .16s ease}
.pv[lang=ar] .btn{font-size:16.5px;font-weight:700}
.pv .btn i{font-style:normal;display:inline-block;transition:transform .16s ease}
.pv .btn:hover{background:var(--btn-h)}
.pv .btn:hover i{transform:translateX(3px)}
.pv[dir=rtl] .btn:hover i{transform:translateX(-3px)}
.pv .btn-amber{background:var(--amber);color:var(--ink)}
.pv .btn-amber:hover{background:var(--amber-h)}
.pv .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.pv .btn-ghost:hover{background:var(--surface)}
.pv .btn-ol{background:transparent;color:#fff;border-color:rgba(234,246,246,.4)}
.pv .btn-ol:hover{background:rgba(255,255,255,.07)}
.pv .tl{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:650;color:var(--s-hd);font-size:15px}
.pv .tl i{font-style:normal;transition:transform .16s ease}
.pv .tl:hover i{transform:translateX(3px)}
.pv[dir=rtl] .tl:hover i{transform:translateX(-3px)}
.pv .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ---------- header A: the existing shared white header (unchanged) ---------- */
/* ---------- header B: logo plate over the hero (requires a shared-header change; shown for evaluation) ---------- */

/* ---------- hero ---------- */
.pv .hero{position:relative;overflow:hidden;color:var(--ondark2);padding-block:clamp(30px,3.4cqw,52px) clamp(60px,6.4cqw,96px);
  background-color:#062429;
  background-image:radial-gradient(rgba(127,211,219,.12) 1px,transparent 1.3px),radial-gradient(ellipse 50% 70% at 76% 46%,rgba(9,149,163,.34),transparent 70%),linear-gradient(160deg,#0A3A42 0%,#051E23 100%);
  background-size:26px 26px,auto,auto}
.pv[dir=rtl] .hero{background-image:radial-gradient(rgba(127,211,219,.12) 1px,transparent 1.3px),radial-gradient(ellipse 50% 70% at 24% 46%,rgba(9,149,163,.34),transparent 70%),linear-gradient(200deg,#0A3A42 0%,#051E23 100%)}
.pv .crumb{font-size:13.5px;color:var(--ondark2);margin-bottom:clamp(28px,3.6cqw,52px)}
.pv .crumb a{color:#fff;font-weight:550}
.pv .crumb span{margin-inline:6px;opacity:.6}
.pv .hgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px clamp(32px,4.5cqw,72px);align-items:center}
.pv .hero .eb{color:var(--amber)}
.pv .h1{font-size:clamp(44px,5.2cqw,76px);line-height:1.02;letter-spacing:-.032em;font-weight:780;color:#fff;max-width:12ch;text-wrap:balance}
.pv[lang=ar] .h1{letter-spacing:0;line-height:1.3;font-weight:800;max-width:17ch;font-size:clamp(40px,4.4cqw,64px)}
.pv .lead{font-size:clamp(17px,1.35cqw,19.5px);line-height:1.6;color:#D2E5E8;max-width:46ch;margin-top:22px}
.pv[lang=ar] .lead{line-height:1.85}
.pv .ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:32px}
.pv .ctas .tl-m{display:none}
.pv .hscope{margin-top:32px;padding-top:18px;border-top:1px solid var(--darkline);display:grid;gap:9px;font-size:14.5px}
.pv .hscope li{display:flex;gap:10px;align-items:flex-start}
.pv .nd{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block;background:var(--mintline);margin-top:.5em}
.pv .nd-a{background:var(--amber);box-shadow:0 0 0 3px rgba(250,174,67,.3)}
/* arrangement diagram */
.pv .arr{position:relative;border:1px solid var(--darkline);border-radius:18px;background:rgba(6,36,41,.55);padding:26px 24px 20px;backdrop-filter:blur(2px)}
.pv .arr-t{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.pv[lang=ar] .arr-t{letter-spacing:0;text-transform:none;font-size:14.5px}
.pv .arr-g{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 92px auto;gap:0 28px;margin-top:20px}
.pv .arr-g svg.lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.pv[dir=rtl] .arr-g svg.lines{transform:scaleX(-1)}
.pv .node{position:relative;z-index:1;border-radius:14px;padding:14px 16px;background:#0B3B43;border:1px solid rgba(127,211,219,.32);color:var(--ondark2);font-size:13.5px;line-height:1.45}
.pv[lang=ar] .node{font-size:14.5px;line-height:1.65}
.pv .node b{display:flex;align-items:center;gap:9px;color:#fff;font-size:16px;font-weight:700;margin-bottom:4px}
.pv .node .ic{width:20px;height:20px;color:var(--mintline)}
.pv .node-c{grid-column:1/-1;grid-row:3;justify-self:center;width:min(300px,70%);text-align:center}
.pv .node-c b{justify-content:center}
.pv .node-b{border-color:rgba(250,174,67,.7);box-shadow:0 0 0 3px rgba(250,174,67,.12)}
.pv .node-b .ic{color:var(--amber)}
.pv .badge{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--amber);color:var(--ink);padding:3px 8px;border-radius:5px}
.pv[lang=ar] .badge{letter-spacing:0;text-transform:none;font-size:13px}
.pv .pill{position:absolute;z-index:2;font-size:12px;font-weight:600;line-height:1.3;padding:5px 10px;border-radius:999px;white-space:nowrap;background:#062429;border:1px solid rgba(127,211,219,.4);color:var(--ondark)}
.pv[lang=ar] .pill{font-size:13px}
.pv .pill-a{top:50%;inset-inline-start:2%;transform:translateY(-50%)}
.pv .pill-b{top:50%;inset-inline-end:2%;transform:translateY(-50%);border-color:rgba(250,174,67,.75);color:#FFE2B8}
.pv .pill-ab{top:-14px;left:50%;transform:translateX(-50%);border-style:dashed}
.pv .arr-f{margin-top:18px;padding-top:14px;border-top:1px solid var(--darkline);font-size:13.5px;color:var(--ondark);font-weight:600}
.pv .arr-m{display:none}

/* ---------- facts + why ---------- */
.pv .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pv .fact{border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;background:#fff}
.pv .fact dt{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink)}
.pv[lang=ar] .fact dt{letter-spacing:0;text-transform:none;font-size:14.5px}
.pv .fact dd{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--ink)}
.pv[lang=ar] .fact dd{font-size:16px;line-height:1.7}
.pv .fact.k{background:var(--ground);border-color:var(--ground)}
.pv .fact.k dt{color:var(--amber)}
.pv .fact.k dd{color:#fff}
.pv .facts-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 40px;margin-top:22px;align-items:start}
.pv .why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:22px}
.pv .why li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;font-size:14.5px;line-height:1.55;color:var(--s-tx)}
.pv[lang=ar] .why li{font-size:15.5px;line-height:1.75}
.pv .why .ic{width:26px;height:26px;color:var(--teal-ink);margin-top:2px}
.pv .why b{display:block;color:var(--s-hd);font-size:16px;margin-bottom:3px;line-height:1.35}
.pv .why-h{margin-top:56px;padding-top:36px;border-top:1px solid var(--line)}
.pv .h3s{font-size:clamp(22px,2cqw,28px);line-height:1.2;color:var(--ink);font-weight:720;letter-spacing:-.015em}
.pv[lang=ar] .h3s{letter-spacing:0;line-height:1.45;font-weight:800}

/* ---------- who does what ---------- */
.pv .split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}
.pv .card{border-radius:16px;border:1px solid var(--s-ln);background:var(--s-card);padding:26px}
.pv .card h3{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.3;color:var(--s-hd);font-weight:700}
.pv[lang=ar] .card h3{font-size:20px}
.pv .card h3 .ic{color:var(--teal-ink)}
.pv .card p{margin-top:10px;font-size:15.5px;line-height:1.65}
.pv[lang=ar] .card p{font-size:16.5px;line-height:1.85}
.pv .card-le{border-top:4px solid var(--amber)}
.pv .card-le .badge{margin-top:10px}
.pv .card-le .chk{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:14px}
@container pv (max-width:699px){.pv .card-le .chk{grid-template-columns:minmax(0,1fr)}}
.pv .card-you{border-top:4px solid var(--teal)}
.pv .chk{display:grid;gap:10px;margin-top:12px}
.pv .chk li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.55;color:var(--s-tx)}
.pv[lang=ar] .chk li{font-size:16px;line-height:1.75}
.pv .chk li::before{content:"";width:18px;height:18px;margin-top:.2em;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.6' fill='none' stroke='%230A6B75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.pv .t-dark .chk li::before{background-color:rgba(127,211,219,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.6' fill='none' stroke='%237FD3DB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pv .jstrip{margin-top:18px;border-radius:16px;border:1px solid var(--s-ln);background:#fff;padding:20px 24px;display:grid;grid-template-columns:minmax(0,.8fr) repeat(3,minmax(0,1fr));gap:16px;align-items:center}
.pv .jstrip>b{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pv[lang=ar] .jstrip>b{letter-spacing:0;text-transform:none;font-size:15px}
.pv .js{display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 12px;align-items:center}
.pv .js i{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1.6px solid var(--btn);color:var(--btn)}
.pv .js i .ic{width:22px;height:22px}
.pv .js b{color:var(--ink);font-size:16.5px;line-height:1.25}
.pv .js span{justify-self:start;font-size:12.5px;font-weight:700;padding:2px 9px;border-radius:999px;border:1px solid var(--btn);color:var(--ink);line-height:1.5}
.pv[lang=ar] .js span{font-size:13.5px}
.pv .js.on i{background:var(--btn);color:#fff}
.pv .js.adm i{border-width:3px}
.pv .js.adm span{background:repeating-linear-gradient(135deg,rgba(10,127,139,.2) 0 5px,transparent 5px 10px)}
.pv .js.none i{opacity:.45}
.pv .js.none b{color:var(--muted)}
.pv .js.none span{border-color:transparent;color:var(--muted);padding-inline:0}
.pv .split-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:22px;font-size:15px}

/* ---------- scope (dark) ---------- */
.pv .scope3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pv .scope3 .card{padding:24px}
.pv .scope3 h3 .ic{color:var(--mintline)}
.pv .tagline{margin-top:28px;font-size:clamp(19px,1.7cqw,23px);font-weight:700;color:#fff;letter-spacing:-.01em}
.pv[lang=ar] .tagline{letter-spacing:0}

/* ---------- steps ---------- */
.pv .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 0}
.pv .step{position:relative;padding-inline-end:28px}
.pv .step::before{content:"";position:absolute;top:20px;inset-inline-start:54px;inset-inline-end:14px;height:2px;background:var(--line)}
.pv .step:nth-child(3n)::before{display:none}
.pv .step i{font-style:normal;width:40px;height:40px;border-radius:50%;border:1.6px solid var(--btn);display:grid;place-items:center;font-weight:700;color:var(--btn);font-size:14.5px;background:#fff;font-variant-numeric:tabular-nums}
.pv .step:first-child i{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.pv .step h3{color:var(--ink);margin-top:16px;font-size:18px;font-weight:700;line-height:1.3}
.pv[lang=ar] .step h3{font-size:19px}
.pv .step p{font-size:15px;color:var(--body);margin-top:5px;line-height:1.55;max-width:34ch}
.pv[lang=ar] .step p{font-size:16px;line-height:1.75}

/* ---------- two paths ---------- */
.pv .paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pv .path{display:flex;flex-direction:column;gap:8px;border-radius:16px;padding:28px;border:1px solid var(--line);background:#fff}
.pv .path .eb{margin-bottom:4px}
.pv .path h3{font-size:clamp(22px,2cqw,27px);line-height:1.2;color:var(--ink);font-weight:720}
.pv[lang=ar] .path h3{line-height:1.45;font-weight:800}
.pv .path p{font-size:15.5px;flex:1}
.pv .path .row{margin-top:12px}
.pv .path-k{background:var(--ground);border-color:var(--ground);color:var(--ondark2);background-image:radial-gradient(rgba(127,211,219,.11) 1px,transparent 1.3px);background-size:26px 26px}
.pv .path-k h3{color:#fff}
.pv .path-k .eb{color:var(--amber)}

/* ---------- proof ---------- */
.pv .cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pv .case{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}
.pv .case-tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink);font-weight:650}
.pv[lang=ar] .case-tag{letter-spacing:0;text-transform:none;font-size:14px}
.pv .case h3{font-size:18.5px;line-height:1.32;font-weight:700;color:var(--ink)}
.pv .case p{font-size:14.5px;line-height:1.6}
.pv[lang=ar] .case p{font-size:15.5px;line-height:1.8}
.pv .chips{display:flex;flex-wrap:wrap;gap:6px}
.pv .chipf{background:var(--surface);border:1px solid rgba(7,45,51,.07);border-radius:6px;padding:5px 10px;font-size:13.5px;color:var(--ink);font-weight:600;line-height:1.35}
.pv .chipf.k{background:var(--ground);border-color:var(--ground);color:#fff}
.pv .logos{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px 40px;align-items:center;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.pv .logos b{display:block;font-size:12.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-ink)}
.pv[lang=ar] .logos b{letter-spacing:0;text-transform:none;font-size:15px}
.pv .logos span.l{display:block;font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.45}
.pv .lgg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px 24px;align-items:center;justify-items:center}
.pv .lgg img{display:block;max-height:38px;max-width:min(120px,100%);width:auto;height:auto;object-fit:contain}

/* ---------- pricing ---------- */
.pv .price{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:28px 56px;align-items:start}
.pv .plist{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pv .plist li{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14.5px;color:var(--ink)}
.pv[lang=ar] .plist li{font-size:15.5px}
.pv .lab{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pv[lang=ar] .lab{letter-spacing:0;text-transform:none;font-size:15px}
.pv .anat{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px}
.pv .abar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:14px}
.pv .abar span{height:14px;border-radius:4px;background:var(--btn)}
.pv .abar span:nth-child(2){background:var(--teal);opacity:.7}
.pv .abar span:nth-child(3){background:var(--amber)}
.pv .abar span:nth-child(4){background:transparent;border:1.6px dashed var(--muted)}
.pv .alist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}
.pv .alist b{display:block;font-size:15px;color:var(--ink);line-height:1.35}
.pv .alist span{display:block;font-size:13.5px;line-height:1.5;margin-top:4px}
.pv[lang=ar] .alist span{font-size:14.5px;line-height:1.7}
.pv .anat .note{margin-top:14px}

/* ---------- compare ---------- */
.pv .cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pv .cmp>div{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;display:flex;flex-direction:column;gap:10px}
.pv .cmp .cur{border-color:var(--teal);box-shadow:0 0 0 1.5px var(--teal)}
.pv .cmp h3{font-size:19px;color:var(--ink);font-weight:700;display:flex;align-items:center;gap:10px}
.pv .cmp h3 em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--ground);color:#fff;padding:3px 8px;border-radius:5px}
.pv[lang=ar] .cmp h3 em{letter-spacing:0;text-transform:none;font-size:13px}
.pv .cmp p{font-size:15px;flex:1}
.pv .meter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.pv .meter span{position:relative;font-size:12px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-top:9px;line-height:1.3}
.pv[lang=ar] .meter span{letter-spacing:0;text-transform:none;font-size:12.5px}
.pv .meter span::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;border-radius:2px;background:var(--line)}
.pv .meter .on,.pv .meter .adm{color:var(--teal-ink)}
.pv .meter .on::before{background:var(--teal)}
.pv .meter .adm::before{background:repeating-linear-gradient(90deg,var(--teal) 0 5px,transparent 5px 8px)}
.pv .users{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px 32px;align-items:start;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.pv .users h3{font-size:15.5px;font-weight:700;color:var(--ink)}
.pv[lang=ar] .users h3{font-size:17px}
.pv .ulist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pv .ulist li{font-size:14px;line-height:1.5}
.pv[lang=ar] .ulist li{font-size:15px;line-height:1.7}
.pv .ulist b{display:block;font-size:15.5px;color:var(--ink);margin-bottom:2px}

/* ---------- provider ---------- */
.pv .prov{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px 48px;align-items:start}
.pv .crit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.pv .crit li{padding:14px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.55}
.pv[lang=ar] .crit li{font-size:15.5px;line-height:1.75}
.pv .crit b{display:block;font-size:16px;color:var(--ink);margin-bottom:2px}
.pv .align{border-radius:16px;padding:28px;background:var(--ground);color:var(--ondark2);background-image:radial-gradient(rgba(127,211,219,.11) 1px,transparent 1.3px);background-size:26px 26px;--s-tx:var(--ondark2)}
.pv .align .eb{color:var(--amber)}
.pv .align .chk li{color:var(--ondark)}
.pv .align .chk li::before{background-color:rgba(127,211,219,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.6' fill='none' stroke='%237FD3DB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pv .align .btn{margin-top:22px}

/* ---------- faq ---------- */
.pv .gf{display:grid;grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr);gap:clamp(32px,4cqw,64px);align-items:start}
.pv .guide{display:block;margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:box-shadow .18s,border-color .18s}
.pv .guide:hover{box-shadow:var(--sh2);border-color:rgba(9,149,163,.5)}
.pv .guide .lab{color:var(--teal-ink)}
.pv .guide h3{font-size:18.5px;line-height:1.3;color:var(--ink);margin:8px 0 4px;font-weight:700}
.pv .rel{margin-top:24px}
.pv .rel ul{display:grid;margin-top:8px}
.pv .rel a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:48px;border-top:1px solid var(--line);font-weight:600;color:var(--ink);font-size:15px}
.pv .rel a i{font-style:normal;color:var(--teal-ink)}
.pv .faq details{border-bottom:1px solid var(--line)}
.pv .faq details:first-child{border-top:1px solid var(--line)}
.pv .faq summary{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;padding-block:12px;font-size:16.5px;line-height:1.4}
.pv[lang=ar] .faq summary{font-size:17.5px;font-weight:700;line-height:1.6}
.pv .faq summary::-webkit-details-marker{display:none}
.pv .faq summary svg{width:18px;height:18px;flex:none;color:var(--teal-ink);transition:transform .18s}
.pv .faq details[open] summary svg{transform:rotate(180deg)}
.pv .faq details p{padding-bottom:18px;font-size:15.5px;color:var(--body);max-width:66ch}
.pv[lang=ar] .faq details p{font-size:16.5px;line-height:1.85}
.pv .faq details p a{color:var(--teal-ink);text-decoration:underline;text-underline-offset:3px}

/* ---------- cross-sell + close ---------- */
.pv .xs{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-block:34px}
.pv .xs h3{font-size:20px;color:var(--ink);font-weight:720;margin-top:4px}
.pv .xs p{font-size:15px;max-width:64ch;margin-top:4px}
.pv .xs .eb{margin-bottom:0}
.pv .close{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px 56px;align-items:end}
.pv .close .sub{color:var(--ondark2)}
.pv .close-foot{margin-top:34px;padding-top:22px;border-top:1px solid var(--darkline);display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 24px;align-items:center;font-size:14px}

/* ---------- footer (existing shared footer, simplified) ---------- */

/* ===================== ≤1179 (1024 class) ===================== */
@container pv (max-width:1179px){
  .pv .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv .why{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv .cases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv .cases .case:last-child{grid-column:1/-1}
  .pv .lgg{grid-template-columns:repeat(5,minmax(0,1fr))}
  .pv .logos{grid-template-columns:minmax(0,1fr)}
  .pv .ulist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv .alist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv .price{grid-template-columns:minmax(0,1fr)}
}
/* ===================== ≤999: header switches to the mobile pattern (as live) ===================== */
@container pv (max-width:999px){
  .pv .hgrid{grid-template-columns:minmax(0,1fr)}
  .pv .h1{max-width:16ch}
  .pv .jstrip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pv .jstrip>b{grid-column:1/-1}
  .pv .prov{grid-template-columns:minmax(0,1fr)}
}
/* ===================== ≤899 (768 class) ===================== */
@container pv (max-width:899px){
  .pv .shead{grid-template-columns:minmax(0,1fr);gap:12px}
  .pv .split{grid-template-columns:minmax(0,1fr)}
  .pv .scope3{grid-template-columns:minmax(0,1fr)}
  .pv .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv .step:nth-child(3n)::before{display:block}
  .pv .step:nth-child(2n)::before{display:none}
  .pv .paths{grid-template-columns:minmax(0,1fr)}
  .pv .cmp{grid-template-columns:minmax(0,1fr)}
  .pv .users{grid-template-columns:minmax(0,1fr)}
  .pv .gf{grid-template-columns:minmax(0,1fr)}
  .pv .close{grid-template-columns:minmax(0,1fr)}
  .pv .facts-foot{grid-template-columns:minmax(0,1fr)}
}
/* ===================== ≤699 (phone) ===================== */
@container pv (max-width:699px){
  .pv{--gut:16px;--sy:56px}
  .pv .crumb{margin-bottom:22px;font-size:13px}
  .pv .h1{font-size:40px;line-height:1.06}
  .pv[lang=ar] .h1{font-size:35px;line-height:1.38}
  .pv .lead{font-size:17px;margin-top:14px}
  .pv .ctas{flex-direction:column;align-items:stretch;gap:2px;margin-top:22px}
  .pv .ctas .btn{width:100%}
  .pv .ctas .btn-ol{display:none}
  .pv .ctas .tl-m{display:inline-flex;justify-content:center;color:#fff}
  .pv .hscope{margin-top:14px;padding-top:14px;font-size:14px;gap:6px}
  .pv .arr{padding:18px 16px}
  .pv .arr-g{display:none}
  .pv .arr-m{display:grid;gap:0;margin-top:14px}
  .pv .arr-m .node{width:auto;text-align:start;grid-column:auto;grid-row:auto;justify-self:stretch}
  .pv .arr-m .node-c b{justify-content:flex-start}
  .pv .arr-m .lnk{display:flex;align-items:center;gap:10px;padding:8px 0 8px 20px;font-size:13px;color:var(--ondark);font-weight:600}
  .pv[dir=rtl] .arr-m .lnk{padding:8px 20px 8px 0}
  .pv .arr-m .lnk::before{content:"";width:2px;align-self:stretch;min-height:26px;background:var(--mintline);opacity:.6}
  .pv .arr-m .lnk.b::before{background:var(--amber);opacity:.9}
  .pv .h2{font-size:28px}
  .pv[lang=ar] .h2{font-size:27px}
  .pv .sub{font-size:16px}
  .pv .shead{margin-bottom:24px}
  .pv .facts{grid-template-columns:minmax(0,1fr);gap:8px}
  .pv .fact{padding:14px 16px}
  .pv .why{grid-template-columns:minmax(0,1fr);gap:18px}
  .pv .why-h{margin-top:40px;padding-top:28px}
  .pv .card{padding:20px}
  .pv .jstrip{grid-template-columns:minmax(0,1fr);padding:18px;gap:14px}
  .pv .split-foot .btn{width:100%}
  .pv .steps{grid-template-columns:minmax(0,1fr);gap:0}
  .pv .step{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:0 0 22px}
  .pv .step i{grid-row:1/3}
  .pv .step h3{margin-top:8px;font-size:17px}
  .pv .step::before,.pv .step:nth-child(3n)::before,.pv .step:nth-child(2n)::before{display:block;top:44px;bottom:0;inset-inline-start:19px;inset-inline-end:auto;width:2px;height:auto}
  .pv .step:last-child::before{display:none}
  .pv .path{padding:22px}
  .pv .path .row{flex-direction:column;align-items:stretch}
  .pv .path .btn{width:100%}
  .pv .cases{grid-template-columns:minmax(0,1fr)}
  .pv .cases .case:last-child{grid-column:auto}
  .pv .case{padding:18px}
  .pv .lgg{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
  .pv .lgg img{max-height:28px}
  .pv .lgg .xm{display:none}
  .pv .lg-more{display:block}
  .pv .alist{grid-template-columns:minmax(0,1fr)}
  .pv .ulist{grid-template-columns:minmax(0,1fr)}
  .pv .crit{grid-template-columns:minmax(0,1fr)}
  .pv .align{padding:22px}
  .pv .align .btn{width:100%}
  .pv .xs .btn{width:100%}
  .pv .close-foot .row{flex-direction:column;align-items:stretch;width:100%}
  .pv .close-foot .btn{width:100%}
}
.pv .lg-more{display:none;margin-top:10px}
.pv .lg-more summary{min-height:44px;display:inline-flex;align-items:center;font-weight:650;color:var(--ink);cursor:pointer;font-size:14.5px}
.pv .lg-more .lgg{margin-top:8px}
@media (prefers-reduced-motion:reduce){.pv *{transition:none!important}}

/* ======================================================================
   WordPress integration for the EOR Jordan pilot preview.
   Loaded ONLY on the private EOR preview pages (body.emena-eor).
   ====================================================================== */
body.emena-eor{--emena-hdr-h:92px}
@media (max-width:999px){body.emena-eor{--emena-hdr-h:70px}}
body.emena-eor .ct-container-full{padding-top:0 !important;padding-bottom:0 !important}
body.emena-eor .ct-container-full > article{margin:0 !important;padding:0 !important}
body.emena-eor .entry-content{margin:0 !important;padding:0 !important;max-width:none !important}
body.emena-eor .entry-content > .pv{max-width:none !important;width:auto !important;margin:0 !important}
body.emena-eor .entry-header,body.emena-eor .hero-section,body.emena-eor .page-title{display:none !important}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.pv{--f-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--f-ar:'Tajawal','IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif}
.pv :where(h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,figure,figcaption,details,summary){margin:0;padding:0;border:0;background:none;box-shadow:none;max-width:none}
.pv :where(ul,ol){list-style:none}
.pv :where(h1,h2,h3)::before,.pv :where(h1,h2,h3)::after{content:none}
.pv p,.pv li,.pv dd{color:inherit;line-height:inherit}

/* The builder sets bare h1/h2/h3 sizes with !important: restore the pilot's own heading scale. */
body.emena-eor .pv .h1{font-size:clamp(44px,5.2cqw,76px) !important;line-height:1.02 !important}
body.emena-eor .pv[lang=ar] .h1{font-size:clamp(40px,4.4cqw,64px) !important;line-height:1.3 !important}
body.emena-eor .pv .h2{font-size:clamp(30px,3.2cqw,44px) !important;line-height:1.1 !important}
body.emena-eor .pv[lang=ar] .h2{line-height:1.35 !important}
body.emena-eor .pv .h3s{font-size:clamp(22px,2cqw,28px) !important;line-height:1.2 !important}
body.emena-eor .pv[lang=ar] .h3s{line-height:1.45 !important}
body.emena-eor .pv .card h3{font-size:19px !important;line-height:1.3 !important}
body.emena-eor .pv[lang=ar] .card h3{font-size:20px !important}
body.emena-eor .pv .step h3{font-size:18px !important;line-height:1.3 !important}
body.emena-eor .pv[lang=ar] .step h3{font-size:19px !important}
body.emena-eor .pv .path h3{font-size:clamp(22px,2cqw,27px) !important;line-height:1.2 !important}
body.emena-eor .pv[lang=ar] .path h3{line-height:1.45 !important}
body.emena-eor .pv .case h3{font-size:18.5px !important;line-height:1.32 !important}
body.emena-eor .pv .cmp h3{font-size:19px !important;line-height:1.3 !important}
body.emena-eor .pv .guide h3{font-size:18.5px !important;line-height:1.3 !important}
body.emena-eor .pv .xs h3{font-size:20px !important;line-height:1.3 !important}
body.emena-eor .pv .users h3{font-size:15.5px !important;line-height:1.4 !important}
body.emena-eor .pv[lang=ar] .users h3{font-size:17px !important}
@container pv (max-width:699px){
  body.emena-eor .pv .h1{font-size:40px !important;line-height:1.06 !important}
  body.emena-eor .pv[lang=ar] .h1{font-size:35px !important;line-height:1.38 !important}
  body.emena-eor .pv .h2{font-size:28px !important}
  body.emena-eor .pv[lang=ar] .h2{font-size:27px !important}
  body.emena-eor .pv .step h3{font-size:17px !important}
}
body.eor-show-pc .pv .pc{background:rgba(250,174,67,.28);box-shadow:0 0 0 2px rgba(250,174,67,.55);border-radius:3px}

/* ---------- header B (logo plate) on the REAL shared header: only when the reviewer picks B ---------- */
body.emena-eor.eor-hdr-b .ct-header:not(.ct-panel){margin-bottom:calc(-1 * var(--emena-hdr-h));background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:rgba(127,211,219,.18);transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header:not(.ct-panel) [data-row],
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header:not(.ct-panel) [data-row] > .ct-container{background:transparent !important}
body.emena-eor.eor-hdr-b .ct-header .site-logo-container{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:7px 11px;box-shadow:0 6px 20px -10px rgba(0,0,0,.55);transition:box-shadow .2s ease,padding .2s ease}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header [data-row] .menu > li > .ct-menu-link{color:#fff !important}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header [data-row] .menu > li > .ct-menu-link:hover{color:#fff !important;background:rgba(255,255,255,.1)}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header [data-row] .menu > .current-menu-item > .ct-menu-link{color:#FAAE43 !important}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header .hb-lang-link{color:#fff !important;border-color:rgba(234,246,246,.42) !important}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header [data-row]{--theme-icon-color:#fff;--theme-icon-hover-color:#FAAE43;--theme-text-color:#fff}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header [data-row] .ct-header-trigger,
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header [data-row] .ct-header-search{color:#fff}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header [data-row] .menu > #menu-item-310 > .ct-menu-link{color:#fff !important}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header .hb-brand-endorse{color:rgba(234,246,246,.74) !important}
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header a:focus-visible,
body.emena-eor.eor-hdr-b:not(.emena-hdr-solid) .ct-header button:focus-visible{outline:3px solid #FAAE43 !important;outline-offset:2px}
body.emena-eor.eor-hdr-b.emena-hdr-solid .ct-header:not(.ct-panel){background:#fff !important;border-bottom-color:rgba(7,45,51,.08);box-shadow:0 10px 26px -18px rgba(7,45,51,.4)}
body.emena-eor.eor-hdr-b.emena-hdr-solid .ct-header .site-logo-container{box-shadow:none;padding-inline:0}
body.emena-eor.eor-hdr-b.hb-stuck #main-container{padding-top:0 !important}
body.emena-eor.eor-hdr-b.hb-stuck #header.ct-header:not(.ct-panel){animation:none !important;top:var(--wp-admin--admin-bar--height,0px) !important}
@media (max-width:600px){body.emena-eor.eor-hdr-b.hb-stuck #header.ct-header:not(.ct-panel){top:0 !important}}
body.emena-eor.eor-hdr-b .pv .hero{padding-top:calc(var(--emena-hdr-h) + clamp(28px,3.4cqw,52px))}
@media (prefers-reduced-motion:reduce){body.emena-eor.eor-hdr-b .ct-header:not(.ct-panel),body.emena-eor.eor-hdr-b .ct-header .site-logo-container{transition:none}}

/* ---------- review bar (preview pages only): in the page flow above the site header ---------- */
.eor-rv{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;padding:8px 16px;background:#0B1F24;color:#DCE9EB;font:13px/1.3 'Inter',system-ui,sans-serif;direction:ltr;border-bottom:1px solid rgba(127,211,219,.18)}
.eor-rv b{color:#fff;font-weight:700;padding-inline:4px}
.eor-rv button{appearance:none;border:1px solid rgba(220,233,235,.28);background:transparent;color:#DCE9EB;font:inherit;min-height:36px;padding:0 10px;border-radius:7px;cursor:pointer}
.eor-rv button[aria-pressed="true"]{background:#FAAE43;border-color:#FAAE43;color:#0B1F24;font-weight:700}
.eor-rv button:focus-visible{outline:3px solid #7FD3DB;outline-offset:2px}
.eor-rv .s{display:none}
@media (max-width:760px){.eor-rv{gap:4px;padding:6px 10px;font-size:12.5px}.eor-rv .l{display:none}.eor-rv .s{display:inline}.eor-rv button{min-height:36px;min-width:40px;padding:0 9px}}

/* ---------- logged-in admin bar on phones (preview pages only) ----------
   With every plugin shortcut the bar is wider than a phone, so "My account" wraps onto a second
   row that lands on the site's menu button. Hiding two shortcuts keeps it on one row. */
@media (max-width:782px){
  body.emena-eor #wpadminbar #wp-admin-bar-customize,
  body.emena-eor #wpadminbar #wp-admin-bar-monsterinsights_frontend_button{display:none !important}
}
/* ---------- cookie settings in the page flow (EOR design only) ---------- */
.pv .eor-privacy{display:flex;justify-content:center;padding:12px var(--gut);background:#062429;border-top:1px solid rgba(127,211,219,.14)}
.pv .eor-privacy[hidden]{display:none}
.pv .eor-privacy-btn{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(234,246,246,.3);border-radius:8px;background:transparent;color:var(--ondark);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pv .eor-privacy-btn:hover{background:rgba(255,255,255,.06)}
.pv .eor-privacy-btn .ic{width:18px;height:18px;color:var(--mintline)}
body.emena-eor.eor-privacy-moved .cookieadmin_re_consent{display:none !important}
/* ===================== 0.8.0 hero composition (EOR Jordan, Recruitment, design pages; not the homepage) =====================
   Content starts closer to the header, the headline uses its column, the lead runs wider, and the gaps between
   breadcrumb, eyebrow, heading, description and CTAs are tightened. Phones keep the natural document flow. */
@container pv (min-width:700px){
  body.emena-eor .pv .hero{padding-bottom:clamp(36px,4cqw,60px)}
  body.emena-eor.eor-hdr-b .pv .hero{padding-top:calc(var(--emena-hdr-h) + clamp(16px,1.8cqw,28px))}
  body.emena-eor .pv .crumb{margin-bottom:clamp(14px,1.6cqw,24px)}
  body.emena-eor .pv .hero:not(.ds-light) .h1{font-size:clamp(38px,4cqw,60px) !important;line-height:1.04 !important;max-width:none}
  body.emena-eor .pv[lang=ar] .hero:not(.ds-light) .h1{font-size:clamp(34px,3.4cqw,52px) !important;line-height:1.3 !important;max-width:none}
  body.emena-eor .pv .hero .lead{max-width:62ch;margin-top:16px}
  body.emena-eor .pv .hero .ctas{margin-top:24px}
  body.emena-eor .pv .hscope{margin-top:22px;padding-top:14px}
  body.emena-eor .pv .hero .arr{padding:20px 20px 16px}
  body.emena-eor .pv .hero .arr-f{margin-top:14px;padding-top:10px}
  body.emena-eor .pv .arr-g{grid-template-rows:auto 72px auto;margin-top:16px}
}
@container pv (max-width:699px){
  body.emena-eor.eor-hdr-b .pv .hero{padding-top:calc(var(--emena-hdr-h) + 18px)}
}
/* ======================================================================
   TEAM FEEDBACK 2026-10-08 (owner-approved items, see team-feedback report)
   ====================================================================== */
/* F35: check-list items are text blocks, so inline runs (<bdi>Business Alliance</bdi>, EOR) stay on one line in RTL */
.pv .chk li{display:block;position:relative;padding-inline-start:30px}
.pv .chk li::before{position:absolute;inset-inline-start:0;top:.25em;margin-top:0}
/* F08/F41/F42: journey strip - plain state labels, dark title on the white strip */
.pv .jstrip>b{color:var(--ink)}
.pv .js span{border:0;background:var(--surface);color:var(--teal-ink);padding:3px 10px}
.pv .js.adm span{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(10,127,139,.28)}
.pv .js.none span{background:none;box-shadow:none;color:var(--muted);padding-inline:0}
/* F03/F34: Trusted by above the shared logo strip, the Business Alliance note below it */
.pv .logos.lg-st{display:block;text-align:center}
.pv .logos.lg-st > b{display:inline-block}
.pv .logos .lg-note,.pv .lg-note{margin-top:10px;font-size:13.5px;line-height:1.5;color:var(--muted);text-align:center}
/* F23: the closing call to action is its own section, clearly separate from the dark footer */
.pv .s-close,.pv .hb2-cta-ds{background:#fff;background-image:none;padding-inline:var(--gut);padding-block:clamp(40px,5cqw,72px);
  --ondark2:#E3F1F2;--darkline:rgba(255,255,255,.26);--mintline:rgba(255,255,255,.72);--s-tx:#E3F1F2;--s-mu:#E3F1F2;--s-eb:#FFE4BC;--s-ln:rgba(255,255,255,.26)}
.pv .s-close > .wrap,.pv .hb2-cta-ds > .wrap{max-width:calc(1400px - 2 * var(--gut));padding:clamp(28px,4cqw,60px);border-radius:24px;
  background-color:#086F79;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.3px),linear-gradient(135deg,#086F79 0%,#05484F 100%);background-size:26px 26px,auto;
  box-shadow:0 30px 60px -36px rgba(7,45,51,.6)}
.pv .s-close .lk,.pv .hb2-cta-ds .lk{color:#fff}
@container pv (max-width:699px){.pv .s-close,.pv .hb2-cta-ds{padding-inline:12px}.pv .s-close > .wrap,.pv .hb2-cta-ds > .wrap{padding:26px 20px;border-radius:18px}}

/* ======================================================================
   SECTION RHYTHM 2026-11 (owner-approved proposal, phase 1)
   One spacing scale, joined same-background sections, stacked section headers,
   a full-width closing call to action and balanced grids. Text and order are unchanged.
   ====================================================================== */

/* 1. spacing scale: calmer standard sections; --sj is the smaller joint between two sections on the same ground */
body .pv .sec{--sy:clamp(44px,4.4cqw,68px);--sj:clamp(24px,2.6cqw,40px)}
@container pv (max-width:699px){body .pv .sec{--sy:44px;--sj:24px}}

/* 2. two sections on the same ground read as one band: a short joint and a hairline instead of two full paddings */
body .pv .sec:not(.t-surface):not(.t-mint):not(.t-dark):not(.s-close):not(.hb2-cta-ds):not(.s-cta):has(+ .sec:not(.t-surface):not(.t-mint):not(.t-dark):not(.s-close):not(.hb2-cta-ds):not(.s-cta)),
body .pv .sec.t-surface:has(+ .sec.t-surface),
body .pv .sec.t-mint:has(+ .sec.t-mint),
body .pv .sec.t-dark:not(.hb2-cta-ds):not(.s-close):not(.s-cta):has(+ .sec.t-dark:not(.hb2-cta-ds):not(.s-close):not(.s-cta)){padding-bottom:var(--sj)}
body .pv .sec:not(.t-surface):not(.t-mint):not(.t-dark):not(.s-close):not(.hb2-cta-ds):not(.s-cta) + .sec:not(.t-surface):not(.t-mint):not(.t-dark):not(.s-close):not(.hb2-cta-ds):not(.s-cta),
body .pv .sec.t-surface + .sec.t-surface,
body .pv .sec.t-mint + .sec.t-mint,
body .pv .sec.t-dark:not(.hb2-cta-ds):not(.s-close):not(.s-cta) + .sec.t-dark:not(.hb2-cta-ds):not(.s-close):not(.s-cta){padding-top:0}
body .pv .sec:not(.t-surface):not(.t-mint):not(.t-dark):not(.s-close):not(.hb2-cta-ds):not(.s-cta) + .sec:not(.t-surface):not(.t-mint):not(.t-dark):not(.s-close):not(.hb2-cta-ds):not(.s-cta) > .wrap::before,
body .pv .sec.t-surface + .sec.t-surface > .wrap::before,
body .pv .sec.t-mint + .sec.t-mint > .wrap::before,
body .pv .sec.t-dark:not(.hb2-cta-ds):not(.s-close):not(.s-cta) + .sec.t-dark:not(.hb2-cta-ds):not(.s-close):not(.s-cta) > .wrap::before{content:"";display:block;height:1px;background:var(--s-ln,var(--line));margin-bottom:var(--sj)}

/* 4. section headers stack: label, heading, then the introduction directly under it (extends F17/F19 to every section) */
body .pv .shead{grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
body .pv .shead .sub{max-width:68ch}

/* 7. the closing call to action stays a boxed panel, clearly separate from the dark footer (team feedback F23, owner option B);
      only the white space around it shrinks. After a white section the box follows that section's own bottom padding. */
body .pv .s-close,body .pv .hb2-cta-ds,body .pv .s-cta{padding-block:var(--sj,32px)}
body .pv .sec:not(.t-surface):not(.t-mint):not(.t-dark):not(.s-close):not(.hb2-cta-ds):not(.s-cta) + :is(.s-close,.hb2-cta-ds,.s-cta){padding-top:0}

/* 8. balanced grids and the overlapping label (html prefix: these follow ds.css rules of equal weight, which load later) */
html body.emena-ds .pv .cgrid.c2 > :last-child:nth-child(odd){grid-column:1 / -1}
@container pv (min-width:900px){
  body .pv .steps.s4{grid-template-columns:repeat(4,minmax(0,1fr))}
  body .pv .steps.s4 .step:nth-child(3n)::before{display:block}
  body .pv .steps.s4 .step:nth-child(4n)::before{display:none}
}
html body.emena-ds .pv .rlinks{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
html body.emena-ds .pv .ds-lab{margin-bottom:14px}

/* ======================================================================
   SECTION RHYTHM 2026-11, phase 2 (local preview)
   Heading columns that travel with long lists, the homepage coverage block across the full width
   with the audience note joined to it, and the cross-sell strip as a card. Text and order are unchanged.
   ====================================================================== */

/* 9. heading beside a long list: the shorter column stays in view while the list scrolls (as the FAQ pages already do) */
@container pv (min-width:900px){
  html body .pv .split2 > :first-child,
  html body .pv .gf > :first-child,
  html body .pv .xr-gf > :first-child{position:sticky;top:calc(var(--emena-hdr-h,80px) + 24px);align-self:start}
}

/* 10. homepage coverage: heading and market card side by side across the full width instead of a 900px card */
@container pv (min-width:900px){
  body .pv .s-mk > .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px clamp(32px,4cqw,64px);align-items:center}
  body .pv .s-mk > .wrap > .shead{margin:0}
  body .pv .s-mk .mk.mk-one{max-width:none;margin:0}
}

/* 11. "Who we work with" joins the coverage block it describes: same white ground, a hairline instead of a grey island */
body .pv .s-mk:has(+ .s-who){padding-bottom:var(--sj)}
body .pv .s-mk + .s-who{background:none;padding-top:0;padding-bottom:var(--sy)}
body .pv .s-mk + .s-who > .wrap::before{content:"";display:block;height:1px;background:var(--s-ln,var(--line));margin-bottom:var(--sj)}
body .pv .s-mk + .s-who:has(+ .s-faq){padding-bottom:var(--sj)}
body .pv .s-mk + .s-who + .s-faq{padding-top:0}
body .pv .s-mk + .s-who + .s-faq > .wrap::before{content:"";display:block;height:1px;background:var(--s-ln,var(--line));margin-bottom:var(--sj)}
/* a joint hairline inside a grid or flex wrap spans the whole row instead of taking the first cell */
body .pv .sec > .wrap::before{grid-column:1 / -1;flex:0 0 100%}
@container pv (min-width:900px){body .pv .s-mk > .wrap::before{margin-bottom:calc(var(--sj) - 24px)}}

/* 12. the one-line cross-sell strip (e.g. "Building more than one role?") reads as a card above the closing panel, not a grey band */
body .pv .sec.t-surface:has(> .wrap.xs){background:none;padding:0 var(--gut) var(--sj) !important}
body .pv .sec.t-surface:has(> .wrap.xs) > .wrap.xs{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,2.4cqw,32px) clamp(22px,3cqw,40px);max-width:calc(1400px - 2 * var(--gut))}