/* ========================================
   Partner Leads public site styles
   Palette:
     --navy   #0b2540  (deep contrast)
     --teal   #0fb5ae  (primary accent)
     --aqua   #34d3c6  (light accent)
     neutrals: white / #f5f8f9 mint / #eef3f5 gray / #5b6b78 muted
======================================== */

:root {
  --navy: #0b2540;
  --navy-2: #123252;
  --teal: #0fb5ae;
  --teal-dark: #0a8f8a;
  --aqua: #34d3c6;
  --ink: #0f2233;
  --muted: #5b6b78;
  --bg: #ffffff;
  --bg-mint: #f4f9f9;
  --bg-gray: #eef3f5;
  --line: #e4ecef;
  --radius: 18px;
  --shadow-sm: 0 6px 20px rgba(11, 37, 64, 0.06);
  --shadow-md: 0 18px 45px rgba(11, 37, 64, 0.12);
  --shadow-lg: 0 30px 70px rgba(11, 37, 64, 0.18);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 90px; }

body {
  font-family: "Montserrat", sans-serif;
  color: var(--ink);
  background: var(--bg);
  margin: 0;
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .pl-brand-text { font-family: "Montserrat", sans-serif; }
html:lang(ar) body { font-family: "Tajawal", sans-serif; }
html:lang(ar) h1,
html:lang(ar) h2,
html:lang(ar) h3,
html:lang(ar) .pl-brand-text { font-family: "Tajawal", sans-serif; }
html:lang(he) body { font-family: "Heebo", sans-serif; }
html:lang(he) h1,
html:lang(he) h2,
html:lang(he) h3,
html:lang(he) .pl-brand-text { font-family: "Heebo", sans-serif; }
html:lang(en) body,
html:lang(en) h1,
html:lang(en) h2,
html:lang(en) h3,
html:lang(en) .pl-brand-text { font-family: "Montserrat", sans-serif; }

img { max-width: 100%; display: block; }

/* ---------- Buttons ---------- */
.pl-btn-primary {
  background: var(--teal);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 0.7rem 1.7rem;
  font-weight: 700;
  box-shadow: 0 12px 26px rgba(15, 181, 174, 0.32);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.pl-btn-primary:hover {
  background: var(--teal-dark);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(15, 181, 174, 0.4);
}
.pl-btn-ghost {
  background: transparent;
  color: var(--navy);
  border: 1.5px solid var(--line);
  border-radius: 999px;
  padding: 0.7rem 1.7rem;
  font-weight: 600;
  transition: all .25s ease;
}
.pl-btn-ghost:hover {
  border-color: var(--teal);
  color: var(--teal-dark);
  transform: translateY(-2px);
}
.pl-btn-outline-light {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,.35);
  border-radius: 999px;
  padding: 0.7rem 1.7rem;
  font-weight: 600;
  transition: all .25s ease;
}
.pl-btn-outline-light:hover {
  background: rgba(255,255,255,.1);
  color: #fff;
  border-color: rgba(255,255,255,.6);
  transform: translateY(-2px);
}

/* ---------- Navbar ---------- */
.pl-navbar {
  padding: 1.1rem 0;
  background: transparent;
  transition: background .35s ease, padding .35s ease, box-shadow .35s ease;
}
.pl-navbar.pl-scrolled {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--shadow-sm);
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--line);
}
.pl-logo-mark {
  width: 52px; height: 52px;
  display: grid; place-items: center;
  border-radius: 0;
  background: transparent;
  color: #fff;
  box-shadow: none;
  padding: 0;
}
.pl-brand-text {
  font-weight: 800;
  font-size: 1.3rem;
  color: var(--navy);
  letter-spacing: -.3px;
}
.pl-brand-accent { color: var(--teal); }
.pl-navbar .nav-link {
  color: var(--navy);
  font-weight: 600;
  font-size: .98rem;
  padding: .4rem 1rem !important;
  border-radius: 999px;
  transition: color .2s ease, background .2s ease;
}
.pl-navbar .nav-link:hover { color: var(--teal-dark); }
.pl-navbar .nav-link.active {
  color: var(--teal-dark);
  background: rgba(15, 181, 174, 0.1);
}
.pl-nav-cta { padding: .55rem 1.5rem; }

/* mobile toggler */
.pl-toggler {
  border: none;
  padding: .4rem;
  display: flex; flex-direction: column; gap: 5px;
  background: rgba(15,181,174,.08);
  border-radius: 10px;
}
.pl-toggler:focus { box-shadow: none; }
.pl-toggler-bar {
  width: 24px; height: 2.5px;
  background: var(--navy);
  border-radius: 3px;
  transition: transform .3s ease, opacity .3s ease;
}

/* ---------- Shared background decor ---------- */
.pl-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: .55;
  z-index: 0;
}
.pl-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(11,37,64,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,37,64,.035) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(ellipse at center, #000 40%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 40%, transparent 80%);
}

/* ---------- Hero ---------- */
.pl-hero {
  position: relative;
  padding: 11rem 0 6rem;
  background: linear-gradient(180deg, var(--bg-mint) 0%, #ffffff 100%);
  overflow: hidden;
}
.pl-hero-bg { position: absolute; inset: 0; z-index: 0; }
.pl-glow-1 { width: 460px; height: 460px; background: var(--aqua); top: -140px; inset-inline-start: -120px; }
.pl-glow-2 { width: 380px; height: 380px; background: #7de3da; bottom: -120px; inset-inline-end: -80px; opacity: .4; }

.pl-eyebrow {
  display: inline-flex; align-items: center; gap: .55rem;
  width: fit-content;
  max-width: 100%;
  background: rgba(15, 181, 174, 0.1);
  color: var(--teal-dark);
  font-weight: 700; font-size: .85rem;
  padding: .45rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(15,181,174,.2);
  margin-bottom: 1.4rem;
}
.pl-eyebrow-light {
  background: rgba(52, 211, 198, 0.15);
  color: var(--aqua);
  border-color: rgba(52,211,198,.3);
}
.pl-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); animation: pulse 1.8s infinite; }
@keyframes pulse { 0%,100% { opacity: 1; transform: scale(1);} 50% { opacity: .5; transform: scale(.7);} }

