/* ------------------
   THREE PARTS
------------------ */
      .parts-sec {
        background: var(--lav);
      }
      .parts-inner {
        max-width: 1100px;
        margin: 0 auto;
      }

      /* tab switcher */
      .parts-tabs {
        display: flex;
        gap: 4px;
        background: var(--lav-m);
        border: 1px solid var(--bd);
        border-radius: 12px;
        padding: 4px;
        margin-bottom: 36px;
        width: fit-content;
      }
      .pt {
        padding: 10px 22px;
        border-radius: 9px;
        font-size: 14px;
        font-weight: 600;
        color: var(--muted);
        cursor: pointer;
        transition: all 0.22s;
        border: none;
        background: none;
        font-family: "Inter", sans-serif;
      }
      .pt.active {
        background: #fff;
        color: var(--mid);
        font-weight: 600;
        box-shadow: var(--sh-s);
      }
      .pt:hover:not(.active) {
        color: var(--body);
      }

      /* panel */
      .parts-panel {
        display: none;
      }
      .parts-panel.active {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: start;
      }

      .panel-visual {
        background: #fff;
        border: 1px solid var(--bd);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: var(--sh-l);
      }
      .panel-visual-header {
        padding: 16px 20px;
        background: linear-gradient(135deg, var(--mid), var(--mid-d));
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .pvh-icon {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.15);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
      }
      .pvh-title {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
      }
      .pvh-sub {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.55);
      }
      .panel-visual-body {
        padding: 20px;
      }
      .pvb-row {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 11px 12px;
        background: var(--lav);
        border-radius: 8px;
        margin-bottom: 8px;
        font-size: 13.5px;
        color: var(--body);
        border: 1px solid var(--bd);
        transition: background 0.15s;
      }
      .pvb-row:last-child {
        margin-bottom: 0;
      }
      .pvb-row:hover {
        background: var(--lav-m);
      }
      .pvb-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        flex-shrink: 0;
      }
      .pvb-dot.teal {
        background: var(--turquoise);
      }
      .pvb-dot.green {
        background: var(--green);
      }
      .green2
      {
        font-size: 25px;
      }
      .pvb-dot.amber {
        background: var(--amber);
      }
      .pvb-dot.mid {
        background: var(--mid);
      }
      .pvb-label {
        flex: 1;
        font-size: 13px;
      }
      .pvb-status {
        font-size: 11px;
        font-weight: 600;
        color: var(--green);
      }

      /* Tab 1 Growth OS activity card (scroll feed) */
      .panel-visual--growth-os .panel-visual-header .role-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.18);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
      }
      .panel-visual--growth-os .panel-visual-header .role-icon svg {
        width: 22px;
        height: 22px;
        flex-shrink: 0;
        stroke: #fff;
        color: #fff;
      }
      .panel-visual--growth-os .panel-visual-header .pvh-title,
      .panel-visual--growth-os .panel-visual-header .pvh-sub {
        font-family: "Inter", sans-serif;
      }
      .panel-visual--growth-os .os-feed-wrap {
        position: relative;
        background: #fff;
      }
      .panel-visual--growth-os .os-feed-wrap::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 52px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
        pointer-events: none;
        border-radius: 0 0 16px 16px;
        z-index: 2;
      }
      .panel-visual--growth-os .os-feed-viewport {
        overflow: hidden;
        max-height: 350px;
        overscroll-behavior: contain;
        touch-action: none;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }
      .panel-visual--growth-os .os-feed-viewport::-webkit-scrollbar {
        display: none;
      }
      .panel-visual--growth-os .os-feed-track {
        display: flex;
        flex-direction: column;
        width: 100%;
        animation: growthOsFeedMarquee var(--os-feed-duration, 48s) linear
          infinite;
        will-change: transform;
      }
      .parts-panel:not(.active) .panel-visual--growth-os .os-feed-track {
        animation-play-state: paused;
      }
      @keyframes growthOsFeedMarquee {
        from {
          transform: translate3d(0, 0, 0);
        }
        to {
          transform: translate3d(0, -50%, 0);
        }
      }
      .panel-visual--growth-os .os-feed-segment {
        font-family: "Inter", sans-serif;
        flex-shrink: 0;
        padding: 10px 16px 18px;
      }
      @media (prefers-reduced-motion: reduce) {
        .panel-visual--growth-os .os-feed-track {
          animation: none !important;
        }
        .panel-visual--growth-os .os-feed-segment + .os-feed-segment {
          display: none !important;
        }
      }
      .panel-visual--growth-os .pvb-section-label {
        font-family: "Inter", sans-serif;
        font-size: 11.5px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--turquoise);
        padding: 12px 0 6px;
        position: relative;
        background: transparent;
      }
      .panel-visual--growth-os .pvb-section-label:first-of-type {
        padding-top: 4px;
      }
      .panel-visual--growth-os .pvb-row {
        margin-bottom: 6px;
      }
      .panel-visual--growth-os .pvb-label {
        font-family: "Inter", sans-serif;
        font-size: 13.5px;
        font-weight: 500;
        color: var(--ink);
        line-height: 1.4;
      }
      .panel-visual--growth-os .pvb-status {
        font-family: "Inter", sans-serif;
        font-size: 11.5px;
        font-weight: 600;
        flex-shrink: 0;
      }
      .panel-visual--growth-os .pvb-status--neutral {
        color: var(--grey-500);
      }
      .panel-visual--growth-os .pvb-dot.blue {
        background: #3b82f6;
      }
      .panel-visual--growth-os .pvb-dot.purple {
        background: #8b5cf6;
      }

      .panel-copy h3 {
        font-family: "Playfair Display", serif;
        font-size: 26px;
        font-weight: 700;
        color: var(--ink);
        margin-bottom: 14px;
        line-height: 1.2;
      }
      .panel-copy h3 em {
        font-style: italic;
        color: var(--mid);
      }
      .panel-copy p {
        font-size: 15px;
        color: var(--muted);
        line-height: 1.75;
        margin-bottom: 20px;
      }
      .panel-bullets {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 28px;
      }
      .panel-bullets li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 14.5px;
        color: var(--body);
        line-height: 1.5;
      }
      .panel-bullets li::before {
        content: "";
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--green-l);
        border: 1.5px solid rgba(34, 197, 94, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-top: 2px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
      }
      .panel-cta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: var(--mid);
        color: #fff;
        padding: 12px 24px;
        border-radius: 9px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.2s;
        box-shadow: 0 4px 16px rgba(69, 77, 161, 0.28);
      }
      .panel-cta:hover {
        background: var(--mid-d);
        transform: translateY(-1px);
      }
      .cta-right {
        border-radius: 9px !important;
      }

      /* -- Three Parts (growth-os-section) scoped to avoid .tab / #tab-* clashes -- */
      .gos-part3-section {
        --serif: "Playfair Display", serif;
        --sans: "Inter", sans-serif;
        --card: #ffffff;
        --grey-50: #f6f7fb;
        --grey-100: rgba(69, 77, 161, 0.09);
        --grey-300: #c4c4d4;
        --grey-500: #6b7280;
        --grey-700: #3d3d58;
        --grey-900: #14142a;
         --midnight-d: #454da1;
         --midnight-d-deep: #363d88;
        --green-live: #16a34a;
        --orange: #f59e0b;
        --blue: #3b82f6;
        --purple: #8b5cf6;
        --green-soft: rgba(34, 197, 94, 0.12);
        --turquoise: #21bfcf;
        --ink: #14142a;
        padding: 96px 24px 80px;
        background: var(--lav);
      }

      .gos-part3-inner {
        max-width: 1100px;
        margin: 0 auto;
      }

      .gos-part3-section .eyebrow {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--turquoise);
        margin-bottom: 24px;
      }

      .gos-part3-section .headline {
        font-family: var(--serif);
        font-size: clamp(40px, 5.5vw, 68px);
        font-weight: 500;
        line-height: 1.05;
        letter-spacing: -0.02em;
        color: var(--ink);
        max-width: 900px;
        margin-bottom: 24px;
      }

      .gos-part3-section .headline em {
        font-style: italic;
        font-weight: 400;
        color: var( --midnight-d);
      }

      .gos-part3-section .subhead {
        font-size: 18px;
        color: var(--grey-700);
        max-width: 640px;
        line-height: 1.6;
        margin-bottom: 56px;
      }

      .gos-part3-section .tabs {
        display: inline-flex;
        background: var(--card);
        border-radius: 14px;
        padding: 6px;
        box-shadow:
          0 1px 3px rgba(0, 0, 0, 0.04),
          0 1px 2px rgba(0, 0, 0, 0.02);
        border: 1px solid var(--grey-100);
        margin-bottom: 56px;
        gap: 4px;
      }

      .gos-part3-section .tab {
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 500;
        color: var(--grey-700);
        background: transparent;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        font-family: var(--sans);
        white-space: nowrap;
      }

      .gos-part3-section .tab:hover {
        color: var( --midnight-d);
      }

      .gos-part3-section .tab.active {
        background: var( --midnight-d);
        color: white;
        box-shadow: 0 4px 12px rgba(69, 77, 161, 0.25);
      }

      .gos-part3-section .tab-num {
        font-family: var(--sans);
        font-style: italic;
        margin-right: 6px;
        opacity: 0.7;
      }

      .gos-part3-section .tab-content {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 64px;
        align-items: start;
        animation: gosPart3FadeIn 0.4s ease-out;
      }

      .gos-part3-section .tab-content.active {
        display: grid;
      }

      @keyframes gosPart3FadeIn {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .gos-part3-section .card {
        background: var(--card);
        border-radius: 20px;
        overflow: hidden;
        box-shadow:
          0 4px 24px rgba(0, 0, 0, 0.04),
          0 1px 3px rgba(0, 0, 0, 0.03);
        border: 1px solid var(--grey-100);
      }

      .gos-part3-section .card-header {
        padding: 24px 28px;
        color: white;
        display: flex;
        align-items: center;
        gap: 16px;
      }

      .gos-part3-section .card-header.os {
        background: linear-gradient(
          135deg,
          var( --midnight-d) 0%,
          var( --midnight-d-deep) 100%
        );
      }

      .gos-part3-section .card-header.assistant {
        background: linear-gradient(135deg, #10b981 0%, #059669 100%);
      }

      .gos-part3-section .card-header.manager {
        background: linear-gradient(135deg, var( --midnight-d) 0%, #5a63b8 100%);
      }

      .gos-part3-section .card-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.18);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        backdrop-filter: blur(8px);
      }

      .gos-part3-section .card-icon svg {
        width: 22px;
        height: 22px;
        stroke: white;
      }

      .gos-part3-section .card-title {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.01em;
        margin-bottom: 2px;
      }

      .gos-part3-section .card-subtitle {
        font-size: 13px;
        opacity: 0.85;
        font-weight: 400;
      }

      .gos-part3-section .live-pulse {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
      }

      .gos-part3-section .live-pulse::before {
        content: "";
        width: 8px;
        height: 8px;
        background: white;
        border-radius: 50%;
        animation: gosPart3Pulse 1.6s ease-in-out infinite;
      }

      @keyframes gosPart3Pulse {
        0%,
        100% {
          opacity: 1;
          transform: scale(1);
        }
        50% {
          opacity: 0.4;
          transform: scale(0.85);
        }
      }

      .gos-part3-section .scroll-container {
        height: 420px;
        overflow-y: auto;
        position: relative;
        padding: 8px 20px 0;
        scroll-behavior: smooth;
      }

      .gos-part3-section .scroll-container::-webkit-scrollbar {
        width: 6px;
      }

      .gos-part3-section .scroll-container::-webkit-scrollbar-track {
        background: transparent;
      }

      .gos-part3-section .scroll-container::-webkit-scrollbar-thumb {
        background: var(--grey-300);
        border-radius: 3px;
      }

      .gos-part3-section .scroll-container::-webkit-scrollbar-thumb:hover {
        background: var(--grey-500);
      }

      .gos-part3-section .scroll-fade {
        position: relative;
      }

      .gos-part3-section .scroll-fade::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background: linear-gradient(to bottom, transparent, var(--card));
        pointer-events: none;
        border-radius: 0 0 20px 20px;
        z-index: 2;
      }

      /* Growth OS tab seamless vertical marquee (new section) */
      .gos-part3-section .gos-os-feed-wrap {
        position: relative;
        background: var(--card);
      }

      .gos-part3-section .gos-os-feed-viewport {
        overflow: hidden;
        max-height: 350px;
        overscroll-behavior: contain;
        touch-action: none;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .gos-part3-section .gos-os-feed-viewport::-webkit-scrollbar {
        display: none;
      }

      .gos-part3-section .gos-os-feed-track {
        display: flex;
        flex-direction: column;
        width: 100%;
        animation: gosOsFeedMarquee var(--gos-os-feed-duration, 48s) linear
          infinite;
        will-change: transform;
      }

      .gos-part3-section .tab-content:not(.active) .gos-os-feed-track {
        animation-play-state: paused;
      }

      @keyframes gosOsFeedMarquee {
        from {
          transform: translate3d(0, 0, 0);
        }
        to {
          transform: translate3d(0, -50%, 0);
        }
      }

      .gos-part3-section .gos-os-feed-segment {
        flex-shrink: 0;
        padding: 8px 20px 18px;
        font-family: var(--sans);
      }

      .gos-part3-section .gos-os-feed-segment .section-header {
        position: relative;
        top: auto;
        z-index: 0;
      }

      .gos-part3-section .gos-os-feed-segment > .section-header:first-child {
        padding-top: 8px;
      }

      @media (prefers-reduced-motion: reduce) {
        .gos-part3-section .gos-os-feed-track {
          animation: none !important;
        }

        .gos-part3-section .gos-os-feed-segment + .gos-os-feed-segment {
          display: none !important;
        }
      }

      .gos-part3-section .section-header {
        position: sticky;
        top: 0;
        background: var(--card);
        padding: 16px 0 8px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--turquoise);
        z-index: 5;
      }

      .gos-part3-section .scroll-container > .section-header:first-child {
        padding-top: 8px;
      }

      .gos-part3-section .row {
        display: flex;
        align-items: center;
        padding: 14px 16px;
        background: var(--grey-50);
        border-radius: 10px;
        margin-bottom: 6px;
        gap: 12px;
        transition: all 0.2s ease;
      }

      .gos-part3-section .row:hover {
        background: var(--grey-100);
        transform: translateX(2px);
      }

      .gos-part3-section .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        flex-shrink: 0;
      }

      .gos-part3-section .dot.green {
        background: var(--green-live);
      }
      .gos-part3-section .dot.orange {
        background: var(--orange);
      }
      .gos-part3-section .dot.blue {
        background: var(--blue);
      }
      .gos-part3-section .dot.purple {
        background: var(--purple);
      }
      .gos-part3-section .dot.turquoise {
        background: var(--turquoise);
      }

      .gos-part3-section .row-label {
        flex: 1;
        font-size: 13.5px;
        font-weight: 500;
        color: var(--ink);
        line-height: 1.4;
      }

      .gos-part3-section .row-tag {
        font-size: 11.5px;
        font-weight: 600;
        color: var(--grey-500);
        flex-shrink: 0;
      }

      .gos-part3-section .row-tag.done {
        color: var(--green-live);
      }
      .gos-part3-section .row-tag.done::after {
        content: " ?";
      }

      .gos-part3-section .kpi-row {
        display: grid;
        grid-template-columns: 8px 10px max-content 10px minmax(0, 1fr);
        align-items: start;
        column-gap: 0;
        row-gap: 0;
        padding: 16px;
        background: var(--grey-50);
        border-radius: 10px;
        margin-bottom: 6px;
        transition: all 0.2s ease;
      }

      .gos-part3-section .kpi-row > .dot {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        margin-top: 0;
      }

      .gos-part3-section .kpi-row:hover {
        background: var(--grey-100);
        transform: translateX(2px);
      }

      .gos-part3-section .kpi-number {
        grid-column: 3;
        grid-row: 1;
        box-sizing: border-box;
        width: max-content;
        max-width: 100%;
        min-width: 0;
        justify-self: end;
        text-align: right;
        font-family: var(--serif);
        font-size: 24px;
        font-weight: 600;
        color: var(--midnight-d);
        letter-spacing: -0.02em;
        margin: 0;
        padding: 0;
        line-height: 0.88;
      }

      @supports (text-box-trim: trim-both) {
        .gos-part3-section .kpi-number {
          line-height: 1;
          text-box-trim: trim-both;
          text-box-edge: cap alphabetic;
        }
      }

      .gos-part3-section .kpi-content {
        grid-column: 5;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        align-content: flex-start;
        justify-content: flex-start;
        gap: 2px;
        min-width: 0;
        margin: 0;
        padding: 0;
      }

      .gos-part3-section .kpi-label {
        font-size: 13.5px;
        font-weight: 500;
        color: var(--ink);
        line-height: 1.25;
        display: block;
        margin: 0;
        padding: 0;
      }

      .gos-part3-section .kpi-detail {
        font-size: 11.5px;
        font-weight: 500;
        color: var(--grey-500);
        display: block;
        margin: 0;
        padding: 0;
      }

      .gos-part3-section .right-col {
        padding-top: 8px;
      }

      .gos-part3-section .right-headline {
        font-family: var(--serif);
        font-size: 32px;
        font-weight: 500;
        line-height: 1.15;
        letter-spacing: -0.015em;
        color: var(--ink);
        margin-bottom: 20px;
      }

      .gos-part3-section .right-headline em {
        font-style: italic;
        color: var( --midnight-d);
        font-weight: 400;
      }

      .gos-part3-section .right-body {
        font-size: 16px;
        line-height: 1.65;
        color: var(--grey-700);
        margin-bottom: 28px;
      }

      .gos-part3-section .check-list {
        list-style: none;
        margin-bottom: 32px;
      }

      .gos-part3-section .check-list li {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 10px 0;
        font-size: 15px;
        line-height: 1.5;
        color: var(--grey-900);
      }

      .gos-part3-section .check-icon {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--green-soft);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-top: 1px;
      }

      .gos-part3-section .check-icon svg {
        width: 12px;
        height: 12px;
        stroke: var(--green-live);
        stroke-width: 3;
        fill: none;
      }

      .gos-part3-section .cta-btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 14px 28px;
        background: linear-gradient(135deg,var(--midnight) 0%, var(--turquoise) 100%  );
        color: white;
        font-size: 15px;
        font-weight: 600;
        border: none;
        border-radius: 12px;
        cursor: pointer;
        text-decoration: none;
        transition: all 0.25s ease;
        font-family: var(--sans);
        box-shadow: 0 4px 14px rgba(69, 77, 161, 0.25);
      }

      .gos-part3-section .cta-btn:hover {
        background: linear-gradient(135deg, var(--turquoise) 0%, var(--midnight) 100%);
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(69, 77, 161, 0.35);
      }

      .gos-part3-section .cta-btn .arrow {
        transition: transform 0.25s ease;
      }

      .gos-part3-section .cta-btn:hover .arrow {
        transform: translateX(3px);
      }

      @media (max-width: 900px) {
        .gos-part3-section {
          padding: 64px 20px 80px;
        }
        .gos-part3-section .tab-content {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        .gos-part3-section .tabs {
          width: 100%;
          overflow-x: auto;
        }
        .gos-part3-section .right-headline {
          font-size: 26px;
        }
        .gos-part3-section .scroll-container {
          height: 380px;
        }
        .gos-part3-section .gos-os-feed-viewport {
          max-height: 300px;
        }
      }

      @media (max-width: 600px) {
        .gos-part3-section .tab {
          padding: 10px 16px;
          font-size: 13px;
        }
        .gos-part3-section .headline {
          font-size: 36px;
        }
        .gos-part3-section .subhead {
          font-size: 16px;
          margin-bottom: 40px;
        }
      }

      /* ------------------
   LIFE AFTER
------------------ */
      .life-sec {
        background: var(--lav);
      }
      .life-sec .r
      {
        font-style: normal;
      }
      .life-inner {
        max-width: 1100px;
        margin: 0 auto;
      }
      .life-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .life-item {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 16px 18px;
        background: #fff;
        border: 1px solid var(--bd);
        border-radius: 12px;
        box-shadow: var(--sh-s);
        transition: all 0.22s;
        cursor: default;
      }
      .life-item:hover {
        transform: translateX(4px);
        box-shadow: var(--sh-m);
        border-color: var(--bd-m);
      }
      .life-check {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--green-l);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-top: 2px;
        font-size: 11px;
      }
      .life-item p {
        font-size: 14px;
        color: var(--body);
        line-height: 1.5;
      }
      .life-item p strong {
        color: var(--ink);
        font-weight: 600;
      }

      /* ------------------
   CASE STUDIES
------------------ */
      .cases-sec {
        background: var(--white);
      }
      .cases-inner {
        max-width: 1100px;
        margin: 0 auto;
      }
      .cases-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-top: 40px;
      }
      .case-card {
        border: 1px solid var(--bd);
        border-radius: 14px;
        overflow: hidden;
        background: var(--lav);
        transition: all 0.25s;
      }
      .case-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--sh-m);
        background: #fff;
      }
      .case-avatar {
        height: 100px;
        background: linear-gradient(135deg, var(--mid), var(--turquoise));
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Playfair Display", serif;
        font-size: 40px;
        color: #fff;
        font-weight: 700;
      }
      .case-body {
        padding: 18px 16px;
      }
      .case-result {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--green);
        margin-bottom: 8px;
      }
      .case-quote {
        font-size: 13.5px;
        font-style: italic;
        color: var(--body);
        line-height: 1.6;
        margin-bottom: 12px;
      }
      .case-quote strong {
        font-style: normal;
        font-weight: 700;
        color: var(--mid);
      }
      .gi-green {
        background: rgba(22, 163, 74, 0.1);
      }
      .get-icon {
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        padding: 5px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        flex-shrink: 0;
      }
     
      .case-name {
        font-size: 13px;
        font-weight: 600;
        color: var(--ink);
      }
      .case-role {
        font-size: 11.5px;
        color: var(--muted);
      }

      .cases-cta {
        text-align: center;
        margin-top: 36px;
      }
      .btn-out {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1.5px solid var(--bd-m);
        color: var(--mid);
        padding: 12px 28px;
        border-radius: 9px;
        font-size: 14.5px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.2s;
      }
      .gi-blue {
        background: rgba(69, 77, 161, 0.1);
      }
      .btn-out:hover {
        border-color: var(--mid);
        background: var(--mid-l);
      }

      /* ------------------
   BOTTOM CTA
------------------ */
      .cta-sec {
        padding: 88px 56px;
        background: linear-gradient(
          145deg,
          var(--mid) 0%,
          #363d88 60%,
          #2b3172 100%
        );
        position: relative;
        overflow: hidden;
      }
      .cta-sec::before {
        content: "";
        position: absolute;
        top: -180px;
        right: -120px;
        width: 560px;
        height: 560px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(33, 191, 207, 0.13) 0%,
          transparent 65%
        );
        pointer-events: none;
      }
      .cta-inner {
        max-width: 1100px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 400px;
        gap: 56px;
        align-items: center;
        position: relative;
        z-index: 1;
      }
      .cta-left h2 {
        color: #fff;
        font-style: normal;
      }
      .cta-left h2 em {
        color: var(--turquoise);
      }
      .cta-left p {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.55);
        line-height: 1.75;
        margin-bottom: 28px;
      }
      .cta-checks {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 11px;
        margin-bottom: 32px;
      }
      .cta-checks li {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14.5px;
        color: rgba(255, 255, 255, 0.78);
      }
      .cta-checks li::before {
        content: "?";
        width: 20px;
        height: 20px;
        border-radius: 6px;
        background: var(--green);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 700;
        flex-shrink: 0;
        display: none;
      }
      .cta-right {
        background: #fff;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 20px;
        padding: 28px;
      }
      .cta-right-title {
        font-family: "Playfair Display", serif;
        font-size: 18px;
        font-weight: 700;
        /* color: #fff; */
        margin-bottom: 18px;
        font-style: italic;
      }

      .cta-feature {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 12px 14px;
        background: var(--lav);
        border: 1.5008px solid var(--border);
        border-radius: 10px;
        margin-bottom: 10px;
        transition: background 0.2s;
        cursor: default;
      }
      .cta-feature:last-child {
        margin-bottom: 0;
      }
      .cta-feature:hover {
        background: #ebebf7;
      }
      .cf-icon {
        font-size: 18px;
        flex-shrink: 0;
      }
      .cf-title {
        font-size: 13.5px;
        font-weight: 600;
        /* color: #fff; */
        margin-bottom: 2px;
      }
      .cf-desc {
        font-size: 12px;
        /* color: rgba(255, 255, 255, 0.45); */
      }

      /* ====== PHILOSOPHY SECTION ====== */
      .philosophy {
        background: linear-gradient(135deg, var(--midnight-deep) 0%, var(--midnight) 50%, var(--midnight-darker) 100%);
        position: relative;
        overflow: hidden;
        padding: 102px 24px 105px;
        font-family: var(--sans);
      }

      /* Decorative atmospheric elements */
      .philosophy::before {
        content: "";
        position: absolute;
        top: -200px;
        right: -200px;
        width: 600px;
        height: 600px;
        background: radial-gradient(
          circle,
          rgba(33, 191, 207, 0.15) 0%,
          transparent 60%
        );
        border-radius: 50%;
        pointer-events: none;
      }

      .philosophy::after {
        content: "";
        position: absolute;
        bottom: -300px;
        left: -200px;
        width: 700px;
        height: 700px;
        background: radial-gradient(
          circle,
          rgba(33, 191, 207, 0.08) 0%,
          transparent 60%
        );
        border-radius: 50%;
        pointer-events: none;
      }

      /* Subtle grid texture */
      .grid-overlay {
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
          linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
          );
        background-size: 60px 60px;
        pointer-events: none;
      }

      .philosophy .container {
        position: relative;
        z-index: 2;
      }

      .top-grid {
        display: grid;
        grid-template-columns: 1.4fr 1fr;
        gap: 80px;
        align-items: center;
        margin-bottom: 96px;
      }
      .three-div .eyebrow
      {
          margin-bottom:20px;
      }
      .three-div .eyetext
      {
         width:100%;
         max-width:700px;
      }

      /* ====== LEFT QUOTE ====== */
      .quote-block {
        color: white;
      }

      .eyebrow {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--turquoise);
        margin-bottom: 32px;
        display: inline-flex;
        align-items: center;
        gap: 12px;
      }

      .gsd-inner-circle-img
      {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: contain;
        z-index: 1;
      }

      /* .eyebrow::before {
        content: "";
        width: 28px;
        height: 1px;
        background: var(--turquoise);
      } */

      .quote-mark {
        font-family: var(--serif);
        font-size: 120px;
        line-height: 0.8;
        color: var(--turquoise);
        opacity: 0.35;
        margin-bottom: -20px;
        font-weight: 500;
        display: block;
      }

      .quote {
        font-family: "Playfair Display", serif;
        font-style: italic;
        font-size: clamp(28px, 3.4vw, 44px);
        font-weight: 400;
        line-height: 1.25;
        letter-spacing: -0.015em;
        color: white;
        margin-bottom: 36px;
      }

      .quote .accent {
        color: var(--turquoise-soft);
        font-style: italic;
      }

      .attribution {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 12px;
      }
      .text-white
      {
        color:#fff;
      }
      .text-white em {
          color: var(--turquoise);
      }
      .eyetext
      {
        color: rgba(255, 255, 255, 0.55);
      }
      .attribution-line {
        width: 32px;
        height: 1px;
        background: rgba(255, 255, 255, 0.4);
      }

      .attribution-text {
        font-size: 14px;
        font-weight: 600;
        color: white;
        letter-spacing: 0.01em;
      }

      .attribution-role {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400;
      }

      .attribution-tagline {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.55);
        /* margin-left: 48px; */
        font-style: italic;
      }

      /* ====== RIGHT STATS CARD ====== */
      .stats-card {
        /* background: rgba(255, 255, 255, 0.04); */
        background:#fff;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 20px;
        padding: 36px 32px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
      }

      .stats-label {
        font-family: "Playfair Display", serif;
        font-size: 18px;
        font-weight: 700;
        color: var(--text);
        margin-bottom: 28px;
        font-style: italic;
      }

      .stats-label::after {
        content: "";
        flex: 1;
        height: 1px;
        background: rgba(255, 255, 255, 0.15);
        display: none;
      }

      .stat-row {
        display: flex;
        align-items: center;
        gap: 0;
        padding: 15px 15px 15px 15px;
        border: 1px solid rgba(64, 82, 223, 0.16);
        /* background: var(--lav); */
        background:rgba(250, 250, 255, 0.72);
        margin-bottom: 10px;
        border-radius: 10px;
        box-shadow: 0 18px 45px rgba(36, 43, 105, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }
    .stat-row .role-icon.ri-red
    {
      width: 25px;
      height: 25px;
    }
    .role-icon svg
    {
      height:25px;
      width:25px;
    }
    .role-icon svg * {
        stroke-width: 2.2;
    }
    .stat-row .role-icon.ri-amber
    {
      width: 36px;
      height: 36px;
    }
    .role-icon.ri-blue
    {
      width: 36px;
      height: 36px;
    }

      .stat-row:first-child {
        padding-top: 4px;
      }

      .stat-number {
        position: relative;
        font-family: "Playfair Display", serif;
        font-size: 36px;
        font-weight: 500;
        color: #454da1;
        line-height: 1;
        letter-spacing: -0.03em;
        flex-shrink: 0;
        padding-left: 24px;
        padding-right: 13px;
        width:132px;
      }
      .stat-number p
      {
        margin-top:-13px;
      }

      .stat-number .small {
        font-size: 28px;
        color: var(--turquoise-soft);
      }

      .stat-label {
        position: relative;
        font-size: 13px;
        color: #282828;
        line-height: 1.5;
        font-weight: 400;
        padding-left: 24px;
      }
      .stat-label:before
      {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 45px;
        background: rgba(64, 82, 223, 0.16);
      }

      /* ====== THREE BELIEFS STRIP ====== */
      .beliefs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
        padding-top: 64px;
        /* border-top: 1px solid rgba(255, 255, 255, 0.1); */
        position: relative;
      }

      /* .beliefs::before {
        content: "THE THREE BELIEFS";
        position: absolute;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
        background: var( --midnight-d);
        padding: 0 10px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2.5px;
        color: var(--turquoise);
        border-radius: 10px;
      } */

      .belief {
        color: var(--grey-900);
        background:#fff;
        position: relative;
        border-radius: 10px;
        padding: 12px 28px 28px 28px;
      }

      .belief-num-row {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 14px;
        width: 100%;
      }

      .belief-num {
        font-family: "Playfair Display", serif;
        font-size: 56px;
        font-weight: 400;
        color: #454da1;
        /* -webkit-text-stroke: 1.5px var(--turquoise); */
        line-height: 1;
        margin-bottom: 0;
        letter-spacing: -0.02em;
        display: block;
        flex-shrink: 0;
      }

      .belief-icon {
        flex-shrink: 0;
        width: 52px;
        height: 52px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(69, 77, 161, 0.1);
        color: #454da1;
        font-size: 22px;
        line-height: 1;
      }
      .belief-icon svg
      {
        width:30px;
        height:30px;
      }

      .belief:nth-child(2) .belief-icon {
        background: rgba(33, 191, 207, 0.12);
        color: #159bb0;
      }

      .belief:nth-child(3) .belief-icon {
        background: rgba(69, 77, 161, 0.08);
        color: #454da1;
      }

      .belief-tag {
        position: relative;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2px;
        color: var(--turquoise);
        margin-bottom: 20px;
        margin-top:10px;
        text-transform: uppercase;
        width:fit-content;
      }
      .belief-tag::before
      {
        content: '';
        position: absolute;
        bottom: -7px;
        left: 0;
        width: 30px;
        height: 1px;
        background: var(--turquoise);
        z-index: 1;
      }

      .belief-headline {
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.25;
        color: var(--ink);
        margin-bottom: 14px;
        letter-spacing: -0.01em;
      }

      .belief-headline em {
        font-style: italic;
        color: var(--midnight);
      }

      .belief-body {
        font-size: 13px;
        line-height: 1.6;
        color: rgba(26, 26, 26, 0.72);
        font-weight: 400;
      }
      .parent-divider
      {
        width: 100%;
        max-width: 240px;
        height: 3px;
        border-radius: 100px;
        background: rgba(69, 77, 161, 0.1);
        overflow: hidden;
        margin-bottom:16px;
      }
      .child-divider
      {
        height: 100%;
        width: 11.1%;
        background: #21bfcf;
        border-radius: 100px;
        transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .testimonials-section .r
      {
        font-style: normal;
      }

      /* ====== RESPONSIVE ====== */
      @media (max-width: 968px) {
        .philosophy {
          padding: 80px 20px;
        }
        .top-grid {
          grid-template-columns: 1fr;
          gap: 56px;
          margin-bottom: 64px;
        }
        .beliefs {
          grid-template-columns: 1fr;
          gap: 48px;
          padding-top: 56px;
        }
        .stat-number {
          font-size: 36px;
          min-width: 110px;
        }
        .quote {
          font-size: 28px;
        }
        .quote-mark {
          font-size: 80px;
        }
      }

      /* -- RESPONSIVE -- */
      @media (max-width: 900px) {
        section,
        .hero-growth,
        .cta-sec,
        .quote-banner {
          padding: 64px 18px;
        }
        .truth-grid,
        .diff-grid,
        .cta-inner,
        .quote-banner-inner {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        .parts-panel.active {
          grid-template-columns: 1fr;
        }
        .life-list {
          grid-template-columns: 1fr;
        }
        .cases-grid {
          grid-template-columns: 1fr 1fr;
        }
      }

      @media (max-width: 600px) {
        .philosophy {
          padding: 64px 18px;
        }
        .quote {
          font-size: 24px;
        }
        .belief-headline {
          font-size: 19px;
        }
        .stat-number {
          font-size: 32px;
          min-width: 96px;
        }
        .stats-card {
          padding: 28px 24px;
        }
      }