/* ===== extracted from <style> ===== */
/* ------------------------------
               HERO
            ------------------------------ */
      .hero {
        background: var(--lav);
        position: relative;
        overflow-x: hidden;
        text-align: center;
      }
      .hero::before {
        content: "";
        position: absolute;
        top: -200px;
        left: 50%;
        transform: translateX(-50%);
        width: 800px;
        height: 800px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(33, 191, 207, 0.07) 0%,
          transparent 65%
        );
        pointer-events: none;
      }

      /* team photo grid floats around the headline */
      .about-inner {
        position: relative;
        z-index: 1;
        max-width: 1140px;
        margin: 0 auto;
      }

      /* photo mosaic left / headline / right; sides vertical-align center */
      .photo-mosaic {
        display: grid;
        grid-template-columns: 1fr 600px 1fr;
        grid-template-rows: auto;
        align-items: center;
        gap: 12px;
        margin-bottom: 0;
      }
      .photo-mosaic-side {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        align-items: center;
        min-width: 0;
      }
      .photo-mosaic-side--left {
        grid-column: 1;
      }
      .photo-mosaic-side--right {
        grid-column: 3;
      }
      .photo-mosaic .headline-cell {
        grid-column: 2;
        grid-row: 1;
        padding: 0 12px;
      }
      .mosaic-photo {
        border-radius: 14px;
        overflow: hidden;
        box-shadow: var(--sh-m);
        transition: all 0.25s;
      }
      .mosaic-photo:hover {
        transform: translateY(-4px);
        box-shadow: var(--sh-l);
      }
      .mosaic-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
      .green2
      {
        font-size:25px;
      }

      /* placeholder avatars since no real photos */
      .mp-avatar {
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Playfair Display", serif;
        color: #fff;
        font-size: 22px;
        font-weight: 600;
        box-shadow: var(--sh-m);
        transition: all 0.25s;
        cursor: default;
      }
      .mp-avatar:hover {
        transform: translateY(-4px) scale(1.02);
        box-shadow: var(--sh-l);
      }

      .mp-tall {
        height: 174px;
      }
      .mp-short {
        height: 122px;
      }

      @keyframes mp-mosaic-wave {
        0%,
        100% {
          transform: translateY(0) scaleY(1);
        }
        28% {
          transform: translateY(-5px) scaleY(1.012);
        }
        52% {
          transform: translateY(-9px) scaleY(1.022);
        }
        78% {
          transform: translateY(-3px) scaleY(1.008);
        }
      }

      @keyframes mp-mosaic-wave-tilt-l {
        0%,
        100% {
          transform: translateY(0) scaleY(1) rotate(-1.4deg);
        }
        28% {
          transform: translateY(-5px) scaleY(1.012) rotate(-1.4deg);
        }
        52% {
          transform: translateY(-9px) scaleY(1.022) rotate(-1.4deg);
        }
        78% {
          transform: translateY(-3px) scaleY(1.008) rotate(-1.4deg);
        }
      }

      @keyframes mp-mosaic-wave-tilt-r {
        0%,
        100% {
          transform: translateY(0) scaleY(1) rotate(1.4deg);
        }
        28% {
          transform: translateY(-5px) scaleY(1.012) rotate(1.4deg);
        }
        52% {
          transform: translateY(-9px) scaleY(1.022) rotate(1.4deg);
        }
        78% {
          transform: translateY(-3px) scaleY(1.008) rotate(1.4deg);
        }
      }

      /* Mosaic tiles: subtle top gloss + depth (baqi gradients ke saath) */
      .photo-mosaic .mp-avatar {
        position: relative;
        overflow: hidden;
        transform-origin: center bottom;
        box-shadow:
          var(--sh-m),
          inset 0 1px 0 rgba(255, 255, 255, 0.3),
          inset 0 -26px 48px rgba(20, 20, 42, 0.14);
        animation: mp-mosaic-wave 7.5s ease-in-out infinite alternate;
        will-change: transform;
        transition:
          transform 0.3s ease,
          box-shadow 0.3s ease,
          filter 0.3s ease;
      }
      .photo-mosaic .mp-avatar:hover {
        animation-play-state: paused;
        transform: translateY(-6px) scale(1.02);
        box-shadow:
          var(--sh-l),
          inset 0 1px 0 rgba(255, 255, 255, 0.38),
          inset 0 -26px 48px rgba(20, 20, 42, 0.12);
      }
      .photo-mosaic .mp-avatar.mp-grad-b:hover {
        transform: translateY(-6px) scale(1.02) rotate(-1.4deg);
      }
      .photo-mosaic .mp-avatar.mp-grad-e:hover {
        transform: translateY(-6px) scale(1.02) rotate(1.4deg);
      }
      .photo-mosaic .mp-initial {
        position: relative;
        z-index: 1;
      }
      .photo-mosaic .mp-avatar::after {
        content: "";
        position: absolute;
        inset: -40% -30%;
        z-index: 0;
        background: linear-gradient(
          118deg,
          transparent 0%,
          transparent 42%,
          rgba(255, 255, 255, 0.22) 50%,
          transparent 58%,
          transparent 100%
        );
        opacity: 0.55;
        pointer-events: none;
        transform: rotate(-6deg);
      }

      /*
        Hero mosaic sirf :root se (style.css).
        Reference: H = purple?cyan | M = green?teal | S = orange?coral.
        Sab cards purple na lagen warm / green / teal mix.
      */
      .photo-mosaic .mp-grad-a {
        /* H gradient off; tile uses photo (.mp-avatar--photo + inline url)
        background: linear-gradient(
          180deg,
          var(--mid-d) 0%,
          var(--mid) 42%,
          var(--teal) 100%
        );
        */
        animation-duration: 7.8s;
        animation-delay: 0s;
      }
      .photo-mosaic .mp-grad-b {
        /* M gradient off; tile uses photo
        background: linear-gradient(180deg, var(--green) 0%, var(--teal) 100%);
        */
        animation-name: mp-mosaic-wave-tilt-l;
        animation-duration: 6.4s;
        animation-delay: -1.1s;
        margin: 0 -2px 0 2px;
      }
      .photo-mosaic .mp-grad-c {
        /* S gradient off; tile uses photo
        background: linear-gradient(180deg, var(--amber) 0%, var(--red) 100%);
        */
        animation-duration: 7s;
        animation-delay: -2.2s;
      }
      .photo-mosaic .mp-grad-d {
        /* J gradient off; tile uses photo
        background: linear-gradient(185deg, var(--teal) 0%, var(--mid) 100%);
        */
        animation-duration: 6.8s;
        animation-delay: -0.9s;
      }
      .photo-mosaic .mp-grad-e {
        /* A gradient off; tile uses photo
        background: linear-gradient(180deg, var(--red) 0%, var(--amber) 100%);
        */
        animation-name: mp-mosaic-wave-tilt-r;
        animation-duration: 6.6s;
        animation-delay: -2.8s;
        margin: 0 2px 0 -2px;
      }
      .photo-mosaic .mp-grad-f {
        /* R gradient off; tile uses photo
        background: linear-gradient(180deg, var(--teal) 0%, var(--green) 100%);
        */
        animation-duration: 7.1s;
        animation-delay: -3.6s;
      }

      .photo-mosaic .mp-avatar.mp-avatar--photo {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      .photo-mosaic .mp-avatar.mp-avatar--photo .mp-initial {
        display: none;
      }
      .photo-mosaic .mp-avatar.mp-avatar--photo::after {
        opacity: 0.28;
      }

      @media (prefers-reduced-motion: reduce) {
        .photo-mosaic .mp-avatar {
          animation: none !important;
        }
        .photo-mosaic .mp-avatar:hover {
          transform: none;
        }
      }

      /* ------------------------------
               THE ONE PROBLEM
            ------------------------------ */
      .problem-sec {
        background: var(--white);
        text-align: center;
      }
      .problem-inner {
        max-width: min(960px, 100%);
        margin: 0 auto;
      }

      .founder-avatar-wrap {
        position: relative;
        display: inline-block;
        margin-bottom: 28px;
      }
      .founder-avatar {
        width: 88px;
        height: 88px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--mid), var(--teal));
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Playfair Display", serif;
        font-size: 32px;
        color: #fff;
        font-weight: 600;
        margin: 0 auto;
        box-shadow: var(--sh-m);
        overflow: hidden;
      }
      .founder-avatar img {
        width: 150px;
        height: 150px;
        margin-top: 15px;
      }
      .founder-avatar-ring {
        position: absolute;
        inset: -6px;
        border-radius: 50%;
        border: 2px dashed rgba(69, 77, 161, 0.2);
        animation: spin 12s linear infinite;
      }
      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }
      .founder-avatar-ring::before {
        content: "";
        position: absolute;
        top: -3px;
        left: 50%;
        transform: translateX(-50%);
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--teal);
      }

      .problem-headline {
        font-family: "Playfair Display", serif;
        font-size: clamp(24px, 3vw, 38px);
        font-weight: 500;
        line-height: 1.18;
        letter-spacing: -0.3px;
        color: var(--ink);
        margin-bottom: 14px;
      }
      .problem-headline em {
        font-style: italic;
        color: var(--mid);
      }

      .problem-quote {
        font-family: "Playfair Display", serif;
        font-style: italic;
        font-size: 19px;
        color: var(--muted);
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
      }
      .pq-bar {
        width: 3px;
        height: 36px;
        background: var(--teal);
        border-radius: 2px;
        flex-shrink: 0;
      }

      .problem-pillars {
        display: flex;
        gap: 10px;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 28px;
      }
      .pp-pill {
        background: var(--lav);
        border: 1px solid var(--bd-m);
        border-radius: 100px;
        padding: 7px 18px;
        font-size: 13.5px;
        font-weight: 500;
        color: var(--body);
        transition: all 0.2s;
        cursor: default;
      }
      .pp-pill:hover {
        background: var(--mid-l);
        border-color: rgba(69, 77, 161, 0.25);
        color: var(--mid);
      }

      .problem-text {
        font-size: 16px;
        color: var(--muted);
        line-height: 1.78;
        margin-bottom: 28px;
      }
      .problem-text strong {
        color: var(--body);
        font-weight: 500;
      }

      .problem-cta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #16a34a;
        color: #fff;
        padding: 13px 26px;
        border-radius: 9px;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        box-shadow: 0 4px 16px rgba(34, 197, 94, 0.28);
        transition: all 0.2s;
      }
      .problem-cta:hover {
        background: #16a34a;
        transform: translateY(-2px);
      }

      /* -- ABOUT / LEVERAGE MATRIX ------------------------- */
      .problem-sec {
        background: linear-gradient(180deg, #f7f8ff 0%, var(--white) 60%);
      }
      .lev-inner {
        max-width: 1140px;
      }
      .lev-eyebrow {
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--mid);
        margin-bottom: 14px;
      }
      .lev-headline {
        text-align: center;
        margin: 0 auto 16px;
        max-width: 920px;
      }
      .lev-headline em {
        font-style: italic;
        color: var(--midnight);
      }
      .lev-quote {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-bottom: 48px;
      }
      .lev-quote-text {
        font-family: "Playfair Display", serif;
        font-style: italic;
        font-size: clamp(18px, 2.1vw, 25px);
        color: var(--midnight);
      }
      .lev-qmark {
        font-family: "Playfair Display", serif;
        font-size: 46px;
        line-height: 0;
        color: #c9cdf0;
        transform: translateY(10px);
      }
      .lev-sub {
        text-align: center;
        max-width: 640px;
        margin: 0 auto 48px;
        font-size: 16px;
        color: var(--muted);
        line-height: 1.7;
      }

      /* matrix shell + axes */
      .lev-matrix {
        position: relative;
        margin: 0 auto;
        padding-left: 46px;
      }
      .lev-axis-y {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 42px;
        width: 46px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 4px 0;
      }
      .lev-axis-y::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 6px;
        bottom: 6px;
        width: 1px;
        background: linear-gradient(
          to bottom,
          transparent,
          var(--bd-m) 12%,
          var(--bd-m) 88%,
          transparent
        );
      }
      .lev-axis-y .lev-axis-name {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        background: #fff;
        padding: 0.5rem 0;
      }
      .lev-axis-x {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 14px;
        position: relative;
        padding-top: 12px;
      }
      .lev-axis-x::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        background: linear-gradient(
          to right,
          transparent,
          var(--bd-m) 6%,
          var(--bd-m) 94%,
          transparent
        );
      }
      .lev-axis-name {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--muted);
      }
      .lev-axis-cap {
        font-size: 12px;
        color: var(--muted);
      }

      .lev-plot {
        position: relative;
      }
      .lev-band-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 156px;
        gap: 16px;
        align-items: stretch;
      }
      .lev-band-row + .lev-band-row {
        margin-top: 18px;
      }

      .lev-band {
        border-radius: 18px;
        padding: 16px 22px 22px;
      }
      .lev-band--high {
        background: #f1f0fb;
        border: 1px solid #e6e4f6;
      }
      .lev-band--low {
        background: #fcf3f3;
        border: 1px solid #f3e3e3;
      }
      .lev-band-head {
        position: relative;
        z-index: 3;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        margin-bottom: 18px;
        text-align: left;
      }
      .lev-band-tag.lev-tag-high {
        color: #5b58c4;
      }
      .lev-band-tag.lev-tag-low {
        color: #d96a6a;
      }
      .lev-band-sub {
        color: var(--muted);
        margin-left: 4px;
      }

      .lev-cards {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
      }
      .lev-card-group {
        display: flex;
        gap: 14px;
      }

      .lev-card {
        position: relative;
        z-index: 3;
        width: 100px;
        background: #fff;
        border: 1px solid #ececf6;
        border-radius: 14px;
        padding: 16px 6px 13px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 11px;
        box-shadow: 0 6px 16px rgba(40, 44, 110, 0.06);
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
        cursor: default;
      }
      .lev-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 26px rgba(40, 44, 110, 0.12);
      }
      .lev-ic {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: grid;
        place-items: center;
      }
      .lev-ic svg {
        width: 22px;
        height: 22px;
      }
      .lev-ic svg * {
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .lev-ic--purple {
        background: #eceefb;
        color: #5654cf;
      }
      .lev-ic--blue {
        background: #e7f6ff;
        color: #2f9fd6;
      }
      .lev-ic--green {
        background: #e3f8ec;
        color: #16a34a;
      }
      .lev-card-label {
        font-size: 13px;
        font-weight: 600;
        color: var(--ink);
      }

      /* low-leverage muted items */
      .lev-mut {
        position: relative;
        z-index: 3;
        width: 98px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 9px;
        text-align: center;
        background: rgba(256, 256, 256, 0.5);
        border: 1px solid #ececf6;
        border-radius: 14px;
        padding: 16px 6px 13px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 11px;
        box-shadow: 0 6px 16px rgba(40, 44, 110, 0.06);
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
        cursor: default;
      }
      .lev-mut-ic {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: #fbe9e9;
        color: #dc8585;
      }
      .lev-mut-ic svg {
        width: 19px;
        height: 19px;
      }
      .lev-mut-ic svg * {
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .lev-mut-label {
        font-size: 11.5px;
        line-height: 1.35;
        color: var(--muted);
      }

      /* effort / impact callout boxes */
      .lev-effort {
        border-radius: 14px;
        padding: 14px 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        align-self: center;
      }
      .lev-effort--high {
        background: #f3f2fc;
        border: 1px solid #e7e6f6;
      }
      .lev-effort--low {
        background: #fcf3f3;
        border: 1px solid #f3e3e3;
      }
      .lev-eff-a {
        font-size: 15.5px;
        font-weight: 600;
      }
      .lev-effort--high .lev-eff-a {
        color: #5b58c4;
      }
      .lev-effort--low .lev-eff-a {
        color: #d96a6a;
      }
      .lev-eff-b {
        font-size: 15.5px;
        font-weight: 700;
        color: var(--ink);
      }

      /* center figure */
      .lev-figure {
        position: absolute;
        left: calc(50% - 86px);
        bottom: 11%;
        transform: translateX(-50%);
        z-index: 1;
        pointer-events: none;
        opacity: 1;
        filter: saturate(0.85) contrast(0.96);
        -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 7%, #000 65%, transparent 100%);
        mask-image: linear-gradient(to bottom, #000 0%, #000 7%, #000 65%, transparent 100%);
        max-height: 240px;
      }
      .lev-figure img {
        height: 355px;
        width: auto;
        display: block;
      }

      /* footer pill */
      .lev-footer {
        margin: 30px auto 0;
        width: fit-content;
        max-width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        background: #fff;
        border: 1px solid var(--bd);
        border-radius: 100px;
        padding: 13px 26px;
        box-shadow: 0 6px 18px rgba(40, 44, 110, 0.06);
        font-size: 15.5px;
        color: var(--body);
        text-align: center;
      }
      .lev-footer strong {
        color: #5b58c4;
        font-weight: 600;
      }
      .lev-footer-ico {
        color: #7c84e0;
        font-size: 15px;
      }

      @media (max-width: 960px) {
        .lev-band-row {
          grid-template-columns: 1fr;
        }
        .lev-effort {
          flex-direction: row;
          justify-content: center;
          gap: 8px;
        }
        .lev-figure {
          display: none;
        }
        .lev-cards {
          justify-content: center;
          flex-wrap: wrap;
        }
        .lev-card-group {
          flex-wrap: wrap;
          justify-content: center;
          width: 100%;
        }
      }
      @media (min-width: 577px) {
        .lev-card-group.full-width {
          width: 100%;
        }
        .lev-card-group.full-width .lev-card {
          width: 100%;
        }
      }
      @media (max-width: 576px) {
        .lev-axis-y {
          left: -13px;
        }
        .lev-footer {
          text-align: left;
          align-items: flex-start;
        }
      }
      @media (max-width: 520px) {
        .lev-matrix {
          padding-left: 32px;
        }
        .lev-card,
        .lev-mut {
          width: calc(33.333% - 10px);
        }
      }

      /* ------------------------------
               HOW WE STARTED / ORIGIN STORY
            ------------------------------ */
      .origin-sec {
        background: var(--lav);
      }
      .origin-inner {
        max-width: 1100px;
        margin: 0 auto;
      }
      /* Story (left) + timeline (right): equal columns via CSS Grid only not flex. */
      .origin-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 64px;
        align-items: start;
      }
      .origin-grid > .origin-copy,
      .origin-grid > .origin-timeline-wrap {
        min-width: 0;
        width: 100%;
      }
      /* "How We Started" eyebrow text only (no pill border / padding / dot) */
      .origin-sec .origin-copy > .chip,
      .origin-sec .origin-copy > .chip.chip-mid,
      .origin-sec .origin-copy > .chip.chip-teal,
      .origin-sec .origin-copy > .chip.chip-amber,
      .origin-sec .origin-copy > .chip.chip-green {
        padding: 0;
        border: none;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        gap: 0;
        margin-bottom: 14px;
      }
      .origin-sec .origin-copy > .chip .dot {
        display: none;
      }
      .origin-copy > h2 {
        margin: 0 0 28px;
      }

      .origin-copy h3 {
        font-family: "Playfair Display", serif;
        font-size: clamp(22px, 2.5vw, 34px);
        font-weight: 500;
        color: var(--ink);
        margin-bottom: 16px;
        line-height: 1.2;
      }
      .origin-copy h3 em {
        font-style: italic;
        color: var(--mid);
      }
      .origin-copy p {
        font-size: 15.5px;
        color: var(--muted);
        line-height: 1.8;
        margin-bottom: 16px;
        font-family: "Inter", sans-serif;
      }
      .origin-copy p strong {
        color: var(--body);
        font-weight: 500;
      }

      /* the "usual advice" tabs */
      .advice-tabs {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        margin: 20px 0 16px;
      }
      .adv-tab {
        padding: 7px 16px;
        background: var(--white);
        border: 1px solid var(--midnight);
        border-radius: 100px;
        font-size: 13px;
        color: var(--midnight);
        cursor: default;
        transition: all 0.18s;
        position: relative;
      }
      /* .adv-tab::after {
        content: "?";
        position: absolute;
        top: -6px;
        right: -6px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: var(--red-l);
        color: var(--red);
        font-size: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
      } */
      .adv-tab:hover {
        border-color: var(--midnight);
        background: transparent;
        color: var(--midnight);
      }

      .origin-what-built {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 20px;
      }
      .owb-item {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 14px 16px;
        background: var(--white);
        border: 1px solid var(--bd);
        border-radius: 11px;
        box-shadow: var(--sh-s);
        transition: all 0.22s;
        cursor: default;
      }
      .owb-item:hover {
        border-color: var(--bd-m);
        box-shadow: var(--sh-m);
        transform: translateX(4px);
      }
      .owb-icon {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        flex-shrink: 0;
      }
      .owb-icon svg {
        width: 22px;
        height: 22px;
        flex-shrink: 0;
      }
      .owi1 {
        background: rgba(69, 77, 161, 0.1);
      }
      .owi2 {
        background: rgba(33, 191, 207, 0.1);
      }
      .owi3 {
        background: rgba(34, 197, 94, 0.1);
      }
      .owb-title {
        font-size: 14px;
        font-weight: 600;
        color: var(--ink);
        margin-bottom: 2px;
      }
      .owb-desc {
        font-size: 12.5px;
        color: var(--muted);
        line-height: 1.5;
      }

      /* right side timeline */
      .timeline {
        position: relative;
        padding-left: 28px;
        padding-bottom: 32px;
        overflow: visible;
        margin-top: 20px;
      }
      /* Line ends after last dot / ?Today? block title does not run through last paragraph */
      .timeline::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 8px;
        bottom: 178px;
        width: 2px;
        background: linear-gradient(to bottom, var(--mid), var(--teal));
        border-radius: 2px;
        z-index: 2;
        pointer-events: none;
      }
      .tl-item {
        position: relative;
        margin-bottom: 0;
      }
      /* Even vertical gap between timeline rows (mini cards + copy) */
      .origin-sec .timeline .tl-item:nth-child(1) {
        margin-bottom: 50px;
      }
      .origin-sec .timeline .tl-item:nth-child(2) {
        margin-bottom: 55px;
      }
      .origin-sec .timeline .tl-item:nth-child(3) {
        margin-bottom: 35px;
      }
      .origin-sec .timeline .tl-item:nth-child(4) {
        margin-bottom: 60px;
      }
      .tl-item:last-child {
        margin-bottom: 0;
      }
      /* Mini cards: top-align with dot same offset every row (no % centering) */
      .origin-sec .timeline .tl-thumb {
        position: absolute;
        left: -206px;
        top: -15px;
        transform: none;
        width: auto;
        height: auto;
        border: none;
        box-shadow: none;
        z-index: 0;
      }
      .origin-sec .timeline .tl-thumb img {
        width: 160px;
        height: auto;
      }
      .origin-timeline-wrap {
        padding-left: 159px;
        /* margin-top: 40px; */
        box-sizing: border-box;
        min-width: 0;
      }
      .tl-dot {
        position: absolute;
        left: -23px;
        top: 4px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--mid);
        border: 2px solid var(--white);
        box-shadow: 0 0 0 2px var(--mid);
        z-index: 3;
      }
      .tl-dot.tl-dot-last {
        box-shadow: 0 0 0 2px var(--teal);
      }

      .tl-dot.tl-fourth {
        background: #2aa0c2;
        box-shadow: 0 0 0 2px #2aa0c2;
      }

      .tl-year.tl-fourth {
        color: #2aa0c2 !important;
      }
      /* year labels plain text only (no pill / border / dot) */
      .origin-sec .timeline .tl-year {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mid);
        margin: 0 0 6px 0;
        padding: 0;
        border: none;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        display: block;
      }
      .origin-sec .timeline .tl-year::before,
      .origin-sec .timeline .tl-year::after {
        content: none !important;
        display: none !important;
      }
      .origin-sec .timeline .tl-year .dot {
        display: none !important;
      }
      .tl-title {
        font-size: 15px;
        font-weight: 600;
        color: var(--ink);
        margin-bottom: 4px;
      }
      .tl-desc {
        font-size: 12px;
        color: var(--muted);
        line-height: 1.6;
      }
      .origin-sec .timeline .tl-desc.tl-desc--max-4 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .origin-sec .timeline .tl-year,
      .origin-sec .timeline .tl-title,
      .origin-sec .timeline .tl-desc {
        position: relative;
        z-index: 2;
      }

      /* ------------------------------
               MISSION
            ------------------------------ */
      .mission-sec {
        background: var(--white);
      }
      .mission-inner {
        max-width: 1100px;
        margin: 0 auto;
      }
      .mission-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 64px;
        align-items: start;
      }
      /* Mission + Philosophy column labels text only (no pill border / padding / dot) */
      .mission-sec .mission-grid > div > .chip,
      .mission-sec .mission-grid > div > .chip.chip-teal,
      .mission-sec .mission-grid > div > .chip.chip-amber,
      .mission-sec .mission-grid > div > .chip.chip-mid,
      .mission-sec .mission-grid > div > .chip.chip-green {
        padding: 0;
        border: none;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        gap: 0;
      }
      .mission-sec .mission-grid > div > .chip .dot {
        display: none;
      }

      .mission-copy .mission-statement {
        font-family: "Playfair Display", serif;
        font-style: italic;
        font-size: clamp(18px, 2.2vw, 26px);
        color: var(--ink);
        line-height: 1.5;
        border-left: 4px solid var(--teal);
        padding-left: 20px;
        margin-bottom: 28px;
      }
      .mission-copy p {
        font-size: 15.5px;
        color: var(--muted);
        line-height: 1.78;
        margin-bottom: 16px;
      }

      .mission-commitments {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .mc-item {
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: 13px;
        padding: 16px 18px;
        background: var(--lav);
        border: 1px solid var(--bd);
        border-radius: 12px;
        transition: all 0.22s;
        cursor: default;
        overflow: hidden;
      }
      .mc-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: #16a34a;
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.4s ease;
      }
      .mc-item:hover {
        background: var(--lav-m);
        border-color: var(--bd-m);
        transform: translateX(4px);
      }
      .mc-item:hover:before {
        transform: scaleY(1);
      }
      .mc-check {
        width: 33px;
        height: 33px;
        border-radius: 10px;
        background: var(--green);
        border: 1.5px solid rgba(34, 197, 94, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-top: 2px;
        font-size: 14px;
        color: #fff;
        font-weight: 800;
      }
      .mc-check svg {
        width: 20px;
        height: 20px;
        stroke: #fff;
        stroke-width: 2.5;
        fill: none;
      }
      .mc-title {
        font-size: 14.5px;
        font-weight: 600;
        color: var(--ink);
        margin-bottom: 3px;
      }
      .mc-desc {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.55;
      }

      /* philosophy cards */
      .philosophy-cards {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .pc {
        background: var(--lav);
        border: 1px solid var(--bd);
        border-radius: 11px;
        padding: 15px 18px;
        display: flex;
        align-items: flex-start;
        gap: 11px;
        transition: all 0.22s;
        cursor: default;
      }
      .pc:hover {
        background: var(--white);
        border-color: var(--bd-m);
        box-shadow: var(--sh-s);
      }
      .philosophy-cards .pc-icon {
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 1;
        flex-shrink: 0;
        margin-top: 0;
      }
      .pc-icon svg *
      {
        stroke-width: 1.8;
      }
      .pc-icon svg
      {
        width: 24px;
        height: 24px;
      }
      .pc-icon001 svg {
        width: 23px;
        height: 23px;
      }
      .philosophy-cards .pc:nth-child(1) .pc-icon {
        background: #e1e3fb;
      }
      .philosophy-cards .pc:nth-child(2) .pc-icon {
        background: #e5ffee;
      }
      .philosophy-cards .pc:nth-child(3) .pc-icon {
        background: #e1e3fb;
      }
      .startup_icon {
        filter: brightness(0) saturate(100%) invert(33%) sepia(28%)
          saturate(1870%) hue-rotate(204deg) brightness(94%) contrast(92%);
      }
      .philosophy-cards .pc:nth-child(4) .pc-icon {
        background: #e5ffee;
      }
      .philosophy-cards .pc:nth-child(5) .pc-icon {
        background: #e1e3fb;
      }
      .pc-text {
        font-size: 14px;
        color: var(--body);
        line-height: 1.55;
      }
      .pc-text strong {
        color: var(--ink);
        font-weight: 600;
      }

      /* ------------------------------
               MEET THE FOUNDER
            ------------------------------ */
      .founder-sec {
        background: var(--lav);
      }
      .founder-inner {
        max-width: 1100px;
        margin: 0 auto;
      }
      /* "Meet the Founder" eyebrow text only (no pill border / padding / dot) */
      .founder-sec .founder-inner > .chip,
      .founder-sec .founder-inner > .chip.chip-mid,
      .founder-sec .founder-inner > .chip.chip-teal,
      .founder-sec .founder-inner > .chip.chip-amber,
      .founder-sec .founder-inner > .chip.chip-green {
        padding: 0;
        border: none;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        gap: 0;
      }
      .founder-sec .founder-inner > .chip .dot {
        display: none;
      }
      .founder-grid {
        display: grid;
        grid-template-columns: 360px 1fr;
        gap: 64px;
        align-items: start;
      }

      .founder-card {
        background: var(--white);
        border: 1px solid var(--bd);
        border-radius: 20px;
        overflow: hidden;
        box-shadow: var(--sh-l);
        position: sticky;
        top: 88px;
      }
      .founder-card-header {
        position: relative;
        overflow: hidden;
        padding: 44px 32px 48px;
        min-height: 400px;
        text-align: center;
        background-color: var(--midnight);
        /* First in list = top layer: photo. Second = behind: full gradient. */
        background-image:
          url("assets/images/ceo-image2.webp"),
          linear-gradient(
            269deg,
            var(--turquoise) 0%,
            var(--midnight) 100%
          );
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
      }
      .founder-card-header > * {
        position: relative;
        z-index: 1;
      }
      .founder-card-header::before {
        content: "";
        position: absolute;
        top: -60px;
        right: -60px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(33, 191, 207, 0.15);
        pointer-events: none;
        z-index: 0;
      }
      .shadow-linear {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 100px;
          background: linear-gradient(269deg, var(--turquoise) 0%, var(--midnight) 100%);         
          filter: blur(70px);
      }
      .founder-content {
        position: absolute;
        bottom: 24px;
        z-index: 2;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
      .founder-photo-placeholder {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: linear-gradient(
          135deg,
          rgba(255, 255, 255, 0.2),
          rgba(33, 191, 207, 0.3)
        );
        border: 3px solid rgba(255, 255, 255, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 16px;
        font-family: "Playfair Display", serif;
        font-size: 36px;
        color: #fff;
        font-weight: 600;
        overflow: hidden;
      }
      .founder-photo-placeholder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }
      .founder-name {
        position: relative;
        font-family: "Playfair Display", serif;
        font-size: 36px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 4px;
        width: fit-content;
        margin: 0 auto 16px;
        padding-bottom: 11px;
      }
      .founder-name:before
      {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 70px;
        height: 4px;
        border-radius: 10px;
        background: linear-gradient(269deg, var(--midnight) 0%, var(--turquoise) 100%);
        z-index: 0;
      }
      .founder-title {
        font-size: 15px;
        color: #d0d5dd;
      }
      .founder-card-body {
        padding: 20px 16px 24px;
        display: grid;
        gap: 0;
      }
      .founder-detail {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        padding: 18px 5px 10px 5px;
        font-size: 13.5px;
        color: var(--body);
        border-bottom: none;
        border-right: 1px solid var(--bd);
        box-sizing: border-box;
        min-width: 0;
      }
      .founder-detail:nth-child(3n) {
        border-right: none;
      }
      .founder-detail:nth-child(-n + 3) {
        border-bottom: 1px solid var(--bd);
      }
      .founder-detail > div:not(.fd-icon) {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
        width: fit-content;
      }
      .founder-card-body .fd-icon {
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 1;
        flex-shrink: 0;
      }
      .fd-icon svg *
      {
        stroke-width: 1.75;
        stroke-linecap: round;
    stroke-linejoin: round;
      }
      .founder-card-body .founder-detail:nth-child(1) .fd-icon {
        /* background: rgba(69, 77, 161, 0.12); */
        background: rgba(69, 77, 161, 0.12);
      }
      .founder-card-body .founder-detail:nth-child(2) .fd-icon {
        /* background: rgba(33, 191, 207, 0.12); */
        background:#dcf8e8;
      }
      .founder-card-body .founder-detail:nth-child(3) .fd-icon {
        /* background: rgba(34, 197, 94, 0.12); */
        background:rgba(69, 77, 161, 0.12);
      }
      .founder-card-body .founder-detail:nth-child(4) .fd-icon {
        /* background: rgba(245, 158, 11, 0.12); */
        background:#dcf8e8;
      }
      .founder-card-body .founder-detail:nth-child(4) .fd-icon svg{
        width:25px;
        height:25px;
      }
      .founder-card-body .founder-detail:nth-child(5) .fd-icon {
        /* background: rgba(239, 68, 68, 0.1); */
        background:rgba(69, 77, 161, 0.12);
      }
      .founder-card-body .founder-detail:nth-child(6) .fd-icon {
        /* background: rgba(139, 92, 246, 0.1); */
        /* background:rgba(139, 92, 246, 0.12); */
        background:rgba(34, 197, 94, 0.12);
      }
      .fd-label {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--muted);
        display: block;
        margin-bottom: 1px;
      }
      .fd-val {
        font-size: 10px;
        color: var(--body);
        font-weight: 500;
      }

      .founder-social {
        display: flex;
        gap: 8px;
        padding: 16px 24px;
        border-top: 1px solid var(--bd);
      }
      .fs-btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 9px;
        border-radius: 8px;
        font-size: 12.5px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.2s;
      }
      .fs-btn .fs-ico {
        font-size: 15px;
        line-height: 1;
        opacity: 0.95;
      }
      .fs-linkedin:hover .fs-ico,
      .fs-email:hover .fs-ico {
        opacity: 1;
      }
      .fs-linkedin {
        background: var(--mid-l);
        color: var(--mid);
        border: 1px solid rgba(69, 77, 161, 0.2);
      }
      .fs-linkedin:hover {
        background: var(--mid);
        color: #fff;
      }
      .fs-email {
        background: #16a34a;
        color: #fff;
        border: 1px solid rgba(33, 191, 207, 0.2);
      }
      .fs-email:hover {
        background: #15803d;
        color: #fff;
      }

      /* founder bio */
      .founder-bio h3,
      .pbs-bio h3 {
        font-family: "Playfair Display", serif;
        font-size: clamp(20px, 2.2vw, 30px);
        font-weight: 500;
        color: var(--ink);
        margin-bottom: 16px;
        line-height: 1.25;
      }
      .founder-bio h3 em {
        font-style: italic;
        color: var(--mid);
      }
      .founder-bio p {
        font-size: 15.5px;
        color: var(--muted);
        line-height: 1.8;
        margin-bottom: 16px;
      }
      .founder-bio p strong {
        color: var(--body);
        font-weight: 500;
      }

      .bio-highlights {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 24px 0;
      }
      .bio-hl {
        background: var(--white);
        border: 1px solid var(--bd);
        border-radius: 11px;
        padding: 14px;
        text-align: center;
        box-shadow: var(--sh-s);
        transition: all 0.2s;
        cursor: default;
      }
      .bio-hl:hover {
        transform: translateY(-2px);
        box-shadow: var(--sh-m);
      }
      .bio-hl-num {
        font-family: "Playfair Display", serif;
        font-size: 28px;
        font-weight: 500;
        color: var(--mid);
        line-height: 1;
        margin-bottom: 4px;
      }
      .bio-hl-label {
        font-size: 12px;
        color: var(--muted);
      }

      .founder-quote-block {
        font-family: "Inter", sans-serif;
        background: var(--white);
        border-radius: 14px;
        padding: 24px;
        margin-top: 24px;
        position: relative;
        overflow: hidden;
      }
      .founder-quote-block::before {
        content: '"';
        position: absolute;
        top: -10px;
        left: 12px;
        font-family: "Inter", sans-serif;
        font-size: 100px;
        color: rgba(69, 77, 161, 0.07);
        line-height: 1;
        pointer-events: none;
      }
      .founder-quote-block .fqb-text {
        font-style: italic;
        font-size: 16px;
        line-height: 1.65;
        color: var(--body);
        margin-bottom: 12px;
        position: relative;
        z-index: 1;
      }
      .founder-quote-block .fqb-cite {
        font-size: 12px;
        color: var(--muted);
      }

      /* ------------------------------
               THE PERSON BEHIND THE SYSTEM (founder v2)
            ------------------------------ */
      .pbs-sec {
        position: relative;
        background: var(--lav);
      }
      /* decorative background layer (dots + faint rings) */
      .pbs-decor {
        position: absolute;
        inset: 0;
        overflow: hidden;
        pointer-events: none;
        z-index: 0;
      }
      .pbs-dots {
        position: absolute;
        top: 54px;
        left: 36px;
        width: 168px;
        height: 150px;
        background-image: radial-gradient(
          rgba(69, 77, 161, 0.18) 1.5px,
          transparent 1.7px
        );
        background-size: 18px 18px;
        opacity: 0.65;
      }
      .pbs-rings {
        position: absolute;
        border-radius: 50%;
      }
      .pbs-rings--r {
        width: 540px;
        height: 540px;
        right: -170px;
        top: 40px;
        background: repeating-radial-gradient(
          circle at center,
          transparent 0 63px,
          rgba(69, 77, 161, 0.055) 63px 64px
        );
      }
      .pbs-rings--l {
        width: 360px;
        height: 360px;
        left: -150px;
        bottom: -120px;
        background: repeating-radial-gradient(
          circle at center,
          transparent 0 51px,
          rgba(33, 191, 207, 0.06) 51px 52px
        );
        opacity: 0.8;
      }
      .pbs-inner {
        position: relative;
        z-index: 1;
        max-width: 1140px;
        margin: 0 auto;
      }
      .pbs-inner h2 {
        margin-bottom: 46px;
      }
      .pbs-grid {
        display: grid;
        grid-template-columns: 372px minmax(0, 1fr);
        gap: 56px;
        align-items: start;
      }

      /* left profile card */
      .pbs-card {
        background: var(--white);
        border: 1px solid var(--bd);
        border-radius: 22px;
        overflow: hidden;
        box-shadow: var(--sh-l);
        position: sticky;
        top: 88px;
      }
      .pbs-card-photo {
        position: relative;
        min-height: 372px;
        overflow: hidden;
        background-color: var(--midnight);
        background-image: linear-gradient(
          135deg,
          var(--turquoise) 0%,
          var(--midnight) 100%
        );
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      .pbs-card-photo::before {
        content: "";
        position: absolute;
        top: -55px;
        right: -55px;
        width: 175px;
        height: 175px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.16);
        pointer-events: none;
        z-index: 1;
      }
      .pbs-card-photo::after {
        content: "";
        position: absolute;
        top: 60px;
        left: -45px;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        background: rgba(33, 191, 207, 0.22);
        filter: blur(8px);
        pointer-events: none;
        z-index: 1;
      }
      /* portrait cut-out layered over the gradient + glows */
      .pbs-photo-img {
        position: absolute;
        z-index: 2;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        filter: drop-shadow(0 16px 26px rgba(18, 22, 60, 0.34));
      }
      .pbs-card-cap {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        padding: 56px 24px 22px;
        background: linear-gradient(
          180deg,
          rgba(18, 22, 60, 0) 0%,
          rgba(18, 22, 60, 0.5) 52%,
          rgba(15, 18, 52, 0.82) 100%
        );
      }
      .pbs-name {
        font-family: "Playfair Display", serif;
        font-size: 30px;
        font-weight: 600;
        color: #fff;
        margin: 0 0 5px;
        line-height: 1.1;
        text-shadow: 0 1px 12px rgba(15, 18, 52, 0.45);
      }
      .pbs-role {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.82);
        margin: 0;
      }
      .pbs-role span {
        color: var(--teal);
        font-weight: 600;
      }

      .pbs-card-body {
        padding: 5px 22px 0;
      }
      .pbs-detail {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 15px 2px;
        border-bottom: 1px solid var(--bd);
      }
      .pbs-detail:last-child {
        border-bottom: none;
      }
      .pbs-detail-ic {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: var(--lav);
        display: grid;
        place-items: center;
        flex-shrink: 0;
      }
      .pbs-detail-ic img {
        width: 22px;
        height: 22px;
      }
      .pbs-detail-ic svg {
        width: 22px;
        height: 22px;
      }
      .pbs-detail-ic svg * {
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .pbs-detail-tt {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
      }
      .pbs-detail-title {
        font-size: 14px;
        font-weight: 600;
        color: var(--ink);
      }
      .pbs-detail-sub {
        font-size: 12.5px;
        color: var(--muted);
        line-height: 1.4;
      }

      .pbs-actions {
        display: flex;
        gap: 12px;
        padding: 6px 22px 24px;
      }
      .pbs-btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 46px;
        border-radius: 11px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.2s;
      }
      .pbs-btn--outline {
        background: #fff;
        color: var(--mid);
        border: 1.5px solid var(--bd-m);
      }
      .pbs-btn--outline:hover {
        border-color: var(--mid);
        background: var(--lav);
      }
      .pbs-btn--outline i {
        color: #0a66c2;
        font-size: 1.375rem;
      }
      .pbs-btn--solid {
        background: linear-gradient(
    135deg,
    var(--midnight) 0%,
    var(--turquoise) 100%
  );
        color: #fff;
      }
      .pbs-btn--solid:hover {
        background: linear-gradient(
        135deg,
        var(--turquoise) 0%,
        var(--midnight) 100%
      );
      }

      /* right bio column */
      .pbs-bio {
        min-width: 0;
      }
      .pbs-title {
        margin: 0 0 16px;
      }
      .pbs-rule {
        display: block;
        width: 64px;
        height: 4px;
        border-radius: 4px;
        background: var(--teal);
        margin: 0 0 26px;
      }
      .pbs-lead {
        font-family: "Inter", sans-serif;
        font-size: clamp(20px, 2.2vw, 26px);
        font-weight: 600;
        color: var(--ink);
        line-height: 1.35;
        margin: 0 0 24px;
      }
      .pbs-text {
        font-size: 15.5px;
        color: var(--muted);
        line-height: 1.8;
        margin: 0 0 18px;
      }
      .pbs-text strong {
        color: var(--body);
        font-weight: 600;
      }

      .pbs-stats {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        margin: 28px 0;
      }
      .pbs-stat {
        display: flex;
        align-items: center;
        gap: 16px;
        background: var(--white);
        border: 1px solid var(--bd);
        border-radius: 14px;
        padding: 18px 20px;
        box-shadow: var(--sh-s);
        transition: all 0.2s;
        cursor: default;
      }
      .pbs-stat:hover {
        transform: translateY(-2px);
        box-shadow: var(--sh-m);
      }
      .pbs-stat-ic {
        width: 50px;
        height: 50px;
        border-radius: 13px;
        background: var(--teal-l);
        color: var(--teal);
        display: grid;
        place-items: center;
        flex-shrink: 0;
      }
      .pbs-stat-ic svg {
        width: 24px;
        height: 24px;
      }
      .pbs-stat-ic svg * {
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .pbs-stat-num {
        font-family: "Inter", sans-serif;
        font-size: 26px;
        font-weight: 700;
        color: var(--ink);
        line-height: 1;
        margin-bottom: 5px;
      }
      .pbs-stat-label {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.3;
      }

      @media (max-width: 960px) {
        .pbs-grid {
          grid-template-columns: 1fr;
          gap: 36px;
        }
        .pbs-card {
          position: static;
          max-width: 440px;
          margin: 0 auto;
          width: 100%;
        }
      }
      @media (max-width: 520px) {
        .pbs-stats {
          grid-template-columns: 1fr;
        }
        .pbs-card-body,
        .pbs-actions {
          padding-left: 16px;
          padding-right: 16px;
        }
      }

      /* ------------------------------
               WHERE WE'RE BASED
            ------------------------------ */
      .location-sec {
        background: #f9faff;
      }
      .location-inner {
        max-width: 1100px;
        margin: 0 auto;
      }
      /* "Where We Are" + "Our Sister Brands" no border / dot only */
      .location-sec .chip,
      .location-sec .chip.chip-teal,
      .location-sec .chip.chip-mid,
      .location-sec .chip.chip-amber,
      .location-sec .chip.chip-green {
        border: none;
      }
      .location-sec .chip .dot {
        display: none;
      }
      .location-grid {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        gap: 48px;
        align-items: start;
      }

      .location-copy p {
        font-size: 15.5px;
        color: var(--muted);
        line-height: 1.8;
        margin-bottom: 18px;
      }
      .location-copy p strong {
        color: var(--body);
        font-weight: 500;
      }

      .location-cards {
        display: flex;
        /* flex-direction: column; */
        gap: 14px;
      }
      .loc-card {
        display: flex;
        flex-direction: column;
        height: fit-content;
        width: 100%;
        align-items: flex-start;
        gap: 0;
        /* background: var(--lav); */
        background: #fff;
        border: 1px solid var(--bd);
        border-radius: 14px;
        padding: 20px 16px 20px 20px;
        transition: all 0.22s;
        cursor: default;
      }
      .location-header {
        display: flex;
        gap: 12px;
      }
      .loc-card:hover {
        background: var(--white);
        border-color: var(--bd-m);
        box-shadow: var(--sh-m);
      }
      /* .loc-flag {
        font-size: 32px;
        flex-shrink: 0;
        margin-top: 2px;
      } */
      .loc-country {
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--teal);
        margin-bottom: 4px;
        font-family: "Inter", sans-serif;
      }
      .loc-city {
        font-size: 12px;
        font-weight: 600;
        color: var(--ink);
        margin-bottom: 4px;
      }
      .loc-desc {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.55;
      }
      .loc-badge {
        margin-top: 8px;
        display: inline-block;
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        padding: 3px 10px;
        border-radius: 100px;
      }
      .lb-reg {
        color: var(--mid);
        background: var(--mid-l);
      }
      .lb-ops {
        color: var(--green);
        background: var(--green-l);
      }

      /* sister brands */
      .sister-brands {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 32px;
      }
      .sb-card {
        display: flex;
        align-items: center;
        gap: 14px;
        /* background: var(--lav); */
        background: #fff;
        border: 1px solid var(--bd);
        border-radius: 12px;
        padding: 16px 18px;
        transition: all 0.22s;
        text-decoration: none;
        cursor: default;
      }
      .sb-card:hover {
        background: var(--white);
        border-color: var(--bd-m);
        box-shadow: var(--sh-m);
        transform: translateX(4px);
      }
      .sb-icon {
        width: 50px;
        height: 50px;
        border-radius: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        flex-shrink: 0;
      }
      .sbi1 {
        background: rgba(69, 77, 161, 0.1);
      }
      .sbi2 {
        background: rgba(33, 191, 207, 0.1);
      }
      .sb-name {
        font-size: 14.5px;
        font-weight: 600;
        color: var(--ink);
        margin-bottom: 2px;
      }
      .sb-desc {
        font-size: 12.5px;
        color: var(--muted);
      }
      .sb-arrow {
        margin-left: auto;
        color: var(--muted);
        font-size: 16px;
        transition: transform 0.2s;
      }
      .sb-card:hover .sb-arrow {
        transform: translateX(4px);
        color: var(--mid);
      }

      /* why pakistan transparency */
      .transparency-box {
        background: var(--mid);
        border-radius: 16px;
        padding: 28px;
        position: relative;
        overflow: hidden;
      }
      .transparency-box::before {
        content: "";
        position: absolute;
        top: -60px;
        right: -60px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(33, 191, 207, 0.15);
        pointer-events: none;
      }
      .tb-label {
        font-size: 10.5px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.4);
        margin-bottom: 12px;
      }
      .tb-label em {
        color: var(--teal);
      }
      .tb-title {
        font-family: "Playfair Display", serif;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 12px;
        line-height: 1.3;
      }
      .tb-title em {
        font-style: italic;
        color: var(--teal);
      }
      .tb-text {
        font-size: 14px;
        /* color: rgba(255, 255, 255, 0.58); */
        color:#fff;
        line-height: 1.7;
        margin-bottom: 16px;
      }
      .tb-points {
        list-style: none;
        /* display: flex; */
        /* flex-direction: column; */
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
        border-top: 1px solid rgba(255, 255, 255, 0.58);
        padding-top: 16px;
      }
      .tb-points li {
        position: relative;
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 13.5px;
        /* color: rgba(255, 255, 255, 0.75); */
        color:#fff;
        padding-left: 15px;
      }
      .tb-points li::before {
        content: "\2713";
        position: absolute;
        left: 0;
        top: 0;
        color: var(--teal);
        font-weight: 800;
        font-size: 12px;
      }

      /* ------------------------------
               MEET THE TEAM
            ------------------------------ */
      .team-sec {
        background: #ffffff;
      }
      .team-inner {
        max-width: 1140px;
        margin: 0 auto;
      }
      .team-eyebrow {
        /* text-align: center; */
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--teal);
        margin-bottom: 16px;
      }
      .team-head {
        /* text-align: center; */
        margin: 0 0 18px;
        max-width: 880px;
      }
      .team-sub {
        /* text-align: center; */
        max-width: 720px;
        margin: 0 0 50px;
        font-size: 16px;
        color: var(--muted);
        line-height: 1.7;
      }

      /* members slider (marquee ? same pattern as .portfolio-track) */
      .team-marquee {
        position: relative;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(
          90deg,
          transparent 0,
          #000 5%,
          #000 95%,
          transparent 100%
        );
        mask-image: linear-gradient(
          90deg,
          transparent 0,
          #000 5%,
          #000 95%,
          transparent 100%
        );
        margin-top: -16px;
        margin-bottom: -16px;
        padding-top: 16px;
        padding-bottom: 16px;
      }
      .team-track {
        display: flex;
        gap: 24px;
        width: max-content;
        will-change: transform;
        backface-visibility: hidden;
      }
      .team-track.is-running {
        animation: team-scroll-left 40s linear infinite;
      }
      .team-marquee:hover .team-track.is-running {
        animation-play-state: paused;
      }
      @keyframes team-scroll-left {
        from {
          transform: translateX(0);
        }
        to {
          transform: translateX(-50%);
        }
      }
      .team-member {
        flex: 0 0 auto;
        width: 234px;
        background: var(--white);
        border: 1px solid var(--bd);
        border-radius: 16px;
        padding: 16px 16px 22px;
        box-shadow: var(--sh-s);
        text-align: center;
        transition:
          transform 0.25s ease,
          box-shadow 0.25s ease;
        cursor: default;
      }
      .team-member:hover {
        transform: translateY(-4px);
        box-shadow: var(--sh-m);
      }
      .team-photo {
        border-radius: 12px;
        overflow: hidden;
        aspect-ratio: 1 / 1.05;
        margin-bottom: 18px;
        background: var(--lav-m);
      }
      .team-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: grayscale(1);
        transition:
          filter 0.3s ease,
          transform 0.4s ease;
      }
      .team-member:hover .team-photo img {
        filter: grayscale(0);
        transform: scale(1.04);
      }
      .team-name {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: var(--ink);
        /* margin-bottom: 6px; */
      }
      .team-role {
        font-size: 13px;
        color: #667092;
      }

      /* our ecosystem */
      .team-eco {
        margin-top: 64px;
      }
      .team-eco-head {
        display: flex;
        align-items: center;
        gap: 22px;
        margin-bottom: 36px;
      }
      .team-eco-head::before,
      .team-eco-head::after {
        content: "";
        flex: 1;
        height: 1px;
        background: var(--bd-m);
      }
      .team-eco-label {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--teal);
        white-space: nowrap;
      }
      /* logos slider (marquee, scrolls opposite direction) */
      .team-logo-marquee {
        position: relative;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(
          90deg,
          transparent 0,
          #000 6%,
          #000 94%,
          transparent 100%
        );
        mask-image: linear-gradient(
          90deg,
          transparent 0,
          #000 6%,
          #000 94%,
          transparent 100%
        );
      }
      .team-logo-track {
        display: flex;
        align-items: center;
        width: max-content;
        will-change: transform;
        backface-visibility: hidden;
      }
      .team-logo-track.is-running {
        animation: team-scroll-right 32s linear infinite;
      }
      .team-logo-marquee:hover .team-logo-track.is-running {
        animation-play-state: paused;
      }
      @keyframes team-scroll-right {
        from {
          transform: translateX(-50%);
        }
        to {
          transform: translateX(0);
        }
      }
      .team-logo {
        flex: 0 0 auto;
        width: 188px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px 32px;
      }
      .team-logo img {
        max-height: 46px;
        max-width: 100%;
        width: auto;
        object-fit: contain;
        filter: grayscale(1);
        opacity: 0.62;
        transition:
          opacity 0.25s ease,
          filter 0.25s ease;
      }
      .team-logo:hover img {
        filter: grayscale(0);
        opacity: 1;
      }

      @media (prefers-reduced-motion: reduce) {
        .team-track.is-running,
        .team-logo-track.is-running {
          animation: none;
        }
      }
      @media (max-width: 480px) {
        .team-member {
          width: 210px;
        }
        .team-logo {
          width: 150px;
          padding: 4px 22px;
        }
      }

      .tl-turquoise {
        color: var(--turquoise) !important;
      }

      /* ------------------------------
               WHAT WE STAND FOR
            ------------------------------ */
      .values-sec {
        background: var(--midnight);
        color: #fff;
        position: relative;
        overflow: hidden;
      }
      .values-sec::before {
        content: "";
        position: absolute;
        top: -180px;
        right: -130px;
        width: 520px;
        height: 520px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(33, 191, 207, 0.09) 0%,
          transparent 65%
        );
        pointer-events: none;
      }
      .values-inner {
        max-width: 1100px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
      }
      /* "What We Stand For" eyebrow text only (no pill border / padding / dot); only direct chip under .values-inner */
      .values-sec .values-inner > .chip,
      .values-sec .values-inner > .chip.chip-mid,
      .values-sec .values-inner > .chip.chip-teal,
      .values-sec .values-inner > .chip.chip-amber,
      .values-sec .values-inner > .chip.chip-green {
        padding: 0;
        border: none !important;
        background: transparent !important;
        border-radius: 0;
        box-shadow: none;
        gap: 0;
      }
      .values-sec .values-inner > .chip .dot {
        display: none;
      }
      .values-sec h2 {
        color: #fff;
      }
      .values-sec h2 em {
        color: var(--teal);
      }
      .values-sec .sec-sub {
        color: rgba(255, 255, 255, 0.45);
      }
      .values-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .value-card {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 24px 20px;
        transition:
          box-shadow 0.22s ease,
          transform 0.22s ease;
        cursor: default;
      }
      .value-card:hover {
        background: var(--white);
        box-shadow: var(--sh-m);
        transform: translateY(-3px);
      }
      .values-sec .vc-icon {
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        line-height: 1;
        margin-bottom: 12px;
      }
      .values-sec .values-grid .value-card:nth-child(1) .vc-icon {
        background: rgba(69, 77, 161, 0.12);
      }
      .values-sec .values-grid .value-card:nth-child(2) .vc-icon {
        background: rgba(33, 191, 207, 0.12);
      }
      .values-sec .values-grid .value-card:nth-child(3) .vc-icon {
        background: rgba(34, 197, 94, 0.12);
      }
      .values-sec .values-grid .value-card:nth-child(4) .vc-icon {
        background: rgba(245, 158, 11, 0.12);
      }
      .values-sec .values-grid .value-card:nth-child(5) .vc-icon {
        background: rgba(239, 68, 68, 0.1);
      }
      .values-sec .values-grid .value-card:nth-child(6) .vc-icon {
        background: rgba(139, 92, 246, 0.1);
      }
      .values-sec .step-num svg {
        width: 26px;
        height: 26px;
      }
      .values-sec .vc-title {
        font-size: 15px;
        font-weight: 600;
        color: var(--ink);
        margin-bottom: 6px;
      }
      .values-sec .vc-desc {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.6;
      }

      /* Testimonials marquee: assets/css/style.css (.testimonials-section, .testi-*) */

      /* ------------------------------
               BOTTOM CTA DUE DILIGENCE FOCUSED
            ------------------------------ */
      .cta-sec {
        padding: 88px 56px;
        background: linear-gradient(
          145deg,
          var(--mid) 0%,
          #363d88 55%,
          #2a3070 100%
        );
        position: relative;
        overflow: hidden;
      }
      .cta-sec::before {
        content: "";
        position: absolute;
        top: -160px;
        right: -120px;
        width: 520px;
        height: 520px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(33, 191, 207, 0.12) 0%,
          transparent 65%
        );
        pointer-events: none;
      }
      .cta-inner {
        max-width: 1100px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: start;
        position: relative;
        z-index: 1;
      }
      /* "Ready to Work Together?" eyebrow text only (no pill border / padding / dot); only direct chip under .cta-left */
      .cta-sec .cta-left > .chip,
      .cta-sec .cta-left > .chip.chip-mid,
      .cta-sec .cta-left > .chip.chip-teal,
      .cta-sec .cta-left > .chip.chip-amber,
      .cta-sec .cta-left > .chip.chip-green {
        padding: 0;
        border: none !important;
        background: transparent !important;
        border-radius: 0;
        box-shadow: none;
        gap: 0;
      }
      .cta-sec .cta-left > .chip .dot {
        display: none;
      }
      .cta-left h2 {
        color: #fff;
      }
      .cta-left h2 em {
        color: var(--teal);
      }
      .cta-left p {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.52);
        line-height: 1.75;
        margin-bottom: 28px;
      }

      .cta-options {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .cta-option {
        display: flex;
        align-items: center;
        gap: 14px;
        background: var(--white);
        border: none;
        border-radius: 12px;
        padding: 14px 14px;
        text-decoration: none;
      }
      .co-icon {
        width: 40px;
        height: 40px;
        border-radius: 11px;
        background: var(--mid-l);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        flex-shrink: 0;
      }
      .co-icon svg {
        width: 24px;
        height: 24px;
      }
      .co-icon svg *
      {
        stroke-width: 1.85;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .check1 {
        color: #21bfcf;
        font-weight: 700;
        flex-shrink: 0;
        border: 1px solid #21bfcf;
        border-radius: 100px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
      }
      .co-icon i {
        color: #454da1;
      }
      .co-title {
        font-size: 14.5px;
        font-weight: 700;
        color: var(--ink);
        margin-bottom: 2px;
      }
      .co-desc {
        font-size: 12.5px;
        color: var(--muted);
      }
      .co-arrow {
        margin-left: auto;
        color: var(--muted);
        font-size: 18px;
      }
      .co-green .co-icon {
        background: rgba(69, 77, 161, 0.12);
      }
      .co-teal .co-icon {
        background: #dcf8e8;
      }
      .co-white .co-icon {
        background: rgba(69, 77, 161, 0.12);
      }

      /* right side trust signals */
      .cta-trust {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 20px 16px;
      }
      .cta-trust .ct-title {
        font-family: "Playfair Display", serif;
        font-size: 16px;
        font-weight: 500;
        font-style: italic;
        color: var(--ink);
        margin-bottom: 20px;
        line-height: 1.4;
      }
      .cta-trust .ct-signal {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 14px 14px;
        margin-bottom: 13px;
        background: var(--lav);
        border: 1.5008px solid var(--border);
        border-radius: 12px;
        cursor: default;
      }
      .cta-trust .ct-signal:last-child {
        margin-bottom: 0;
      }
      /* Icon tile for-agencies .svc-icon + .si1?si6 jaisa */
      .cta-trust .cts-icon {
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 1;
        flex-shrink: 0;
        margin-top: 0;
      }
      .cts-icon svg *
      {
        stroke-width: 1.85;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .calendar1 {
          fill:transparent !important;
          color:#565ec5 !important;
      }
    
      .cta-trust > .ct-signal:nth-child(2) .cts-icon {
        background: #d8f5e7;
      }
      .cta-trust > .ct-signal:nth-child(3) .cts-icon {
        background: rgba(69, 77, 161, 0.12);
      }
      .cta-trust > .ct-signal:nth-child(4) .cts-icon {
        background: rgba(34, 197, 94, 0.12);
      }
      .cta-trust > .ct-signal:nth-child(4) .cts-icon img
      {
        filter: brightness(0) saturate(100%) invert(46%) sepia(82%) saturate(507%) hue-rotate(93deg) brightness(94%) contrast(93%);
      }
      .cta-trust > .ct-signal:nth-child(5) .cts-icon {
        background: rgba(69, 77, 161, 0.12);
      }
      .cta-trust > .ct-signal:nth-child(5) .cts-icon svg
      {
        width: 25px;
        height: 25px;
        fill: #454da1;
        stroke:#454da1;
      }
      .cta-trust > .ct-signal:nth-child(6) .cts-icon {
        background: rgba(34, 197, 94, 0.12);
      }
      .cta-trust > .ct-signal:nth-child(7) .cts-icon {
        background: rgba(69, 77, 161, 0.12);
      }
      .cta-trust > .ct-signal:nth-child(7) .cts-icon i
      {
        color: #454da1;
      }
      .cta-trust .cts-title {
        font-size: 13.5px;
        font-weight: 600;
        color: var(--ink);
        margin-bottom: 2px;
      }
      .cta-trust .cts-desc {
        font-size: 12px;
        color: var(--muted);
      }
      .fb {
        font-family: "Playfair Display", serif;
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 7px;
      }
      .fb span {
        color: var(--teal);
      }
      .ft {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.25);
        line-height: 1.65;
        max-width: 210px;
      }
      .fc h4 {
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.28);
        margin-bottom: 13px;
      }
      .fc ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 9px;
      }
      .fc a {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.25);
        text-decoration: none;
        transition: color 0.2s;
      }
      .fc a:hover {
        color: rgba(255, 255, 255, 0.65);
      }
      .fl {
        display: flex;
        gap: 18px;
      }
      .fl a {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.18);
        text-decoration: none;
        transition: color 0.2s;
      }
      .fl a:hover {
        color: rgba(255, 255, 255, 0.5);
      }

      .sa-timeline-boxes {
        width: 150px;
        max-width: 150px;
        display: flex;
        flex-direction: column;
        gap: 22px;
        align-items: center;
        box-sizing: border-box;
        min-width: 0;
      }

      .sa-mini-box {
        width: 158px;
        max-width: 158px;
        min-height: 166px;
        padding: 14px 11px 12px;
        border-radius: 13px;
        box-sizing: border-box;
        overflow-x: hidden;
        background: rgba(255, 255, 255, 0.76);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        font-family: Inter, Arial, sans-serif;
      }

      .origin-sec .timeline .sa-mini-box.sa-box-1,
      .origin-sec .timeline .sa-mini-box.sa-box-2,
      .origin-sec .timeline .sa-mini-box.sa-box-3,
      .origin-sec .timeline .sa-mini-box.sa-box-4 {
        display: flex;
        flex-direction: column;
        padding: 14px 11px 16px;
        box-sizing: border-box;
      }

      /* Same inside gap from last block to card bottom on boxes 1-4 */
      .origin-sec .timeline .sa-mini-box.sa-box-1 > :last-child,
      .origin-sec .timeline .sa-mini-box.sa-box-2 > :last-child,
      .origin-sec .timeline .sa-mini-box.sa-box-3 > :last-child,
      .origin-sec .timeline .sa-mini-box.sa-box-4 > :last-child {
        margin-bottom: 0;
        flex-shrink: 0;
      }

      .sa-box-title {
        margin: 0 0 9px;
        font-size: 9.2px;
        line-height: 1;
        font-weight: 900;
        letter-spacing: 0.035em;
        color: #4052df;
        text-transform: uppercase;
        overflow-wrap: break-word;
        word-wrap: break-word;
      }

      .sa-box-small {
        margin-top: -5px;
        margin-bottom: 10px;
        font-size: 9px;
        line-height: 1;
        font-weight: 800;
        color: #4e577b;
      }

      .sa-consultant-card {
        height: 48px;
        padding: 7px 8px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 9px;
        border-radius: 8px;
        background: #ffffff;
        border: none;
      }

      .sa-avatar {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        position: relative;
        border-radius: 50%;
        background: linear-gradient(135deg, #2f43ce 0%, #8d96ff 100%);
        overflow: hidden;
      }

      .sa-avatar::before {
        content: "";
        position: absolute;
        top: 7px;
        left: 11px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #fff;
      }

      .sa-avatar::after {
        content: "";
        position: absolute;
        left: 7px;
        bottom: 7px;
        width: 20px;
        height: 10px;
        border-radius: 20px 20px 8px 8px;
        background: #fff;
      }

      .sa-consultant-card h5 {
        margin: 0 0 3px;
        font-size: 10.2px;
        line-height: 1;
        font-weight: 900;
        color: #11152d;
      }

      .sa-consultant-card p {
        margin: 0;
        font-size: 8.8px;
        line-height: 1;
        font-weight: 800;
        color: #5a6385;
      }

      .sa-check-list {
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .sa-check-list li {
        position: relative;
        margin: 0 0 5px;
        padding-left: 21px;
        font-size: 9px;
        line-height: 1.15;
        font-weight: 800;
        color: #5b6382;
      }

      .sa-check-list li:last-child {
        margin-bottom: 0;
      }

      .sa-check-list li::before {
        content: "\2713";
        position: absolute;
        left: 0;
        top: -1px;
        width: 14px;
        height: 14px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: #ddf8ef;
        color: #0aa36f;
        font-size: 8px;
        font-weight: 900;
      }

      .sa-progress {
        height: 10px;
        margin-top: 6px;
        border-radius: 999px;
        background: #dedaff;
        overflow: hidden;
      }

      .sa-progress span {
        display: block;
        width: 63%;
        height: 100%;
        border-radius: inherit;
        background: #aaa1ff;
      }

      .sa-icon-row {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 3px;
        margin: 9px 0 12px;
        width: 100%;
        min-width: 0;
      }

      .sa-icon-row span {
        height: 25px;
        min-width: 0;
        display: grid;
        place-items: center;
        border-radius: 6px;
        background: #eef0ff;
        color: #4052df;
        font-size: 8px;
        line-height: 1;
        font-weight: 900;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 1px;
      }

      .sa-inner-title {
        margin-top: 2px;
        margin-bottom: 8px;
        letter-spacing: 0.02em;
        font-size: 8.6px;
        line-height: 1.15;
      }

      .sa-process {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 36px;
        gap: 6px;
        align-items: center;
        margin-bottom: 5px;
        width: 100%;
        min-width: 0;
      }

      .sa-process:last-of-type {
        margin-bottom: 0;
      }

      .sa-process p {
        margin: 0;
        font-size: 8.2px;
        line-height: 1.2;
        font-weight: 800;
        color: #4f587a;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-word;
        min-width: 0;
      }

      .sa-process i {
        display: block;
        height: 6px;
        border-radius: 999px;
        background: #c8c3fb;
      }

      .sa-metrics {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 9px;
        overflow: hidden;
        border-radius: 8px;
        background: #ffffff;
        border: 1px solid rgba(64, 82, 223, 0.13);
      }

      .sa-metrics div {
        min-height: 48px;
        padding: 8px 7px 7px;
        border-right: 1px solid rgba(64, 82, 223, 0.12);
      }

      .sa-metrics div:last-child {
        border-right: 0;
      }

      .sa-metrics p {
        margin: 0;
        font-size: 8.5px;
        line-height: 1.16;
        font-weight: 800;
        color: #4f587a;
      }

      .sa-metrics strong {
        display: block;
        margin-top: 5px;
        font-size: 15px;
        line-height: 1;
        font-weight: 900;
        color: #4052df;
      }

      .sa-chart {
        height: 43px;
        border-radius: 7px;
        overflow: hidden;
        border: none;
        background:
          repeating-linear-gradient(
            90deg,
            rgba(64, 82, 223, 0.08) 0 1px,
            transparent 1px 18px
          ),
          repeating-linear-gradient(
            0deg,
            rgba(64, 82, 223, 0.08) 0 1px,
            transparent 1px 14px
          ),
          linear-gradient(180deg, #ffffff 0%, #eef0ff 100%);
      }

      .sa-chart svg {
        width: 100%;
        height: 100%;
        display: block;
      }

      .sa-chart path {
        fill: rgba(78, 91, 232, 0.18);
      }

      .sa-chart polyline {
        fill: none;
        stroke: #5564e8;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .sa-feature-list {
        display: flex;
        flex-direction: column;
        gap: 7px;
        margin-top: 2px;
      }

      .sa-feature-list div {
        height: 25px;
        min-width: 0;
        padding: 0 9px;
        display: flex;
        align-items: center;
        gap: 7px;
        border-radius: 6px;
        background: #ffffff;
        border: 1px solid rgba(64, 82, 223, 0.13);
      }

      .sa-feature-list b {
        width: 13px;
        flex: 0 0 13px;
        font-size: 12px;
        line-height: 1;
        color: #4052df;
        text-align: center;
      }

      .sa-feature-list span {
        flex: 1;
        min-width: 0;
        font-size: 8.5px;
        line-height: 1.15;
        font-weight: 800;
        color: #4f587a;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .sa-countries {
        display: flex;
        justify-content: space-between;
        margin: 4px 0 7px;
      }

      .sa-countries span {
        font-size: 8.4px;
        line-height: 1;
        font-weight: 900;
        color: #3f486d;
      }

      .sa-map {
        position: relative;
        height: 72px;
        margin-bottom: 10px;
        border-radius: 8px;
        overflow: hidden;
        border: none;
        background: #eef0ff;
      }

      .sa-map img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
      }

      .sa-client-pill {
        height: 31px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        border-radius: 7px;
        background: #ffffff;
        border: 1px solid rgba(64, 82, 223, 0.2);
        color: #4052df;
      }

      .sa-client-pill span {
        font-size: 13px;
        line-height: 1;
      }

      .sa-client-pill strong {
        font-size: 11.3px;
        line-height: 1;
        font-weight: 900;
      }

      /* min-heights: tighter bottom (less empty space under content) */
      .sa-box-1 {
        min-height: 0;
      }
      .sa-box-2 {
        min-height: 0;
      }
      .sa-box-3 {
        min-height: 0;
      }
      .sa-box-4 {
        min-height: 0;
      }
      .sa-box-5 {
        min-height: 178px;
      }

      .founder-system-card {
        width: min(960px, 100%);
        height: 360px;
        margin: 0 auto 30px;
        position: relative;
        border-radius: 10px;
        /* border: 1px solid rgba(65, 84, 220, 0.14); */
        /* box-shadow:0 30px 80px rgba(35, 42, 102, 0.11),
    inset 0 1px 0 rgba(255,255,255,0.9); */
        overflow: hidden;
        /* background: var(--lav); */
      }
      /* 
  .founder-system-card::before {
    content: "";
    position: absolute;
    inset: 70px 360px 58px;
    border-radius: 50%;
    background:
      radial-gradient(circle, rgba(64,82,223,0.12) 0 38%, rgba(64,82,223,0.06) 39% 60%, rgba(64,82,223,0) 61%);
    border: 1px solid rgba(64,82,223,0.08);
  } */

      .connection-lines {
        position: absolute;
        inset: 0;
        width: 85%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
        margin: auto;
      }

      .connection-lines path {
        fill: none;
        stroke: rgb(77, 85, 165, 0.5);
        stroke-width: 2px;
        stroke-linecap: round;
      }

      .connection-lines circle {
        fill: #d8d7ff;
        stroke: #fff;
        stroke-width: 2;
      }

      .founder-center {
        position: absolute;
        left: 50%;
        top: 63%;
        transform: translate(-50%, -50%);
        z-index: 3;
      }

      .founder-avatar {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background: radial-gradient(
          circle at 50% 35%,
          #ffffff 0 27%,
          #e8eaff 28% 100%
        );
        border: 8px solid #ffffff;
        box-shadow:
          0 20px 45px rgba(34, 43, 112, 0.22),
          0 0 0 8px rgba(89, 95, 230, 0.11);
        position: relative;
        overflow: hidden;
      }

      .avatar-head {
        position: absolute;
        left: 50%;
        top: 37px;
        transform: translateX(-50%);
        width: 52px;
        height: 62px;
        border-radius: 50% 50% 42% 42%;
        background: linear-gradient(180deg, #ffd7bd, #e8a989);
      }

      .avatar-hair {
        position: absolute;
        left: 50%;
        top: 25px;
        transform: translateX(-50%);
        width: 62px;
        height: 42px;
        border-radius: 50% 50% 35% 35%;
        background: linear-gradient(135deg, #1a2547, #4052df);
      }

      .avatar-body {
        position: absolute;
        left: 50%;
        bottom: -18px;
        transform: translateX(-50%);
        width: 100px;
        height: 78px;
        border-radius: 48px 48px 20px 20px;
        background: linear-gradient(135deg, #162246, #4052df);
      }

      .founder-label {
        margin-top: 45px;
        height: 39px;
        padding: 0 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid var(--midnight);
        /* box-shadow: 0 12px 26px rgba(36,42,105,0.1); */
        color: var(--midnight);
        font-size: 18px;
        font-weight: 900;
        text-transform: capitalize;
      }
      .founder-label:hover {
        border-color: #454da1;
        background: var(--lav);
        color: #454da1;
      }

      .task-card {
        position: absolute;
        z-index: 2;
        width: 210px;
        height: auto;
        border-radius: 11px;
        background: rgba(255, 255, 255, 0.83);
        border: 1px solid rgba(255, 255, 255, 0.95);
        box-shadow:
          0 18px 42px rgba(31, 38, 100, 0.12),
          inset 0 1px 0 rgba(255, 255, 255, 0.95);
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 15px 11px;
        text-align: left;
      }

      .task-card h3 {
        margin: 0 0 6px;
        font-size: 14px;
        line-height: 1;
        color: var(--ink);
        font-weight: 600;
        font-family: "Inter", sans-serif;
      }

      .task-card p {
        margin: 0;
        font-size: 12px;
        line-height: 1;
        color: var(--muted);
        font-weight: 400;
      }

      .task-icon {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-size: 25px;
        font-weight: 900;
        background: #f3f4ff;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
      }
      .task-icon svg
      {
        width: 22px;
        height: 22px;
      }
      .task-icon svg *
      {
        stroke-width: 1.9;
      }

      .task-icon.blue {
        color: #04a7ff;
        background: #e9f8ff;
      }
      .task-icon.purple {
        color: #4b49ff;
        background: #e1e3fb;
      }
      .task-icon.cyan {
        color: #0aa7ff;
        background: #eaf8ff;
      }
      .task-icon.violet {
        color: #4052df;
        background: #e1e3fb;
      }
      .task-icon.teal {
        color: #12bfc2;
        background: #e9fbfb;
      }

      .task-strategy {
        left: 75px;
        top: 35px;
      }

      .task-client {
        left: 26px;
        top: 127px;
      }

      .task-execution {
        left: 60px;
        bottom: 64px;
      }

      .task-operations {
        right: 76px;
        top: 36px;
      }

      .task-followups {
        right: 28px;
        top: 127px;
      }

      .task-growth {
        right: 60px;
        bottom: 62px;
      }

      .section-description {
        max-width: 760px;
        margin: 0 auto 24px;
        color: #111a52;
        font-size: 19px;
        line-height: 1.62;
        font-weight: 500;
      }

      .section-description strong {
        font-weight: 900;
        color: #1b239b;
      }

      .main-cta {
        min-width: 430px;
        min-height: 62px;
        padding: 0 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: linear-gradient(180deg, #18b95c 0%, #0f9f49 100%);
        color: #ffffff;
        text-decoration: none;
        font-size: 20px;
        font-weight: 900;
        box-shadow:
          0 18px 34px rgba(18, 169, 79, 0.28),
          inset 0 1px 0 rgba(255, 255, 255, 0.22);
      }
      .step-num {
        width: 52px;
        height: 52px;
        border-radius: 10px;
        background: var(--lavender-mid);
        border: 1px solid var(--border);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 700;
        color: var(--midnight);
        margin-bottom: 18px;
      }

      @media (max-width: 900px) {
        .founder-system-card {
          height: auto;
          padding: 34px 18px;
          display: grid;
          gap: 16px;
        }

        .founder-system-card::before,
        .connection-lines {
          display: none;
        }

        .founder-center,
        .task-card {
          position: relative;
          left: auto;
          right: auto;
          top: auto;
          bottom: auto;
          transform: none;
          width: 100%;
        }

        .founder-center {
          order: -1;
          margin-bottom: 16px;
        }

        .task-card {
          max-width: 420px;
          margin: 0 auto;
        }

        .quote-line p {
          font-size: 42px;
        }

        .quote-line {
          gap: 18px;
        }

        .main-cta {
          min-width: 0;
          width: 100%;
          max-width: 430px;
          font-size: 17px;
        }
      }

      /* -- RESPONSIVE -- */
      @media (max-width: 920px) {
        section,
        .hero,
        .logo-bar,
        .ind-bar,
        .cta-sec,
        .origin-grid,
        .mission-grid,
        .founder-grid,
        .location-grid,
        .cta-inner {
          grid-template-columns: 1fr;
          gap: 64px;
        }

        
        .cta-sec {
          padding: 64px 20px;
        }
        .origin-timeline-wrap {
          padding-left: 0;
        }
        .origin-sec .timeline .tl-thumb {
          display: none;
        }
        .founder-card {
          position: static;
        }
        .impact-grid,
        .values-grid {
          grid-template-columns: 1fr 1fr;
        }
        .bio-highlights {
          grid-template-columns: 1fr 1fr;
        }
        .photo-mosaic {
          display: none;
        }
        .hero-headline-single {
          display: block !important;
        }
      }
      @media (max-width: 520px) {
        .founder-problem-section {
          padding: 42px 16px 52px;
        }

        .section-header h2 {
          font-size: 38px;
        }

        .quote-line p {
          font-size: 34px;
        }

        .quote-line i {
          height: 40px;
        }

        .pill {
          width: 100%;
          max-width: 320px;
        }

        .founder-avatar {
          width: 128px;
          height: 128px;
        }

        .section-description {
          font-size: 16px;
        }

        .founder-card-body {
          grid-template-columns: 1fr;
          padding: 16px 14px 20px;
        }
        .founder-detail {
          border-right: none;
          border-bottom: 1px solid var(--bd);
          padding: 16px 12px;
        }
        .founder-detail:nth-child(-n + 3) {
          border-bottom: 1px solid var(--bd);
        }
        .founder-detail:last-child {
          border-bottom: none;
        }
      }

      @media (max-width: 576px) {
        .values-sec .values-inner {
          max-width: none;
          width: 100%;
          box-sizing: border-box;
        }

        .values-sec .values-grid {
          grid-template-columns: 1fr;
          width: 100%;
          max-width: 100%;
          box-sizing: border-box;
        }

        .values-sec .value-card {
          width: 100%;
          max-width: 100%;
          box-sizing: border-box;
        }

        .founder-label {
          font-size: 14px;
          margin-top: 32px;
          height: 32px;
          padding: 0 20px;
        }

        .founder-system-card {
          padding-left: 0;
          padding-right: 0;
        }
        .timeline::before {
          bottom: 160px;
        }
        .origin-timeline-wrap,
        .timeline {
          margin-top: 0;
        }
      }

      .hero-growth-sub {
        max-width: 555px;
      }

/* Review thumbs — never crop baked-in name plates */
html body.page-about #testimonials.testimonials-section .testi-card .testi-video img:not(.testi-video__logo),
html body.page-about #testimonials.testimonials-section .testi-card:hover .testi-video img:not(.testi-video__logo),
html body.page-about #testimonials.testimonials-section .testi-video img {
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* Mobile — review quotes not clipped (full text) */
@media screen and (max-width: 768px) {
  html body.page-about #testimonials.testimonials-section .testi-card {
    min-height: auto !important;
    height: auto !important;
    align-items: stretch !important;
  }

  html body.page-about #testimonials.testimonials-section .testi-card > .testi-video {
    min-height: 0 !important;
    align-self: stretch !important;
  }

  html body.page-about #testimonials.testimonials-section .testi-content {
    overflow: visible !important;
    min-width: 0 !important;
  }

  html body.page-about #testimonials.testimonials-section .testi-quote {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    text-overflow: unset !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
  }

  /* Mobile — image fills full card height; wide enough that name plates aren’t cropped */
  html body.page-about #testimonials.testimonials-section .testi-card > .testi-video {
    width: 158px !important;
    min-width: 158px !important;
    flex: 0 0 158px !important;
    align-self: stretch !important;
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 100% !important;
    background: #0f1024 !important;
    overflow: hidden !important;
  }

  html body.page-about #testimonials.testimonials-section .testi-card .testi-video img:not(.testi-video__logo),
  html body.page-about #testimonials.testimonials-section .testi-card:hover .testi-video img:not(.testi-video__logo),
  html body.page-about #testimonials.testimonials-section .testi-video img {
    object-fit: cover !important;
    object-position: left bottom !important;
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important;
    transform: none !important;
  }
}