.pl-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.25;
  color: var(--navy);
  letter-spacing: -.5px;
  margin-bottom: 1.3rem;
}
.pl-title-accent {
  display: inline-block;
  background: linear-gradient(120deg, var(--teal), var(--aqua));
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.pl-hero-lead {
  font-size: 1.12rem;
  color: var(--muted);
  max-width: 34rem;
  margin-bottom: 2rem;
}
.pl-hero-actions { margin-bottom: 2.2rem; }

.pl-hero-trust { display: flex; align-items: center; gap: .9rem; }
.pl-trust-avatars { display: flex; }
.pl-trust-avatars span {
  width: 36px; height: 36px; border-radius: 50%;
  border: 2px solid #fff;
  margin-inline-start: -10px;
  background: linear-gradient(140deg, var(--teal), var(--aqua));
  box-shadow: var(--shadow-sm);
}
.pl-trust-avatars span:nth-child(2){ background: linear-gradient(140deg, var(--navy), var(--navy-2)); }
.pl-trust-avatars span:nth-child(3){ background: linear-gradient(140deg, #7de3da, var(--teal)); }
.pl-trust-avatars span:nth-child(4){ background: linear-gradient(140deg, var(--navy-2), var(--teal-dark)); }
.pl-trust-avatars span:first-child { margin-inline-start: 0; }
.pl-hero-trust p { margin: 0; font-size: .9rem; color: var(--muted); max-width: 18rem; }

/* hero visual */
.pl-hero-visual { position: relative; }
.pl-visual-frame {
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  padding: 10px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-lg);
}
.pl-visual-frame img { border-radius: 14px; }
.pl-frame-soft { box-shadow: var(--shadow-md); }

.pl-float-card {
  position: absolute;
  display: flex; align-items: center; gap: .7rem;
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.7);
  box-shadow: var(--shadow-md);
  padding: .8rem 1rem;
  border-radius: 16px;
  z-index: 3;
}
.pl-float-a { top: 8%; inset-inline-start: -6%; }
.pl-float-b { bottom: 16%; inset-inline-start: -8%; }
.pl-float-c { bottom: 6%; inset-inline-end: -4%; }
.pl-fc-icon {
  width: 38px; height: 38px; border-radius: 11px;
  display: grid; place-items: center; color: #fff; flex-shrink: 0;
}
.pl-fc-teal { background: linear-gradient(140deg, var(--teal), var(--aqua)); }
.pl-fc-navy { background: linear-gradient(140deg, var(--navy), var(--navy-2)); }
.pl-fc-title { margin: 0; font-weight: 700; font-size: .9rem; color: var(--navy); }
.pl-fc-sub { margin: 0; font-size: .78rem; color: var(--muted); }
.pl-fc-num { margin: 0; font-weight: 800; font-size: 1.5rem; color: var(--teal-dark); font-family: inherit; }

@keyframes floaty { 0%,100% { transform: translateY(0);} 50% { transform: translateY(-12px);} }
[data-float] { animation: floaty 5s ease-in-out infinite; }
.pl-float-b[data-float] { animation-delay: .8s; }
.pl-float-c[data-float] { animation-delay: 1.6s; }

/* ---------- Trust strip ---------- */
.pl-strip { padding: 2.5rem 0; background: var(--navy); position: relative; }
.pl-chip {
  display: flex; align-items: center; gap: .8rem; justify-content: center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  padding: 1rem 1.1rem;
  color: #fff;
  transition: transform .25s ease, background .25s ease;
}
.pl-chip:hover { transform: translateY(-4px); background: rgba(52,211,198,.12); }
.pl-chip-icon {
  width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0;
  display: grid; place-items: center;
  background: rgba(52,211,198,.15); color: var(--aqua);
}
.pl-chip-text { font-weight: 700; font-size: 1rem; }

/* ---------- Sections ---------- */
.pl-section { padding: 6rem 0; position: relative; }
.pl-section-alt { background: var(--bg-mint); }
.pl-section-head { max-width: 46rem; margin: 0 auto 3.5rem; }
.pl-section-eyebrow {
  display: inline-block;
  color: var(--teal-dark);
  font-weight: 700;
  font-size: .9rem;
  letter-spacing: .5px;
  margin-bottom: .8rem;
}
.pl-section-title {
  font-size: clamp(1.7rem, 3.5vw, 2.5rem);
  font-weight: 800;
  color: var(--navy);
  letter-spacing: -.4px;
  margin-bottom: 1rem;
  line-height: 1.35;
}
.pl-section-lead { color: var(--muted); font-size: 1.08rem; max-width: 40rem; }

/* check list */
.pl-check-list { list-style: none; padding: 0; margin: 1.8rem 0 0; }
.pl-check-list li { display: flex; gap: .8rem; align-items: flex-start; margin-bottom: 1rem; }
.pl-check {
  flex-shrink: 0;
  width: 26px; height: 26px; border-radius: 8px;
  display: grid; place-items: center;
  background: rgba(15,181,174,.12); color: var(--teal-dark);
  font-weight: 800; font-size: .9rem;
}
.pl-check::before { content: "\2713"; line-height: 1; }
.pl-check-list li span:last-child { color: var(--ink); }

/* ---------- Features ---------- */
.pl-feature {
  height: 100%;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 2rem 1.7rem;
  box-shadow: var(--shadow-sm);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.pl-feature:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-md);
  border-color: rgba(15,181,174,.35);
}
.pl-feature-icon {
  width: 54px; height: 54px; border-radius: 15px;
  display: grid; place-items: center;
  background: linear-gradient(140deg, rgba(15,181,174,.12), rgba(52,211,198,.18));
  color: var(--teal-dark);
  margin-bottom: 1.3rem;
}
.pl-feature h3 { font-size: 1.22rem; font-weight: 700; color: var(--navy); margin-bottom: .6rem; }
.pl-feature p { color: var(--muted); font-size: .98rem; margin: 0; }

/* ---------- Timeline / workflow ---------- */
.pl-timeline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.2rem;
  position: relative;
}
.pl-timeline::before {
  content: "";
  position: absolute;
  top: 26px; inset-inline: 8%;
  height: 2px;
  background: linear-gradient(90deg, var(--teal), var(--aqua));
  opacity: .35;
  z-index: 0;
}
.pl-step {
  position: relative;
  z-index: 1;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.6rem 1.2rem 1.4rem;
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: transform .3s ease, box-shadow .3s ease;
}
.pl-step:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.pl-step-num {
  width: 52px; height: 52px; border-radius: 50%;
  display: grid; place-items: center;
  margin: 0 auto 1rem;
  background: linear-gradient(140deg, var(--teal), var(--aqua));
  color: #fff; font-weight: 800; font-size: 1.3rem;
  font-family: inherit;
  box-shadow: 0 10px 22px rgba(15,181,174,.35);
}
.pl-step h3 { font-size: 1.05rem; font-weight: 700; color: var(--navy); margin-bottom: .5rem; }
.pl-step p { font-size: .88rem; color: var(--muted); margin: 0; }

/* ---------- Roles ---------- */
.pl-role-card {
  height: 100%;
  border-radius: 24px;
  padding: 2.2rem;
  overflow: hidden;
  position: relative;
}
.pl-role-admin {
  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-2) 100%);
  color: #fff;
  box-shadow: var(--shadow-lg);
}
.pl-role-tech {
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-md);
}
.pl-role-tag {
  display: inline-block;
  font-weight: 700; font-size: .82rem;
  padding: .35rem .9rem; border-radius: 999px;
  background: rgba(52,211,198,.18); color: var(--aqua);
  margin-bottom: .9rem;
}
.pl-role-tag-alt { background: rgba(15,181,174,.12); color: var(--teal-dark); }
.pl-role-head h3 { font-size: 1.5rem; font-weight: 800; margin-bottom: 1.4rem; }
.pl-role-tech .pl-role-head h3 { color: var(--navy); }
.pl-role-list { list-style: none; padding: 0; margin: 0 0 1.6rem; }
.pl-role-list li { display: flex; gap: .7rem; align-items: flex-start; margin-bottom: .8rem; font-size: .96rem; }
.pl-role-admin .pl-role-list li { color: rgba(255,255,255,.85); }
.pl-role-admin .pl-check { background: rgba(52,211,198,.2); color: var(--aqua); }
.pl-role-visual {
  border-radius: 16px; overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
}
.pl-role-admin .pl-role-visual { border-color: rgba(255,255,255,.12); }

