@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

        :root{
            --mgm-primary:#1e75bb;
            --mgm-primary-dark:#1e75bb;
            --mgm-accent:#1e75bb;
            --mgm-dark:#111827;
            --mgm-muted:#6b7280;
            --mgm-light:#f8fafc;
            --mgm-border:#e5e7eb;
            --mgm-card:#ffffff;
        }

        body{
            color: var(--mgm-dark);
        }

        .editorial-page{
            overflow: hidden;
        }

        .editorial-hero{
            position: relative;
            padding: 90px 0 70px;
            background:
               radial-gradient(circle at top left, rgba(15, 118, 110, .20), transparent 34%), radial-gradient(circle at bottom right, rgba(245, 158, 11, .18), transparent 34%), linear-gradient(135deg, #ecfeff 0%, #ffffff 55%, #1e75bb47 100%)
        }

        .editorial-hero:before{
            content:"";
            position:absolute;
            inset:0;
            background-image:
                linear-gradient(rgba(17,24,39,.045) 1px, transparent 1px),
                linear-gradient(90deg, rgba(17,24,39,.045) 1px, transparent 1px);
            background-size: 34px 34px;
            mask-image: linear-gradient(to bottom, #000, transparent);
            pointer-events:none;
        }

        .hero-content{
            position: relative;
            z-index: 2;
        }

        .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border-radius: 999px;
    background: #1e75bb0a;
    color: #1e75bb;
    font-weight: 850;
    font-size: 12px;
    border: 1px solid rgba(15, 118, 110, .16);
    margin-bottom: 14px;
    font-family: 'Plus Jakarta Sans';
}
        a.btn.btn-success.btn-lg.px-4.rounded-4.fw-bold {
    border-radius: 50px !important;
    background: #1e75bb;
    font-family: 'Noto Serif';
    font-weight: 400 !important;
    font-size: 21px;
}

a.btn.btn-outline-dark.btn-lg.px-4.rounded-4.fw-bold{
    border-radius: 50px !important;
    background: #fff;
    border: 1px solid #1e75bb;
    font-family: 'Noto Serif';
    font-weight: 400 !important;
    font-size: 21px;
}

a.btn.btn-outline-dark.btn-lg.px-4.rounded-4.fw-bold:hover{
background: #1e75bb;
color: #fff;


}

        .hero-title {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: "Noto Serif", serif;
}
      .hero-text {
    max-width: 760px;
    color: #475569;
    font-size: 16px;
    line-height: 1.75;
    margin: 0 auto 28px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

        .hero-stats{
            display:flex;
            justify-content:center;
            flex-wrap:wrap;
            gap:14px;
            margin-top:30px;
        }

        .stat-pill{
            background:#fff;
            border:1px solid var(--mgm-border);
            box-shadow:0 16px 35px rgba(15,23,42,.08);
            border-radius:18px;
            padding:16px 22px;
            min-width:170px;
        }

        .stat-pill strong{
               display: block;
    font-size: 24px;
    line-height: 1;
    font-family: 'Plus Jakarta Sans';
    color: var(--mgm-primary-dark);
    font-weight: 900;
        }

     .stat-pill span {
    font-size: 13px;
    color: #000000e0;
    font-weight: 400;
    font-family: 'Noto Serif';
}
        .section-padding{
            padding:80px 0;
        }

        .section-title{
       font-size: 42px;
    font-weight: 600;
    margin-bottom: 12px;
    font-family: 'Noto Serif';
        }

        .section-subtitle{
               color: var(--mgm-muted);
    font-size: 17px;
    max-width: 720px;
    margin: 0 auto;
    line-height: 1.7;
    font-family: 'Plus Jakarta Sans';
        }

        .author-card{
            height:100%;
            position:relative;
            background:var(--mgm-card);
            border:1px solid var(--mgm-border);
            border-radius:28px;
            padding:28px;
            box-shadow:0 18px 45px rgba(15,23,42,.07);
            transition:all .28s ease;
            overflow:hidden;
        }

        .author-card:before{
            content:"";
            position:absolute;
            width:140px;
            height:140px;
            border-radius:999px;
            top:-70px;
            right:-70px;
            background: #fff;
            transition:all .28s ease;
        }

        .author-card:hover{
            transform:translateY(-8px);
            border-color:rgba(15,118,110,.35);
            box-shadow:0 26px 70px rgba(15,23,42,.13);
        }

        .author-card:hover:before{
            transform:scale(1.35);
            background:#1e75bb;
        }

        .author-top{
            display:flex;
            align-items:center;
            gap:16px;
            margin-bottom:20px;
            position:relative;
            z-index:2;
        }
.author-avatar {
    width: 36px;
    height: 36px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Serif';
    background: #30938c;
    color: #fff;
    box-shadow: 0 14px 28px rgba(15, 118, 110, .22);
    flex: 0 0 auto;
}

       .author-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    font-family: 'Noto Serif';
}

      .author-role {
    color: #1e75bb;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    font-family: 'Plus Jakarta Sans';
}
       .author-bio {
    color: #021321a8;
    line-height: 1.68;
    margin-bottom: 18px;
    position: relative;
    z-index: 2;
    font-family: 'Plus Jakarta Sans';
    font-size: 14px;
}

        .tag-list{
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            margin-bottom:22px;
            position:relative;
            z-index:2;
        }

        .tag-list span {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    border: 1px solid var(--mgm-border);
    background: #f8fafc;
    padding: 7px 10px;
    border-radius: 999px;
    font-family: 'Noto Serif';
}


        .author-link{
            position:relative;
            z-index:2;
            font-size: 14px;
            display:inline-flex;
            align-items:center;
            gap:8px;
            color:#1e75bb;
            background: #fff;
            border: 1px solid #1e75bb;
            text-decoration:none;
            font-weight:800;
            border-radius:50px;
            padding:12px 15px;
            font-family: 'Noto Serif';
            transition:all .22s ease;
        }

        .author-link:hover{
            color:#fff;
            background: #1e75bb;
            transform:translateX(3px);
        }

        .process-card{
            height:100%;
            background:#fff;
            border:1px solid var(--mgm-border);
            border-radius:24px;
            padding:26px;
            box-shadow:0 14px 38px rgba(15,23,42,.06);
        }

        .process-icon{
            width: 54px;
    height: 54px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: #1e75bb;
    background: #1e75bb1f;
    font-size: 24px;
    margin-bottom: 18px;
        }

        .process-card h3{
              font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: 'Noto Serif';
        }

        .process-card p {
    color: #000000db;
    line-height: 1.5;
    margin: 0;
    font-family: 'Plus Jakarta Sans';
    font-size: 16px;
    font-weight: 300;
}
        .principles-wrap{
            background:#0f172a;
            color:#fff;
            border-radius:36px;
            padding:44px;
            position:relative;
            overflow:hidden;
        }

        .principles-wrap:before{
            content:"";
            position:absolute;
            width:360px;
            height:360px;
            border-radius:999px;
            right:-140px;
            top:-160px;
            background:rgba(15,118,110,.28);
        }

        .principle-item{
            position:relative;
            z-index:2;
            display:flex;
            gap:14px;
            padding:18px;
            border-radius:20px;
            background:rgba(255,255,255,.07);
            border:1px solid rgba(255,255,255,.10);
            height:100%;
        }

        .principle-item i{
            color:#5eead4;
            font-size:22px;
            margin-top:2px;
        }

        .principle-item strong{
            display:block;
            margin-bottom:4px;
        }

        .principle-item span{
            color:#cbd5e1;
            line-height:1.55;
        }

        .cta-box{
            background:
                linear-gradient(135deg, rgba(15,118,110,.96), rgba(17,94,89,.98)),
                url("https://images.unsplash.com/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=1400&q=80") center/cover;
            border-radius:36px;
            padding:48px;
            color:#fff;
            box-shadow:0 26px 80px rgba(15,118,110,.22);
        }

        .cta-box h2{
            font-size:clamp(28px, 3vw, 42px);
            font-weight:850;
            letter-spacing:-.035em;
        }

        .cta-box p{
            color:rgba(255,255,255,.82);
            font-size:17px;
            line-height:1.7;
        }

        .btn-mgm-light{
            background:#fff;
            color:var(--mgm-primary-dark);
            font-weight:850;
            border-radius:15px;
            padding:13px 18px;
            border:0;
        }

        .btn-mgm-outline{
            color:#fff;
            border:1px solid rgba(255,255,255,.45);
            font-weight:850;
            border-radius:15px;
            padding:13px 18px;
        }

        .btn-mgm-outline:hover{
            background:#fff;
            color:var(--mgm-primary-dark);
        }

        @media (max-width: 767px){
            .editorial-hero{
                padding:64px 0 50px;
            }

            .section-padding{
                padding:56px 0;
            }

            .author-card{
                padding:24px;
                border-radius:24px;
            }

            .principles-wrap,
            .cta-box{
                padding:28px;
                border-radius:26px;
            }

            .author-top{
                align-items:flex-start;
            }

            .stat-pill{
                width:100%;
            }
        }