* {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            font-family: "DM Sans", "Google Sans", Arial, sans-serif;
            background: #fff;
        }

        .trust-founder-section {
            position: relative;
            overflow: hidden;
            padding: 50px 0 55px;
            background:
                radial-gradient(circle at 8% 22%, rgba(255,255,255,.8) 0 8px, transparent 9px),
                radial-gradient(circle at 92% 18%, rgba(83,113,75,.22) 0 25px, transparent 26px),
                radial-gradient(circle at 88% 78%, rgba(226,118,38,.23) 0 42px, transparent 43px),
                radial-gradient(circle at 12% 82%, rgba(255,255,255,.72) 0 32px, transparent 33px),
                linear-gradient(135deg, #e6caa0 0%, #f2d8ae 42%, #dfbd8b 100%);
        }

        .trust-founder-section::before {
            content: "";
            position: absolute;
            width: 330px;
            height: 330px;
            left: -120px;
            top: -150px;
            border: 38px solid rgba(255,255,255,.30);
            border-radius: 50%;
            animation: tfRotate 18s linear infinite;
        }

        .trust-founder-section::after {
            content: "";
            position: absolute;
            width: 260px;
            height: 260px;
            right: -80px;
            bottom: -150px;
            border: 32px solid rgba(64,91,61,.18);
            border-radius: 50%;
        }

        .tf-graphics {
            position: absolute;
            inset: 0;
            pointer-events: none;
            overflow: hidden;
        }

        .tf-bubble {
            position: absolute;
            border-radius: 50%;
            border: 2px solid rgba(255,255,255,.62);
            background: rgba(255,255,255,.16);
            box-shadow: inset 0 0 20px rgba(255,255,255,.28);
            animation: tfFloat 6s ease-in-out infinite;
        }

        .tf-bubble.b1 {
            width: 70px;
            height: 70px;
            top: 15%;
            left: 4%;
        }

        .tf-bubble.b2 {
            width: 34px;
            height: 34px;
            top: 67%;
            left: 8%;
            animation-delay: 1s;
        }

        .tf-bubble.b3 {
            width: 95px;
            height: 95px;
            top: 15%;
            right: 5%;
            animation-delay: 2s;
        }

        .tf-bubble.b4 {
            width: 45px;
            height: 45px;
            bottom: 8%;
            right: 22%;
            animation-delay: .7s;
        }

        .tf-bubble.b5 {
            width: 26px;
            height: 26px;
            top: 48%;
            right: 3%;
            animation-delay: 1.6s;
        }

        .tf-drop {
            position: absolute;
            width: 42px;
            height: 58px;
            background: rgba(255,255,255,.20);
            border: 2px solid rgba(255,255,255,.50);
            border-radius: 50% 50% 55% 45% / 60% 60% 40% 40%;
            transform: rotate(45deg);
            animation: tfDrop 5s ease-in-out infinite;
        }

        .tf-drop.d1 {
            top: 28%;
            left: 19%;
        }

        .tf-drop.d2 {
            right: 13%;
            bottom: 14%;
            transform: rotate(25deg) scale(.7);
            animation-delay: 1.5s;
        }

        .tf-wave {
            position: absolute;
            height: 110px;
            width: 520px;
            border: 20px solid rgba(115,76,39,.09);
            border-radius: 50%;
            transform: rotate(-10deg);
        }

        .tf-wave.w1 {
            top: 25px;
            right: 22%;
        }

        .tf-wave.w2 {
            left: 20%;
            bottom: -70px;
            border-color: rgba(255,255,255,.20);
        }

        .tf-heading {
            position: relative;
            z-index: 2;
            max-width: 720px;
            margin: 0 auto 30px;
            text-align: center;
        }

        .tf-heading-label {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
            color: #89501d;
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .tf-heading-label::before,
        .tf-heading-label::after {
            content: "";
            width: 26px;
            height: 2px;
            background: #89501d;
        }

        .tf-heading h2 {
            margin: 0 0 8px;
            color: #19261d;
            font-size: clamp(29px, 4vw, 43px);
            font-weight: 800;
            letter-spacing: -1px;
        }

        .tf-heading p {
            margin: 0 auto;
            max-width: 610px;
            color: #594d40;
            font-size: 16px;
            line-height: 1.65;
            font-weight: 500;
        }

        .tf-founder-row {
            position: relative;
            z-index: 3;
        }

        .tf-equal-col {
            display: flex;
        }

        .tf-founder-card,
        .tf-content-card {
            width: 100%;
            min-height: 390px;
            border-radius: 20px;
            overflow: hidden;
        }

        .tf-founder-card {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 30px 22px;
            background:
                radial-gradient(circle at 25% 20%, rgba(255,255,255,.72), transparent 32%),
                linear-gradient(145deg, #d8ead0, #b7d2af);
            border: 1px solid rgba(255,255,255,.75);
            box-shadow: 0 16px 45px rgba(70,53,31,.18);
        }

        .tf-founder-card::before {
            content: "";
            position: absolute;
            width: 180px;
            height: 180px;
            top: -90px;
            right: -65px;
            border: 25px solid rgba(255,255,255,.32);
            border-radius: 50%;
        }

        .tf-founder-card::after {
            content: "";
            position: absolute;
            width: 120px;
            height: 120px;
            left: -52px;
            bottom: -44px;
            border-radius: 50%;
            background: rgba(54,88,54,.13);
        }

        .tf-founder-small-title {
            position: relative;
            z-index: 2;
            margin-bottom: 17px;
            color: #315137;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 1.4px;
            text-transform: uppercase;
        }

        .tf-founder-image-wrap {
            position: relative;
            z-index: 2;
            width: 235px;
            height: 235px;
            border-radius: 50%;
            padding: 8px;
            background: linear-gradient(135deg, #ffffff, #f3a63b, #446b48);
            box-shadow:
                0 17px 38px rgba(43,68,45,.26),
                0 0 0 8px rgba(255,255,255,.35);
        }

        .tf-founder-image {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            object-position: center;
            border-radius: 50%;
            border: 5px solid #fff;
        }

        .tf-founder-badge {
            position: absolute;
            z-index: 5;
            left: 50%;
            bottom: -13px;
            transform: translateX(-50%);
            width: max-content;
            max-width: 95%;
            padding: 9px 16px;
            border-radius: 10px;
            background: #18241c;
            color: #fff;
            font-size: 14px;
            font-weight: 800;
            box-shadow: 0 10px 20px rgba(22,31,24,.30);
            border: 2px solid #fff;
        }

        .tf-founder-badge i {
            color: #f5a23c;
            margin-right: 6px;
        }

        .tf-founder-role {
            position: relative;
            z-index: 2;
            margin: 27px 0 0;
            color: #49644d;
            font-size: 13px;
            font-weight: 700;
        }

        .tf-content-card {
            position: relative;
            padding: 28px 30px;
            background: rgba(255,255,255,.93);
            border: 1px solid rgba(255,255,255,.85);
            box-shadow: 0 16px 45px rgba(70,53,31,.18);
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .tf-content-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 7px;
            height: 100%;
            background: linear-gradient(#24372a, #ed8a29, #668469);
        }

        .tf-content-top {
            display: flex;
            align-items: center;
            gap: 13px;
            margin-bottom: 11px;
        }

        .tf-content-icon {
            flex: 0 0 48px;
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            color: #fff;
            background: #26372c;
            font-size: 20px;
            box-shadow: 0 9px 20px rgba(38,55,44,.20);
        }

        .tf-content-title span {
            display: block;
            margin-bottom: 2px;
            color: #1e1f44;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .tf-content-title h3 {
            margin: 0;
            color: #202720;
            font-size: clamp(23px, 3vw, 22px);
            font-weight: 700;
            text-transform: uppercase;
        }

        .tf-description {
            margin: 0 0 18px;
            color: #4f554f;
            font-size: 16px;
            line-height: 1.75;
            font-weight: 500;
        }

        .tf-info-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

        .tf-info-box {
            position: relative;
            min-height: 95px;
            padding: 14px 12px;
            border-radius: 12px;
            overflow: hidden;
            transition: transform .3s ease, box-shadow .3s ease;
        }

        .tf-info-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 20px rgba(34,40,34,.16);
        }

        .tf-info-box i {
            display: block;
            margin-bottom: 9px;
            font-size: 18px;
        }

        .tf-info-box h5 {
            margin: 0 0 4px;
            font-size: 13px;
            font-weight: 800;
        }

        .tf-info-box p {
            margin: 0;
            font-size: 11px;
            line-height: 1.45;
            opacity: .88;
            font-weight: 500;
        }

        .tf-dark {
            background: #253027;
            color: #fff;
        }

        .tf-dark i {
            color: #ef9c43;
        }

        .tf-orange {
            background: #ec8429;
            color: #fff;
        }

        .tf-orange i {
            color: #fff3df;
        }

        .tf-gray {
            background: #e8e8e3;
            color: #393d39;
        }

        .tf-gray i {
            color: #d46b1f;
        }

        .tf-green {
            background: #58735c;
            color: #fff;
        }

        .tf-green i {
            color: #f9c982;
        }

        .tf-signature {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            margin-top: 17px;
            padding-top: 14px;
            border-top: 1px dashed #c7c7bd;
        }

        .tf-signature-text {
            color: #535953;
            font-size: 13px;
            line-height: 1.5;
        }

        .tf-signature-text strong {
            display: block;
            color: #26372c;
            font-size: 14px;
        }

        .tf-cross {
            width: 42px;
            height: 42px;
            flex: 0 0 42px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f5e0bd;
            color: #a95c1d;
            font-size: 17px;
        }

        @keyframes tfFloat {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-18px);
            }
        }

        @keyframes tfDrop {
            0%, 100% {
                margin-top: 0;
            }
            50% {
                margin-top: -14px;
            }
        }

        @keyframes tfRotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        @media (max-width: 991.98px) {
            .trust-founder-section {
                padding: 42px 0;
            }

            .tf-equal-col {
                display: block;
            }

            .tf-founder-card,
            .tf-content-card {
                min-height: auto;
            }

            .tf-founder-card {
                padding: 30px 20px 35px;
            }

            .tf-content-card {
                padding: 27px 25px;
            }

            .tf-info-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 575.98px) {
            .trust-founder-section {
                padding: 35px 0 40px;
            }

            .tf-heading {
                margin-bottom: 22px;
            }

            .tf-heading p {
                font-size: 14px;
            }

            .tf-founder-image-wrap {
                width: 205px;
                height: 205px;
            }

            .tf-content-card {
                padding: 23px 18px 22px 22px;
            }

            .tf-content-top {
                align-items: flex-start;
            }

            .tf-description {
                font-size: 15px;
                line-height: 1.7;
            }

            .tf-info-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 8px;
            }

            .tf-info-box {
                min-height: 108px;
            }

            .tf-signature {
                align-items: flex-start;
            }
        }

        @media (max-width: 380px) {
            .tf-info-grid {
                grid-template-columns: 1fr;
            }
        }