/* ---------- Final CTA ---------- */
.pl-cta {
  position: relative;
  padding: 6.5rem 0;
  background: linear-gradient(160deg, var(--navy) 0%, #071b30 100%);
  overflow: hidden;
}
.pl-cta-bg { position: absolute; inset: 0; z-index: 0; }
.pl-glow-cta {
  width: 520px; height: 520px; background: var(--teal);
  top: 50%; inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  opacity: .3;
}
.pl-cta-inner { max-width: 42rem; margin: 0 auto; }
.pl-cta-title {
  font-size: clamp(1.9rem, 4vw, 2.8rem);
  font-weight: 800; color: #fff;
  letter-spacing: -.4px;
  margin-bottom: 1.1rem;
  line-height: 1.35;
}
.pl-cta-lead { color: rgba(255,255,255,.75); font-size: 1.1rem; margin-bottom: 2rem; }

/* ---------- Footer ---------- */
.pl-footer { padding: 2.2rem 0; background: #fff; border-top: 1px solid var(--line); }
.pl-footer-copy { color: var(--muted); font-size: .9rem; }

/* ---------- Reveal animation ---------- */
.pl-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
}
.pl-reveal.is-visible { opacity: 1; transform: translateY(0); }

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  .pl-navbar.pl-scrolled, .navbar-collapse {
    background: rgba(255,255,255,.97);
  }
  .navbar-collapse {
    margin-top: .8rem;
    border-radius: 16px;
    padding: 1rem;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--line);
  }
  .pl-nav-cta { display: inline-block; margin-top: .6rem; }
  .pl-timeline { grid-template-columns: 1fr 1fr; }
  .pl-timeline::before { display: none; }
  .pl-float-a { inset-inline-start: 0; }
  .pl-float-b { inset-inline-start: 0; }
  .pl-float-c { inset-inline-end: 0; }
}
@media (max-width: 767px) {
  .pl-hero { padding: 8.5rem 0 4rem; }
  .pl-section { padding: 4rem 0; }
  .pl-cta { padding: 4.5rem 0; }
  .pl-timeline { grid-template-columns: 1fr; }
  .pl-float-card { display: none; }
  .pl-hero-visual { margin-top: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  [data-float], .pl-dot { animation: none; }
  .pl-reveal { transition: none; opacity: 1; transform: none; }
  html { scroll-behavior: auto; }
}

/* ---------- UI mockups without external images ---------- */
.pl-ui-shell{padding:12px;background:linear-gradient(180deg,#ffffff,#f5f9fb)}
.pl-ui-topbar{display:flex;gap:6px;padding:4px 4px 12px}.pl-ui-topbar span{width:10px;height:10px;border-radius:50%;background:#d5dde3}.pl-ui-topbar span:first-child{background:#ff8b7b}.pl-ui-topbar span:nth-child(2){background:#ffd56a}.pl-ui-topbar span:nth-child(3){background:#3dd6c6}
.pl-ui-body{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;min-height:420px}.pl-ui-sidebar{display:flex;flex-direction:column;gap:10px;padding:14px 10px;border-radius:16px;background:linear-gradient(180deg,#0d2743,#173756)}
.pl-ui-side-brand{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;border-radius:14px;background:linear-gradient(140deg,var(--teal),var(--aqua));color:#fff;font-weight:800}.pl-ui-side-link{height:10px;border-radius:999px;background:rgba(255,255,255,.16)}.pl-ui-side-link.active{background:#7ce1d8}
.pl-ui-content{display:grid;gap:12px}.pl-ui-cards-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pl-ui-stat-card{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.pl-ui-stat-card small{display:block;color:var(--muted);font-size:.72rem}.pl-ui-stat-card strong{display:block;margin-top:10px;color:var(--navy);font:800 1.5rem inherit}
.pl-ui-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) 220px;gap:12px}.pl-ui-table-card,.pl-ui-badge-card{padding:14px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.pl-ui-table-head{height:18px;width:48%;border-radius:999px;background:linear-gradient(90deg,#dbe7eb,#eef4f7);margin-bottom:14px}.pl-ui-table-row{height:56px;border-radius:14px;background:linear-gradient(180deg,#f6fbfc,#eef4f7);margin-bottom:10px;border:1px solid #e8eff2}.pl-ui-table-row.short{height:42px}.pl-ui-side-panel{display:grid;gap:12px}.pl-ui-badge-card span{display:block;color:var(--teal-dark);font-size:.7rem;font-weight:800}.pl-ui-badge-card strong{display:block;margin-top:7px;color:var(--navy)}.pl-ui-badge-card p{margin:8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.7}.pl-ui-badge-card.accent{background:linear-gradient(180deg,#eefbfa,#ffffff)}
.pl-overview-card{padding:20px}.pl-overview-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.pl-overview-top span{display:block;color:var(--muted);font-size:.72rem;font-weight:700}.pl-overview-top strong{display:block;margin-top:4px;color:var(--navy);font-size:1.15rem}.pl-overview-top b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(140deg,var(--teal),var(--aqua));color:#fff}.pl-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pl-overview-grid article{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line)}.pl-overview-grid small{display:block;color:var(--teal-dark);font-size:.72rem;font-weight:800}.pl-overview-grid strong{display:block;margin-top:8px;color:var(--navy);line-height:1.6}
.pl-role-mockup{padding:16px}.pl-role-mockup.dark{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.pl-role-mockup.light{background:linear-gradient(180deg,#f7fbfc,#ffffff)}.pl-role-bars{display:grid;gap:10px;margin-bottom:14px}.pl-role-bars i,.pl-role-list-lines span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(52,211,198,.25),rgba(255,255,255,.18))}.pl-role-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pl-role-panel-grid span{display:block;height:88px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.pl-role-list-lines{display:grid;gap:10px}.pl-role-list-lines span{background:linear-gradient(90deg,#d8f3f0,#eef4f7)}
@media (max-width: 991px){.pl-ui-body,.pl-ui-workspace,.pl-ui-cards-row,.pl-overview-grid{grid-template-columns:1fr}.pl-ui-sidebar{display:none}}


.pl-nav-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}
.pl-lang-switch{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm)}
.pl-lang-btn{border:none;background:transparent;color:var(--muted);min-width:42px;height:38px;padding:0 .8rem;border-radius:999px;font:700 .82rem/1 "Montserrat",sans-serif;letter-spacing:.04em;transition:all .25s ease}
.pl-lang-btn:hover{color:var(--navy);background:rgba(15,181,174,.08)}
.pl-lang-btn.active{background:linear-gradient(135deg,var(--teal),var(--aqua));color:#fff;box-shadow:0 10px 22px rgba(15,181,174,.22)}
html:lang(ar) .pl-lang-btn{font-family:"Tajawal",sans-serif}
html:lang(he) .pl-lang-btn{font-family:"Heebo",sans-serif}
html[dir="ltr"] body{text-align:left}
html[dir="ltr"] .pl-hero-lead,html[dir="ltr"] .pl-section-lead,html[dir="ltr"] .pl-hero-trust p{text-align:left}
html[dir="ltr"] .pl-trust-avatars span{margin-inline-start:0;margin-inline-end:-10px}
html[dir="ltr"] .pl-trust-avatars span:first-child{margin-inline-end:-10px}
html[dir="ltr"] .pl-trust-avatars span:last-child{margin-inline-end:0}
html[dir="ltr"] .pl-float-a{inset-inline-start:auto;inset-inline-end:-6%}
html[dir="ltr"] .pl-float-b{inset-inline-start:auto;inset-inline-end:-8%}
html[dir="ltr"] .pl-float-c{inset-inline-end:auto;inset-inline-start:-4%}
html[dir="ltr"] .pl-overview-top,html[dir="ltr"] .pl-role-list li,html[dir="ltr"] .pl-check-list li,html[dir="ltr"] .pl-chip,html[dir="ltr"] .pl-hero-trust{justify-content:flex-start}
@media (max-width: 991px){.pl-nav-actions{padding-top:.4rem}.pl-lang-switch{width:max-content}.pl-nav-cta{margin-top:0}}

/* ---------- Role story / animated gallery ---------- */
.pl-role-story{margin-top:3.25rem}
.pl-role-story-visual{position:relative;min-height:560px;padding:1.5rem 0 1rem;display:flex;align-items:center;justify-content:center;isolation:isolate}
.pl-role-story-visual:before{display:none}
.pl-story-card{position:absolute;width:min(100%,320px);transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .7s ease,box-shadow .7s ease;z-index:1}
.pl-story-card-main{width:min(100%,620px);z-index:3}
.pl-story-card-side{opacity:0;pointer-events:none}
.pl-story-card-admin{inset-inline-start:5%;top:20%;transform:translate3d(36px,20px,0) scale(.82)}
.pl-story-card-tech{inset-inline-end:5%;bottom:18%;transform:translate3d(-36px,20px,0) scale(.82)}
.pl-story-chip{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.8rem;padding:.45rem .9rem;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(15,181,174,.14);color:var(--navy);font-size:.82rem;font-weight:800;box-shadow:var(--shadow-sm)}
.pl-story-chip-main{background:linear-gradient(135deg,var(--teal),var(--aqua));color:#fff;border-color:transparent}
.pl-story-screen{position:relative;padding:1rem;border-radius:28px;border:1px solid rgba(15,181,174,.12);overflow:hidden;box-shadow:0 24px 60px rgba(11,37,64,.14)}
.pl-story-screen.light{background:linear-gradient(180deg,#ffffff 0%,#f2f8f9 100%)}
.pl-story-screen.light.alt{background:linear-gradient(180deg,#fbfdfd 0%,#edf5f6 100%)}
.pl-story-screen.dark{background:linear-gradient(180deg,#102844 0%,#193a59 100%);border-color:rgba(255,255,255,.09)}
.pl-story-screen-top{display:flex;gap:6px;margin-bottom:1rem}.pl-story-screen-top i{width:10px;height:10px;border-radius:50%;background:#d3dce1}.pl-story-screen-top i:first-child{background:#ff8b7b}.pl-story-screen-top i:nth-child(2){background:#ffd56a}.pl-story-screen-top i:nth-child(3){background:#34d3c6}
.pl-story-hero-panel{padding:1.25rem;border-radius:22px;background:linear-gradient(135deg,var(--navy),var(--navy-2));box-shadow:0 16px 38px rgba(11,37,64,.2)}
.pl-story-hero-panel strong{display:block;color:#fff;font-size:1.45rem;font-weight:800;letter-spacing:-.02em}
.pl-story-hero-panel small{display:block;margin-top:.4rem;color:rgba(255,255,255,.68);font-size:.82rem}
.pl-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:1rem}.pl-story-grid span{display:block;height:112px;border-radius:18px;background:#fff;border:1px solid #e4ecef;box-shadow:var(--shadow-sm)}
.pl-story-grid span:first-child{background:linear-gradient(180deg,#effbfa,#ffffff)}.pl-story-grid span:nth-child(2){background:linear-gradient(180deg,#f8fbff,#ffffff)}.pl-story-grid span:nth-child(3){height:88px}.pl-story-grid span:nth-child(4){height:88px}
.pl-story-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:1rem}.pl-story-progress b{display:block;height:8px;border-radius:999px;background:#dce8e9}.pl-story-progress b:nth-child(1),.pl-story-progress b:nth-child(2),.pl-story-progress b:nth-child(3){background:linear-gradient(90deg,var(--teal),var(--aqua))}
.pl-story-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:1rem}.pl-story-kpis span{display:block;height:86px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}
.pl-story-chart{height:132px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.08);margin-bottom:1rem;position:relative;overflow:hidden}.pl-story-chart:after{content:"";position:absolute;inset:auto 12% 18% 12%;height:2px;background:linear-gradient(90deg,transparent,rgba(124,225,216,.8),transparent);box-shadow:0 -54px 0 rgba(124,225,216,.25),0 -96px 0 rgba(124,225,216,.12)}
.pl-story-list,.pl-story-mini-list{display:grid;gap:10px}.pl-story-list b,.pl-story-mini-list b,.pl-story-task,.pl-story-badge{display:block;border-radius:16px}
.pl-story-list b{height:18px;background:rgba(255,255,255,.14)}
.pl-story-task{height:148px;background:linear-gradient(180deg,#ffffff,#f2f7f8);border:1px solid #dce8e8;box-shadow:var(--shadow-sm);margin-bottom:1rem}
.pl-story-mini-list b{height:14px;background:linear-gradient(90deg,#d7efed,#edf4f5)}
.pl-story-badge{height:56px;width:48%;margin-top:1rem;background:linear-gradient(135deg,var(--teal),var(--aqua));box-shadow:0 12px 28px rgba(15,181,174,.22)}
.pl-role-story-copy{max-width:780px;margin:1.6rem auto 0}.pl-role-story-title{margin:0;color:var(--navy);font-size:clamp(1.45rem,3vw,2rem);font-weight:800;line-height:1.4}.pl-role-story-lead{margin:1rem auto 0;color:var(--muted);font-size:1rem;line-height:1.9;max-width:52rem}
.pl-role-story[data-stage="0"] .pl-story-card-main{transform:translate3d(0,0,0) scale(1.08);box-shadow:0 36px 86px rgba(11,37,64,.18)}
.pl-role-story[data-stage="1"] .pl-story-card-main{transform:translate3d(0,-8px,0) scale(.92);box-shadow:0 26px 64px rgba(11,37,64,.16)}.pl-role-story[data-stage="2"] .pl-story-card-main{transform:translate3d(0,-12px,0) scale(.78);box-shadow:0 20px 50px rgba(11,37,64,.14)}
.pl-role-story[data-stage="1"] .pl-story-card-admin,.pl-role-story[data-stage="1"] .pl-story-card-tech{opacity:.45}.pl-role-story[data-stage="1"] .pl-story-card-admin{transform:translate3d(12px,8px,0) scale(.9)}.pl-role-story[data-stage="1"] .pl-story-card-tech{transform:translate3d(-12px,8px,0) scale(.9)}.pl-role-story[data-stage="2"] .pl-story-card-admin,.pl-role-story[data-stage="2"] .pl-story-card-tech{opacity:1}
.pl-role-story[data-stage="2"] .pl-story-card-admin{transform:translate3d(0,0,0) scale(1);pointer-events:auto}
.pl-role-story[data-stage="2"] .pl-story-card-tech{transform:translate3d(0,0,0) scale(1);pointer-events:auto}
html[dir="ltr"] .pl-story-card-admin{inset-inline-start:5%;inset-inline-end:auto}
html[dir="ltr"] .pl-story-card-tech{inset-inline-end:5%;inset-inline-start:auto}
@media (max-width: 991px){.pl-role-story-visual{min-height:auto;display:flex;align-items:stretch;justify-content:flex-start;gap:1rem;padding:0 0 .35rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pl-role-story-visual::-webkit-scrollbar{display:none}.pl-role-story-visual:before{display:none}.pl-story-card,.pl-story-card-main,.pl-story-card-side{position:relative;inset:auto!important;transform:none!important;opacity:1!important;width:min(86vw,420px);flex:0 0 min(86vw,420px);pointer-events:auto;scroll-snap-align:start}.pl-story-card{max-width:none}.pl-story-card-main{order:1}.pl-story-card-admin{order:2}.pl-story-card-tech{order:3}.pl-role-story-copy{margin-top:1.4rem;text-align:center}}
@media (prefers-reduced-motion: reduce){.pl-story-card{transition:none}}
.pl-story-section{background:linear-gradient(180deg,#ffffff 0%,#f4faf9 100%)}
.pl-story-section .pl-section-head{max-width:52rem;margin-bottom:2.5rem}
.pl-story-section .pl-role-story{margin-top:0}
.pl-about-visual,.pl-about-copy{display:flex;flex-direction:column;justify-content:center}
.pl-about-copy{align-items:flex-start}
.pl-about-copy .pl-section-title,.pl-about-copy .pl-section-lead,.pl-about-copy .pl-check-list{max-width:34rem}
.pl-about-copy .pl-section-lead{margin-bottom:.2rem}
@media (max-width: 991px){.pl-about-copy{align-items:stretch}.pl-about-copy .pl-section-title,.pl-about-copy .pl-section-lead,.pl-about-copy .pl-check-list{max-width:none}}




.pl-lang-dropdown{position:relative;display:flex;align-items:center}
.pl-lang-trigger{display:none}
.pl-lang-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(15,181,174,.1);color:var(--teal-dark)}
.pl-lang-menu{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .4rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm)}
.pl-lang-btn{border:none;background:transparent;color:var(--muted);min-width:40px;height:34px;padding:0 .7rem;border-radius:999px;font:700 .8rem/1 "Montserrat",sans-serif;letter-spacing:.04em;transition:all .25s ease}
.pl-lang-btn:hover{color:var(--navy);background:rgba(15,181,174,.08)}
.pl-lang-btn.active{background:linear-gradient(135deg,var(--teal),var(--aqua));color:#fff;box-shadow:none}
html:lang(ar) .pl-lang-btn{font-family:"Tajawal",sans-serif}
html:lang(he) .pl-lang-btn{font-family:"Heebo",sans-serif}
@media (max-width: 991px){
.pl-lang-trigger{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.88);box-shadow:var(--shadow-sm);padding:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.pl-lang-trigger:hover{transform:translateY(-1px);border-color:rgba(15,181,174,.3);box-shadow:var(--shadow-md)}
.pl-lang-menu{position:absolute;top:calc(100% + .6rem);inset-inline-end:0;display:grid;gap:.35rem;min-width:72px;padding:.45rem;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:30}
.pl-lang-dropdown.is-open .pl-lang-menu{opacity:1;transform:translateY(0);pointer-events:auto}
.pl-lang-btn{min-width:100%;height:36px}
}
@media (max-width: 991px){
  .navbar-collapse{position:relative;padding-top:1.15rem;padding-inline-start:1rem}
  .pl-nav-actions{display:block;padding-top:.75rem}
  /* .pl-lang-dropdown{position:absolute;top:1rem;inset-inline-start:1rem;z-index:5} */
  .pl-nav-cta{display:inline-block;margin-top:.9rem}
}


@media (max-width: 767px){
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl{
    max-width:100% !important;
    width:100%;
    padding-inline:16px;
  }

  .pl-hero .container,
  .pl-navbar .container{
    padding-inline:14px;
  }

  .pl-hero .row,
  .pl-section .row,
  .pl-cta .row{
    --bs-gutter-x: 0;
    margin-inline:0;
  }

  .pl-hero .row > *,
  .pl-section .row > *,
  .pl-cta .row > *{
    padding-inline:0;
  }

  .pl-hero,
  .pl-section,
  .pl-cta{
    overflow:hidden;
  }
}
@media (max-width: 991px){
  .navbar-collapse{
    display:flex;
    align-items:flex-start;
    gap:.9rem;
  }

  .navbar-collapse .navbar-nav{
    flex:1 1 auto;
    min-width:0;
  }

  .pl-nav-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.85rem;
    padding-top:.15rem;
    flex:0 0 auto;
  }

  .pl-lang-dropdown{
    position:relative;
    top:auto;
    inset-inline-start:auto;
    z-index:6;
  }

  .pl-nav-cta{
    margin-top:0;
    white-space:nowrap;
  }
}

@media (max-width: 767px){
  .navbar-collapse{
    gap:.75rem;
  }

  .pl-nav-actions{
    gap:.7rem;
  }
}







.pl-navbar-shell{display:block}
.pl-mobile-head{display:none}
.pl-navbar-main{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}
.pl-navbar-tools{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}
.pl-mobile-shortcuts{display:none;align-items:center;gap:.45rem;overflow:auto;padding:.1rem 0;scrollbar-width:none}
.pl-mobile-shortcuts::-webkit-scrollbar{display:none}
.pl-mobile-shortcuts .pl-mobile-link{display:inline-flex;align-items:center;justify-content:center;padding:.48rem .9rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.88);color:var(--navy);font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-sm)}
.pl-mobile-shortcuts .pl-mobile-link:hover{color:var(--teal-dark);border-color:rgba(15,181,174,.25)}
@media (max-width: 991px){
  .pl-navbar{padding:.9rem 0 .65rem}
  .pl-navbar.pl-scrolled{padding:.55rem 0 .5rem}
  .pl-mobile-shortcuts{display:flex}
  .pl-mobile-head{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;position:relative;min-height:62px;width:100%}
  .pl-mobile-head .navbar-brand{position:relative;inset:auto;transform:none;margin-inline-start:0;margin-inline-end:auto;margin-block:0;min-width:0;max-width:none;justify-content:center;z-index:1;pointer-events:auto;order:1}html[dir="rtl"] .pl-mobile-head .navbar-brand,html[lang="ar"] .pl-mobile-head .navbar-brand,html[lang="he"] .pl-mobile-head .navbar-brand,.lang-ar .pl-mobile-head .navbar-brand,.lang-he .pl-mobile-head .navbar-brand{margin-inline-start:0;margin-inline-end:auto;order:3}
  .pl-mobile-head > .pl-lang-dropdown,.pl-mobile-head > .pl-mobile-menu-btn{position:relative;z-index:2}.pl-mobile-head > .pl-lang-dropdown{order:2}.pl-mobile-head > .pl-mobile-menu-btn{order:3}html[dir="ltr"] .pl-mobile-head > .pl-lang-dropdown{order:2}html[dir="ltr"] .pl-mobile-head > .pl-mobile-menu-btn{order:3}html[dir="rtl"] .pl-mobile-head > .pl-mobile-menu-btn,html[lang="ar"] .pl-mobile-head > .pl-mobile-menu-btn,html[lang="he"] .pl-mobile-head > .pl-mobile-menu-btn,.lang-ar .pl-mobile-head > .pl-mobile-menu-btn,.lang-he .pl-mobile-head > .pl-mobile-menu-btn{order:1}html[dir="rtl"] .pl-mobile-head > .pl-lang-dropdown,html[lang="ar"] .pl-mobile-head > .pl-lang-dropdown,html[lang="he"] .pl-mobile-head > .pl-lang-dropdown,.lang-ar .pl-mobile-head > .pl-lang-dropdown,.lang-he .pl-mobile-head > .pl-lang-dropdown{order:2}
  .pl-mobile-head .pl-brand-text{display:none}
  .pl-lang-trigger{display:inline-grid}
  .pl-lang-dropdown{position:relative;top:auto;inset:auto;flex:0 0 auto}
}
@media (max-width: 767px){
  .pl-mobile-shortcuts{display:none!important}
  .pl-mobile-head{margin-bottom:.35rem}
  .pl-mobile-head .navbar-brand{max-width:none;gap:0!important;margin-inline-start:0;margin-inline-end:auto;margin-block:0}html[dir="rtl"] .pl-mobile-head .navbar-brand,html[lang="ar"] .pl-mobile-head .navbar-brand,html[lang="he"] .pl-mobile-head .navbar-brand,.lang-ar .pl-mobile-head .navbar-brand,.lang-he .pl-mobile-head .navbar-brand{margin-inline-start:0;margin-inline-end:auto}
  .pl-mobile-head .pl-logo-mark{width:50px;height:50px;border-radius:14px;overflow:hidden}
  .pl-mobile-head .navbar-brand img{width:50px!important;height:50px!important;display:block}
  .pl-mobile-menu-btn,
  .pl-mobile-head .pl-lang-trigger{
    width:50px;
    height:50px;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,.96);
    box-shadow:var(--shadow-sm);
    padding:0;
  }
  .pl-mobile-head .pl-lang-dropdown{display:flex;align-items:center}
  .pl-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}
  .pl-mobile-menu-btn .pl-toggler-bar{width:20px;height:2.5px}
  .pl-mobile-head .pl-lang-icon{width:100%;height:100%;border-radius:inherit;background:transparent}.pl-mobile-head .pl-lang-icon svg{width:22px;height:22px}
  .pl-mobile-head .pl-lang-menu{top:calc(100% + .5rem);inset-inline-start:0;inset-inline-end:auto;min-width:76px;border-radius:18px}
  html[dir="ltr"] .pl-mobile-head .pl-lang-menu{inset-inline-start:auto;inset-inline-end:0}
  .navbar-collapse{
    margin-top:.45rem;
    padding:.6rem;
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    box-shadow:var(--shadow-md);
    overflow:hidden;
  }
  .navbar-collapse:not(.show){display:none}
  .navbar-collapse.show{display:block}
  .navbar-collapse .navbar-nav{gap:.15rem}
  .pl-navbar .navbar-collapse .nav-link{
    display:block;
    padding:.85rem 1rem!important;
    border-radius:14px;
    background:transparent!important;
    color:var(--navy);
  }
  .pl-navbar .navbar-collapse .nav-link:hover,
  .pl-navbar .navbar-collapse .nav-link.active{
    color:var(--teal-dark);
    background:rgba(15,181,174,.08)!important;
  }
  .pl-navbar .navbar-collapse .nav-item + .nav-item{margin-top:.15rem}
  .pl-navbar .navbar-collapse .pl-nav-actions{display:none!important}
}

/* Mobile navbar direction fix */
@media (max-width: 991px) {
  .pl-mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .pl-mobile-head .navbar-brand {
    order: 1;
  }

  .pl-mobile-head .pl-lang-dropdown {
    order: 2;
  }

  .pl-mobile-head .pl-mobile-menu-btn {
    order: 3;
  }

  /* Arabic + Hebrew: logo right, icons left */
  html[dir="rtl"] .pl-mobile-head {
    flex-direction: row-reverse;
  }

  html[dir="rtl"] .pl-mobile-head .navbar-brand {
    margin-inline-start: 0;
    margin-inline-end: auto;
  }

  html[dir="rtl"] .pl-mobile-head .pl-lang-dropdown {
    margin-inline-start: .6rem;
  }

  html[dir="rtl"] .pl-mobile-head .pl-mobile-menu-btn {
    margin-inline-start: .6rem;
  }

  /* English: logo left, icons right */
  html[dir="ltr"] .pl-mobile-head {
    flex-direction: row;
  }
}
















@media (max-width: 991px){
  .pl-mobile-shortcuts{display:none!important}
  .pl-mobile-head{margin-bottom:.35rem}
  .pl-mobile-head .navbar-brand{gap:0!important;max-width:none;margin-inline-start:0;margin-inline-end:auto;margin-block:0}
  html[dir="rtl"] .pl-mobile-head .navbar-brand,
  html[lang="ar"] .pl-mobile-head .navbar-brand,
  html[lang="he"] .pl-mobile-head .navbar-brand,
  .lang-ar .pl-mobile-head .navbar-brand,
  .lang-he .pl-mobile-head .navbar-brand{margin-inline-start:0;margin-inline-end:auto}
  .pl-mobile-head .pl-logo-mark{width:50px;height:50px;border-radius:14px;overflow:hidden}
  .pl-mobile-head .navbar-brand img{width:50px!important;height:50px!important;display:block}
  .pl-mobile-menu-btn,
  .pl-mobile-head .pl-lang-trigger{
    width:50px;
    height:50px;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,.96);
    box-shadow:var(--shadow-sm);
    padding:0;
  }
  .pl-mobile-head .pl-lang-dropdown{display:flex;align-items:center}
  .pl-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}
  .pl-mobile-menu-btn .pl-toggler-bar{width:20px;height:2.5px}
  .pl-mobile-head .pl-lang-icon{width:100%;height:100%;border-radius:inherit;background:transparent}
  .pl-mobile-head .pl-lang-icon svg{width:22px;height:22px}
  .pl-mobile-head .pl-lang-menu{top:calc(100% + .5rem);inset-inline-start:0;inset-inline-end:auto;min-width:76px;border-radius:18px}
  html[dir="ltr"] .pl-mobile-head .pl-lang-menu{inset-inline-start:auto;inset-inline-end:0}
  .navbar-collapse{
    margin-top:.45rem;
    padding:.6rem;
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    box-shadow:var(--shadow-md);
    overflow:hidden;
  }
  .navbar-collapse:not(.show){display:none}
  .navbar-collapse.show{display:block}
  .navbar-collapse .navbar-nav{gap:.15rem}
  .pl-navbar .navbar-collapse .nav-link{
    display:block;
    padding:.85rem 1rem!important;
    border-radius:14px;
    background:transparent!important;
    color:var(--navy);
  }
  .pl-navbar .navbar-collapse .nav-link:hover,
  .pl-navbar .navbar-collapse .nav-link.active{
    color:var(--teal-dark);
    background:rgba(15,181,174,.08)!important;
  }
  .pl-navbar .navbar-collapse .nav-item + .nav-item{margin-top:.15rem}
  .pl-navbar .navbar-collapse .pl-nav-actions{display:none!important}
}



@media (min-width: 992px) and (max-width: 1199px){
  .pl-mobile-shortcuts{display:none!important}
  .pl-mobile-head.d-lg-none{display:none!important}
  .pl-navbar > .container{display:flex;align-items:center;gap:.75rem}
  .pl-navbar > .container > a.navbar-brand.d-none.d-lg-flex{display:flex!important;flex:0 0 auto;gap:.45rem!important}
  .pl-navbar > .container > a.navbar-brand.d-none.d-lg-flex .pl-logo-mark{width:34px;height:34px}
  .pl-navbar > .container > a.navbar-brand.d-none.d-lg-flex .pl-brand-text{font-size:1rem}
  #mainNav{display:flex!important;flex:1 1 auto;align-items:center;justify-content:space-between;margin-top:0!important;min-width:0;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
  #mainNav .navbar-nav{flex:1 1 auto;justify-content:center;gap:0!important;flex-wrap:nowrap;min-width:0}
  #mainNav .nav-item{flex:0 1 auto;min-width:0}
  .pl-navbar #mainNav .nav-link{font-size:.74rem;padding:.35rem .55rem!important;white-space:nowrap}
  #mainNav .pl-nav-actions{display:flex!important;flex:0 0 auto;align-items:center;gap:.45rem;padding-top:0}
  #mainNav .pl-nav-cta{margin-top:0;padding:.5rem .9rem;font-size:.78rem;white-space:nowrap}
  #mainNav .pl-lang-menu{position:static;display:inline-flex!important;opacity:1!important;transform:none!important;pointer-events:auto!important;background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);padding:.2rem .25rem;min-width:auto}
  #mainNav .pl-lang-trigger{display:none!important}
  #mainNav .pl-lang-btn{min-width:30px;height:28px;padding:0 .45rem;font-size:.66rem}
  #mainNav .navbar-collapse:not(.show){display:flex!important}
}

@media (max-width: 767px){
  .pl-strip{padding:1.6rem 0}
  .pl-strip .row{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem}
  .pl-chip{
    gap:.6rem;
    padding:.8rem .75rem;
    border-radius:12px;
    min-height:82px;
    align-items:flex-start;
  }
  .pl-chip-icon{
    width:34px;
    height:34px;
    border-radius:10px;
  }
  .pl-chip-icon svg{
    width:16px;
    height:16px;
  }
  .pl-chip-text{
    font-size:.78rem;
    line-height:1.45;
    text-align:start;
  }
}

@media (max-width: 767px){
  .pl-eyebrow{
    font-size:.72rem;
    padding:.38rem .8rem;
    gap:.42rem;
    margin-bottom:1rem;
  }
  .pl-hero-title{
    font-size:clamp(1.85rem, 9vw, 2.7rem);
    line-height:1.18;
    margin-bottom:1rem;
  }
  .pl-hero-lead{
    font-size:.96rem;
    line-height:1.8;
    margin-bottom:1.4rem;
  }
}

@media (max-width: 767px){
  .pl-hero{padding:7.6rem 0 3.6rem}
  .pl-eyebrow{
    font-size:.68rem;
    padding:.34rem .72rem;
    gap:.38rem;
    margin-bottom:.9rem;
  }
  .pl-dot{width:7px;height:7px}
  .pl-hero-title{
    font-size:clamp(1.72rem, 8.2vw, 2.38rem);
    line-height:1.14;
    letter-spacing:-.3px;
    margin-bottom:.9rem;
  }
  .pl-hero-lead{
    font-size:.9rem;
    line-height:1.72;
    margin-bottom:1.2rem;
  }
  .pl-hero-actions{
    margin-bottom:1.35rem;
    gap:.65rem!important;
  }
  .pl-hero-actions .btn{
    font-size:.9rem;
    padding:.72rem 1.05rem;
  }
  .pl-hero-trust p{
    font-size:.82rem;
    line-height:1.6;
    max-width:none;
  }
  .pl-trust-avatars span{
    width:30px;
    height:30px;
  }
}

@media (max-width: 767px){
  .pl-overview-card{padding:16px}
  .pl-overview-top{gap:10px;margin-bottom:14px}
  .pl-overview-top span{font-size:.64rem}
  .pl-overview-top strong{font-size:1rem;line-height:1.35}
  .pl-overview-top b{width:36px;height:36px;border-radius:12px;font-size:.95rem}
  .pl-overview-grid{gap:10px}
  .pl-overview-grid article{padding:13px;border-radius:16px}
  .pl-overview-grid small{font-size:.66rem}
  .pl-overview-grid strong{margin-top:6px;font-size:.82rem;line-height:1.5}
}

@media (max-width: 767px){
  #about .pl-section-title{font-size:clamp(1.5rem, 8vw, 2rem);margin-bottom:.65rem}
  #about .pl-section-eyebrow{font-size:.8rem;margin-bottom:.55rem}
  #about .pl-section-lead{font-size:.95rem;line-height:1.8}
  #about .pl-check-list{margin-top:1.2rem}
  #about .pl-check-list li{gap:.65rem;margin-bottom:.85rem}
  #about .pl-check{width:24px;height:24px;font-size:.8rem;border-radius:7px}
  #about .pl-check-list li span:last-child{font-size:.92rem;line-height:1.75}
}

@media (max-width: 767px){
  #about .pl-section-title{font-size:clamp(1.72rem, 8.2vw, 2.38rem);line-height:1.14;letter-spacing:-.3px;margin-bottom:.85rem}
  #about .pl-section-eyebrow{font-size:.74rem;margin-bottom:.65rem}
  #about .pl-section-lead{font-size:.9rem;line-height:1.72}
  #about .pl-check-list{margin-top:1.2rem}
  #about .pl-check-list li{gap:.7rem;margin-bottom:.9rem}
  #about .pl-check{width:24px;height:24px;font-size:.82rem;border-radius:7px}
  #about .pl-check-list li span:last-child{font-size:.9rem;line-height:1.72}
}

@media (max-width: 767px){
  .pl-section-eyebrow{
    font-size:.74rem;
    margin-bottom:.65rem;
  }
  .pl-section-title{
    font-size:clamp(1.72rem, 8.2vw, 2.38rem);
    line-height:1.14;
    letter-spacing:-.3px;
    margin-bottom:.85rem;
  }
  .pl-section-lead{
    font-size:.9rem;
    line-height:1.72;
  }
  .pl-feature h3,
  .pl-role-head h3,
  .pl-cta-title,
  .pl-role-story-copy h3{
    font-size:1.18rem;
    line-height:1.35;
  }
  .pl-feature p,
  .pl-step p,
  .pl-role-list li,
  .pl-cta-lead,
  .pl-role-story-copy p{
    font-size:.9rem;
    line-height:1.72;
  }
  .pl-step h3{
    font-size:.95rem;
    line-height:1.45;
  }
  .pl-story-chip{
    font-size:.72rem;
    padding:.42rem .78rem;
  }
}


@media (max-width: 767px){
  #about .pl-section-title{
    font-size:1.52rem!important;
    line-height:1.18!important;
    letter-spacing:-.2px!important;
    margin-bottom:.7rem!important;
  }
  #about .pl-section-eyebrow{
    font-size:.72rem!important;
    margin-bottom:.5rem!important;
  }
  #about .pl-section-lead{
    font-size:.84rem!important;
    line-height:1.68!important;
  }
  #about .pl-check-list{
    margin-top:1rem!important;
  }
  #about .pl-check-list li{
    gap:.6rem!important;
    margin-bottom:.8rem!important;
  }
  #about .pl-check{
    width:22px!important;
    height:22px!important;
    font-size:.76rem!important;
    border-radius:7px!important;
  }
  #about .pl-check-list li span:last-child{
    font-size:.84rem!important;
    line-height:1.68!important;
  }
}

@media (max-width: 767px){
  #features{
    padding-top:3.2rem;
    padding-bottom:3.2rem;
  }
  #features .pl-section-eyebrow{
    font-size:.72rem!important;
    margin-bottom:.55rem!important;
  }
  #features .pl-section-title{
    font-size:1.52rem!important;
    line-height:1.16!important;
    letter-spacing:-.2px!important;
    margin-bottom:.75rem!important;
  }
  #features .pl-section-lead{
    font-size:.84rem!important;
    line-height:1.68!important;
    max-width:20rem!important;
  }
  #features .row{
    --bs-gutter-x:.85rem;
    --bs-gutter-y:.85rem;
  }
  #features .pl-feature{
    padding:1.25rem!important;
    border-radius:20px!important;
  }
  #features .pl-feature-icon{
    width:50px!important;
    height:50px!important;
    border-radius:14px!important;
    margin-bottom:1rem!important;
  }
  #features .pl-feature-icon svg{
    width:20px!important;
    height:20px!important;
  }
  #features .pl-feature h3{
    font-size:1rem!important;
    line-height:1.35!important;
    margin-bottom:.55rem!important;
  }
  #features .pl-feature p{
    font-size:.82rem!important;
    line-height:1.7!important;
  }
}

@media (max-width: 767px){
  #features .pl-section-title{
    font-size:1.34rem!important;
    line-height:1.14!important;
    margin-bottom:.6rem!important;
  }
  #features .pl-section-lead{
    font-size:.8rem!important;
    line-height:1.62!important;
    max-width:18.5rem!important;
    margin-bottom:1.2rem!important;
  }
  #features .pl-feature{
    padding:1rem!important;
    border-radius:18px!important;
    min-height:auto!important;
  }
  #features .pl-feature-icon{
    width:48px!important;
    height:48px!important;
    margin-bottom:.85rem!important;
  }
  #features .pl-feature h3{
    font-size:.92rem!important;
    line-height:1.32!important;
    margin-bottom:.45rem!important;
  }
  #features .pl-feature p{
    font-size:.78rem!important;
    line-height:1.62!important;
  }
}

@media (max-width: 767px){
  #workflow{
    padding-top:3.1rem;
    padding-bottom:3.1rem;
  }
  #workflow .pl-section-eyebrow{
    font-size:.72rem!important;
    margin-bottom:.5rem!important;
  }
  #workflow .pl-section-title{
    font-size:1.34rem!important;
    line-height:1.14!important;
    margin-bottom:.6rem!important;
  }
  #workflow .pl-section-lead{
    font-size:.8rem!important;
    line-height:1.62!important;
    max-width:18.5rem!important;
    margin-bottom:1.2rem!important;
  }
  #workflow .row{
    --bs-gutter-x:.8rem;
    --bs-gutter-y:.8rem;
  }
  #workflow .pl-step{
    padding:1rem!important;
    border-radius:18px!important;
    min-height:auto!important;
  }
  #workflow .pl-step-num{
    width:52px!important;
    height:52px!important;
    font-size:1.15rem!important;
    margin-bottom:.85rem!important;
  }
  #workflow .pl-step h3{
    font-size:.92rem!important;
    line-height:1.32!important;
    margin-bottom:.42rem!important;
  }
  #workflow .pl-step p{
    font-size:.78rem!important;
    line-height:1.6!important;
  }
}

@media (max-width: 767px){
  #roles{
    padding-top:3.1rem;
    padding-bottom:3.1rem;
  }
  #roles .pl-section-eyebrow{
    font-size:.72rem!important;
    margin-bottom:.5rem!important;
  }
  #roles .pl-section-title{
    font-size:1.34rem!important;
    line-height:1.14!important;
    margin-bottom:1rem!important;
  }
  #roles .pl-role-card{
    padding:1rem!important;
    border-radius:24px!important;
  }
  #roles .pl-role-head{
    margin-bottom:.95rem!important;
  }
  #roles .pl-role-tag,
  #roles .pl-role-tag-alt{
    font-size:.76rem!important;
    padding:.42rem .82rem!important;
  }
  #roles .pl-role-head h3{
    font-size:1.08rem!important;
    line-height:1.3!important;
    margin-bottom:0!important;
  }
  #roles .pl-role-list{
    margin:0 0 1rem!important;
  }
  #roles .pl-role-list li{
    gap:.58rem!important;
    margin-bottom:.72rem!important;
    font-size:.8rem!important;
    line-height:1.62!important;
  }
  #roles .pl-check{
    width:22px!important;
    height:22px!important;
    font-size:.76rem!important;
    border-radius:7px!important;
  }
}