/* =========================================================
   ADMITH LEGACY — INSIGHTS PAGE
   Dedicated Page Stylesheet
   Scoped exclusively to .insights-page

   File:
   css/sections/insights.css

   DESIGN DIRECTION:
   Premium editorial / digital intelligence platform
   Strong typography
   Controlled content widths
   Modern grid systems
   Responsive-first architecture
========================================================= */


/* =========================================================
   01. PAGE FOUNDATION
========================================================= */

.insights-page {

    --insights-green:
        var(--color-primary, #5bb780);

    --insights-green-dark:
        var(--color-primary-dark, #3f9566);

    --insights-red:
        var(--color-secondary, #961414);

    --insights-black:
        var(--color-black, #111111);

    --insights-text:
        var(--color-text, #383838);

    --insights-muted:
        var(--color-muted, #707070);

    --insights-white:
        var(--color-white, #ffffff);

    --insights-surface:
        #f7f8f6;

    --insights-border:
        rgba(17, 17, 17, 0.10);

    --insights-border-light:
        rgba(17, 17, 17, 0.06);

    --insights-soft:
        rgba(91, 183, 128, 0.07);

    --insights-shadow:
        0 25px 80px rgba(17, 17, 17, 0.08);

    --insights-radius:
        28px;

    overflow-x:
        hidden;

    background:
        var(--insights-white);

    color:
        var(--insights-text);

}


/* =========================================================
   02. GLOBAL SECTION SYSTEM
========================================================= */

.insights-page .section {

    position:
        relative;

    padding-block:
        clamp(90px, 9vw, 160px);

}


.insights-page .section > .container {

    width:
        min(
            calc(100% - 48px),
            1400px
        );

    margin-inline:
        auto;

}


/* =========================================================
   03. UNIVERSAL HEADING SYSTEM

   Explicit typography prevents global styles from
   overriding Insights page headings.
========================================================= */

.insights-page h1,
.insights-page h2,
.insights-page h3,
.insights-page h4 {

    font-family:
        "Manrope",
        sans-serif;

    color:
        inherit;

    font-weight:
        700;

    text-rendering:
        optimizeLegibility;

    -webkit-font-smoothing:
        antialiased;

}


.insights-page h1,
.insights-page h2,
.insights-page h3,
.insights-page h4,
.insights-page p {

    margin-top:
        0;

}


.insights-page .section-title {

    margin:
        0;

    max-width:
        850px;

    color:
        var(--insights-black);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            2.5rem,
            5vw,
            5rem
        );

    font-weight:
        700;

    letter-spacing:
        -0.065em;

    line-height:
        0.98;

}


.insights-page .section-title span {

    color:
        var(--insights-green-dark);

}


.insights-page .section-label {

    display:
        inline-flex;

    align-items:
        center;

    width:
        fit-content;

    margin-bottom:
        18px;

    color:
        var(--insights-green-dark);

    font-size:
        0.72rem;

    font-weight:
        800;

    letter-spacing:
        0.16em;

    line-height:
        1.2;

    text-transform:
        uppercase;

}


.insights-page .section-heading {

    max-width:
        850px;

}


.insights-page .section-heading-between {

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        60px;

}


/* =========================================================
   04. HERO
========================================================= */

.insights-page .insights-hero {

    position:
        relative;

    min-height:
        min(
            900px,
            92vh
        );

    display:
        flex;

    align-items:
        center;

    overflow:
        hidden;

    isolation:
        isolate;

    background:
        var(--insights-black);

    color:
        var(--insights-white);

}


/* =========================================================
   HERO GRID
========================================================= */

.insights-page .insights-hero::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        -2;

    background-image:

        linear-gradient(
            rgba(255,255,255,0.035)
            1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,0.035)
            1px,
            transparent 1px
        );

    background-size:
        72px 72px;

    mask-image:
        linear-gradient(
            90deg,
            black 0%,
            black 55%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            black 0%,
            black 55%,
            transparent 100%
        );

    pointer-events:
        none;

}


/* =========================================================
   HERO ATMOSPHERIC LIGHT
========================================================= */

.insights-page .insights-hero::after {

    content:
        "";

    position:
        absolute;

    z-index:
        -1;

    width:
        900px;

    height:
        900px;

    top:
        50%;

    right:
        -350px;

    transform:
        translateY(-50%);

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(91,183,128,0.22)
            0%,

            rgba(91,183,128,0.08)
            38%,

            transparent
            70%
        );

    filter:
        blur(20px);

    pointer-events:
        none;

}


/* =========================================================
   HERO CONTAINER

   IMPORTANT:
   Do not force the global .container to become too wide.
   This creates balanced visual margins.
========================================================= */

.insights-page .insights-hero > .container {

    position:
        relative;

    z-index:
        2;

    width:
        min(
            calc(100% - 80px),
            1400px
        );

    margin-inline:
        auto;

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1.05fr
        )
        minmax(
            420px,
            0.95fr
        );

    align-items:
        center;

    gap:
        clamp(
            50px,
            7vw,
            120px
        );

    padding-block:
        clamp(
            120px,
            12vw,
            170px
        );

}


/* =========================================================
   HERO CONTENT
========================================================= */

.insights-page .insights-hero-content {

    width:
        100%;

    max-width:
        760px;

    margin:
        0;

    padding:
        0;

}


.insights-page .insights-hero .section-label {

    position:
        relative;

    margin-bottom:
        26px;

    color:
        var(--insights-green);

}


.insights-page .insights-hero .section-label::before {

    content:
        "";

    display:
        inline-block;

    width:
        28px;

    height:
        1px;

    margin-right:
        12px;

    vertical-align:
        middle;

    background:
        var(--insights-green);

}


/* =========================================================
   HERO TITLE

   Strong explicit selector ensures the heading
   is styled regardless of global typography.
========================================================= */

.insights-page h1.insights-hero-title {

    max-width:
        760px;

    margin:
        0;

    color:
        var(--insights-white);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            3.6rem,
            6.8vw,
            7.2rem
        );

    font-weight:
        700;

    letter-spacing:
        -0.075em;

    line-height:
        0.91;

    text-wrap:
        balance;

}


.insights-page h1.insights-hero-title span {

    display:
        block;

    margin-top:
        0.06em;

    color:
        var(--insights-green);

}


/* =========================================================
   HERO DESCRIPTION
========================================================= */

.insights-page .insights-hero-description {

    max-width:
        620px;

    margin:
        34px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.66
        );

    font-size:
        clamp(
            0.96rem,
            1.15vw,
            1.08rem
        );

    font-weight:
        400;

    line-height:
        1.85;

}


/* =========================================================
   HERO ACTIONS
========================================================= */

.insights-page .insights-hero-actions {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        14px;

    margin-top:
        42px;

}


/* =========================================================
   HERO VISUAL
========================================================= */

.insights-page .insights-hero-visual {

    position:
        relative;

    width:
        min(
            100%,
            580px
        );

    aspect-ratio:
        1 / 1;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    justify-self:
        end;

}


/* =========================================================
   HERO VISUAL GLOW
========================================================= */

.insights-page .insights-hero-visual::before {

    content:
        "";

    position:
        absolute;

    width:
        72%;

    height:
        72%;

    top:
        50%;

    left:
        50%;

    transform:
        translate(
            -50%,
            -50%
        );

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(
                91,
                183,
                128,
                0.18
            ),

            transparent
            68%
        );

    filter:
        blur(40px);

}


/* =========================================================
   ORBIT SYSTEM
========================================================= */

.insights-page .insights-hero-orbit {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    border:
        1px solid
        rgba(
            91,
            183,
            128,
            0.25
        );

    border-radius:
        50%;

    transform-origin:
        center;

    pointer-events:
        none;

}


.insights-page .orbit-one {

    width:
        94%;

    height:
        54%;

    transform:
        translate(
            -50%,
            -50%
        )
        rotate(25deg);

    animation:
        insightsOrbitOne
        18s
        linear
        infinite;

}


.insights-page .orbit-two {

    width:
        76%;

    height:
        76%;

    border-color:
        rgba(
            91,
            183,
            128,
            0.18
        );

    transform:
        translate(
            -50%,
            -50%
        )
        rotate(-35deg);

    animation:
        insightsOrbitTwo
        24s
        linear
        infinite;

}


.insights-page .orbit-three {

    width:
        54%;

    height:
        94%;

    border-color:
        rgba(
            91,
            183,
            128,
            0.13
        );

    transform:
        translate(
            -50%,
            -50%
        )
        rotate(55deg);

    animation:
        insightsOrbitThree
        30s
        linear
        infinite;

}


/* =========================================================
   HERO CORE
========================================================= */

.insights-page .insights-hero-core {

    position:
        relative;

    z-index:
        5;

    width:
        clamp(
            165px,
            15vw,
            215px
        );

    height:
        clamp(
            165px,
            15vw,
            215px
        );

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        6px;

    border:
        1px solid
        rgba(
            91,
            183,
            128,
            0.45
        );

    border-radius:
        50%;

    background:
        rgba(
            17,
            17,
            17,
            0.78
        );

    box-shadow:

        0 0 100px
        rgba(
            91,
            183,
            128,
            0.16
        ),

        inset 0 0 60px
        rgba(
            91,
            183,
            128,
            0.06
        );

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);

}


.insights-page .insights-hero-core span {

    color:
        rgba(
            255,
            255,
            255,
            0.70
        );

    font-size:
        0.68rem;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.insights-page .insights-hero-core span:first-child {

    color:
        var(--insights-green);

}


/* =========================================================
   05. CATEGORIES
========================================================= */

.insights-page .insights-categories {

    background:
        var(--insights-white);

}


.insights-page .insights-category-list {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    margin-top:
        clamp(
            55px,
            7vw,
            100px
        );

    border-top:
        1px solid
        var(--insights-border);

}


.insights-page .insight-category {

    display:
        grid;

    grid-template-columns:
        60px minmax(
            0,
            1fr
        ) auto;

    align-items:
        center;

    gap:
        25px;

    min-height:
        120px;

    padding:
        22px 25px;

    border-bottom:
        1px solid
        var(--insights-border);

    color:
        var(--insights-black);

    text-decoration:
        none;

    transition:
        background 0.35s ease,
        padding 0.35s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.insights-page .insight-category:nth-child(odd) {

    border-right:
        1px solid
        var(--insights-border);

}


.insights-page .insight-category:hover {

    padding-left:
        35px;

    background:
        var(--insights-soft);

}


.insights-page .category-number {

    color:
        var(--insights-muted);

    font-size:
        0.72rem;

    font-weight:
        700;

}


.insights-page .category-name {

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            1rem,
            1.5vw,
            1.25rem
        );

    font-weight:
        600;

    letter-spacing:
        -0.02em;

}


.insights-page .category-arrow {

    color:
        var(--insights-green-dark);

    font-size:
        1.2rem;

    transition:
        transform 0.3s ease;

}


.insights-page .insight-category:hover .category-arrow {

    transform:
        translate(
            4px,
            -4px
        );

}


/* =========================================================
   06. FEATURED INSIGHT
========================================================= */

.insights-page .featured-insight {

    background:
        var(--insights-surface);

}


.insights-page .featured-insight-card {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1.15fr
        )
        minmax(
            360px,
            0.85fr
        );

    margin-top:
        clamp(
            55px,
            7vw,
            100px
        );

    overflow:
        hidden;

    border-radius:
        var(--insights-radius);

    background:
        var(--insights-black);

    box-shadow:
        var(--insights-shadow);

}


/* =========================================================
   FEATURED IMAGE
========================================================= */

.insights-page .featured-insight-image {

    position:
        relative;

    min-height:
        600px;

    overflow:
        hidden;

    background:

        radial-gradient(
            circle at 70% 30%,
            rgba(
                91,
                183,
                128,
                0.38
            ),
            transparent 22%
        ),

        linear-gradient(
            135deg,
            #111111,
            #1d2a23 45%,
            #111111
        );

}


.insights-page .featured-insight-image::before {

    content:
        "";

    position:
        absolute;

    inset:
        12%;

    border:
        1px solid
        rgba(
            91,
            183,
            128,
            0.25
        );

    border-radius:
        50%;

    transform:
        rotate(-25deg)
        scaleY(0.55);

}


.insights-page .featured-insight-image::after {

    content:
        "";

    position:
        absolute;

    width:
        320px;

    height:
        320px;

    top:
        50%;

    left:
        50%;

    transform:
        translate(
            -50%,
            -50%
        );

    border:
        1px solid
        rgba(
            91,
            183,
            128,
            0.40
        );

    border-radius:
        50%;

    box-shadow:
        0 0 100px
        rgba(
            91,
            183,
            128,
            0.18
        );

}


.insights-page .featured-image-overlay {

    position:
        absolute;

    z-index:
        2;

    top:
        35px;

    left:
        35px;

}


.insights-page .featured-image-overlay span {

    display:
        inline-flex;

    padding:
        8px 13px;

    border:
        1px solid
        rgba(
            91,
            183,
            128,
            0.35
        );

    border-radius:
        999px;

    background:
        rgba(
            17,
            17,
            17,
            0.55
        );

    color:
        var(--insights-green);

    font-size:
        0.68rem;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

}


/* =========================================================
   FEATURED CONTENT
========================================================= */

.insights-page .featured-insight-content {

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        clamp(
            45px,
            5vw,
            80px
        );

    color:
        var(--insights-white);

}


.insights-page .insight-meta {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        20px;

    margin-bottom:
        25px;

}


.insights-page .insight-meta span {

    color:
        var(--insights-green);

    font-size:
        0.68rem;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

}


.insights-page .featured-insight-content h3 {

    margin:
        0;

    color:
        var(--insights-white);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            2rem,
            3.4vw,
            3.8rem
        );

    font-weight:
        700;

    letter-spacing:
        -0.055em;

    line-height:
        1.05;

}


.insights-page .featured-insight-content p {

    margin:
        30px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.62
        );

    font-size:
        0.98rem;

    line-height:
        1.85;

}


/* =========================================================
   07. LATEST INSIGHTS
========================================================= */

.insights-page .latest-insights {

    background:
        var(--insights-white);

}


.insights-page .section-heading-description {

    max-width:
        430px;

    margin:
        0;

    color:
        var(--insights-muted);

    font-size:
        0.95rem;

    line-height:
        1.8;

}


.insights-page .insights-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        24px;

    margin-top:
        clamp(
            55px,
            7vw,
            100px
        );

}


.insights-page .insight-card {

    overflow:
        hidden;

    border:
        1px solid
        var(--insights-border);

    border-radius:
        22px;

    background:
        var(--insights-white);

    transition:
        transform 0.4s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),

        box-shadow 0.4s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),

        border-color 0.3s ease;

}


.insights-page .insight-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(
            91,
            183,
            128,
            0.30
        );

    box-shadow:
        0 25px 70px
        rgba(
            17,
            17,
            17,
            0.09
        );

}


.insights-page .insight-card-image {

    position:
        relative;

    min-height:
        250px;

    display:
        flex;

    align-items:
        flex-end;

    padding:
        22px;

    overflow:
        hidden;

    background:
        var(--insights-black);

}


.insights-page .insight-card-image::before {

    content:
        "";

    position:
        absolute;

    width:
        220px;

    height:
        220px;

    top:
        50%;

    left:
        50%;

    border:
        1px solid
        rgba(
            91,
            183,
            128,
            0.25
        );

    border-radius:
        50%;

    transform:
        translate(
            -50%,
            -50%
        );

    transition:
        transform 0.6s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.insights-page .insight-card:hover
.insight-card-image::before {

    transform:
        translate(
            -50%,
            -50%
        )
        scale(
            1.35
        );

}


/* =========================================================
   CARD IMAGE VARIATIONS
========================================================= */

.insights-page .insight-image-one {

    background:
        linear-gradient(
            135deg,
            #111111,
            #203c2d
        );

}


.insights-page .insight-image-two {

    background:
        linear-gradient(
            135deg,
            #111111,
            #26332d
        );

}


.insights-page .insight-image-three {

    background:
        linear-gradient(
            135deg,
            #111111,
            #352522
        );

}


.insights-page .insight-image-four {

    background:
        linear-gradient(
            135deg,
            #111111,
            #26382e
        );

}


.insights-page .insight-image-five {

    background:
        linear-gradient(
            135deg,
            #111111,
            #302a22
        );

}


.insights-page .insight-image-six {

    background:
        linear-gradient(
            135deg,
            #111111,
            #202f36
        );

}


/* =========================================================
   CARD CATEGORY
========================================================= */

.insights-page .insight-card-category {

    position:
        relative;

    z-index:
        2;

    padding:
        7px 11px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.18
        );

    border-radius:
        999px;

    background:
        rgba(
            17,
            17,
            17,
            0.55
        );

    color:
        rgba(
            255,
            255,
            255,
            0.82
        );

    font-size:
        0.65rem;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

}


.insights-page .insight-card-content {

    padding:
        30px;

}


.insights-page .insight-card-meta {

    display:
        flex;

    justify-content:
        space-between;

    gap:
        15px;

    margin-bottom:
        18px;

    color:
        var(--insights-muted);

    font-size:
        0.68rem;

    font-weight:
        700;

    letter-spacing:
        0.06em;

    text-transform:
        uppercase;

}


.insights-page .insight-card-content h3 {

    margin:
        0;

    color:
        var(--insights-black);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            1.25rem,
            1.7vw,
            1.55rem
        );

    font-weight:
        700;

    letter-spacing:
        -0.035em;

    line-height:
        1.2;

}


.insights-page .insight-card-content p {

    margin:
        18px 0 0;

    color:
        var(--insights-muted);

    font-size:
        0.88rem;

    line-height:
        1.75;

}


/* =========================================================
   08. RESEARCH & PERSPECTIVES
========================================================= */

.insights-page .insights-research {

    background:
        var(--insights-surface);

}


.insights-page .research-intro {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        minmax(
            320px,
            0.7fr
        );

    align-items:
        end;

    gap:
        70px;

}


.insights-page .research-intro h2 {

    margin:
        0;

    color:
        var(--insights-black);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            2.5rem,
            5vw,
            5rem
        );

    font-weight:
        700;

    letter-spacing:
        -0.065em;

    line-height:
        0.98;

}


.insights-page .research-intro h2 span {

    color:
        var(--insights-green-dark);

}


.insights-page .research-intro > p {

    max-width:
        500px;

    margin:
        0;

    color:
        var(--insights-muted);

    font-size:
        0.95rem;

    line-height:
        1.85;

}


/* =========================================================
   RESEARCH LIST
========================================================= */

.insights-page .research-perspectives-grid {

    margin-top:
        clamp(
            55px,
            7vw,
            100px
        );

    border-top:
        1px solid
        var(--insights-border);

}


.insights-page .research-perspective {

    display:
        grid;

    grid-template-columns:
        70px minmax(
            0,
            1fr
        ) auto;

    align-items:
        center;

    gap:
        35px;

    padding:
        35px 20px;

    border-bottom:
        1px solid
        var(--insights-border);

    color:
        var(--insights-black);

    text-decoration:
        none;

    transition:
        padding 0.4s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),

        background 0.35s ease;

}


.insights-page .research-perspective:hover {

    padding-left:
        35px;

    padding-right:
        35px;

    background:
        var(--insights-white);

}


.insights-page .research-perspective-number {

    color:
        var(--insights-green-dark);

    font-size:
        0.72rem;

    font-weight:
        700;

}


.insights-page .research-perspective-category {

    display:
        block;

    margin-bottom:
        10px;

    color:
        var(--insights-muted);

    font-size:
        0.68rem;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

}


.insights-page .research-perspective h3 {

    margin:
        0;

    color:
        var(--insights-black);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            1.2rem,
            2vw,
            1.8rem
        );

    font-weight:
        600;

    letter-spacing:
        -0.035em;

    line-height:
        1.2;

}


.insights-page .research-perspective-arrow {

    color:
        var(--insights-green-dark);

    font-size:
        1.4rem;

    transition:
        transform 0.3s ease;

}


.insights-page .research-perspective:hover
.research-perspective-arrow {

    transform:
        translate(
            5px,
            -5px
        );

}


/* =========================================================
   09. NEWSLETTER
========================================================= */

.insights-page .insights-newsletter {

    background:
        var(--insights-white);

}


.insights-page .newsletter-card {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        minmax(
            320px,
            0.8fr
        );

    align-items:
        center;

    gap:
        80px;

    padding:
        clamp(
            45px,
            6vw,
            80px
        );

    border-radius:
        var(--insights-radius);

    background:
        var(--insights-black);

    box-shadow:
        var(--insights-shadow);

}


.insights-page .newsletter-content .section-label {

    color:
        var(--insights-green);

}


.insights-page .newsletter-content h2 {

    margin:
        0;

    color:
        var(--insights-white);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            2rem,
            4vw,
            4rem
        );

    font-weight:
        700;

    letter-spacing:
        -0.06em;

    line-height:
        1.05;

}


.insights-page .newsletter-content h2 span {

    color:
        var(--insights-green);

}


.insights-page .newsletter-content p {

    max-width:
        560px;

    margin:
        22px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.60
        );

    font-size:
        0.92rem;

    line-height:
        1.8;

}


/* =========================================================
   NEWSLETTER FORM
========================================================= */

.insights-page .newsletter-form {

    display:
        flex;

    flex-direction:
        column;

    gap:
        12px;

}


.insights-page .newsletter-form input {

    width:
        100%;

    min-height:
        56px;

    padding:
        0 18px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.16
        );

    border-radius:
        10px;

    outline:
        none;

    background:
        rgba(
            255,
            255,
            255,
            0.06
        );

    color:
        var(--insights-white);

    font-family:
        inherit;

    font-size:
        0.9rem;

}


.insights-page .newsletter-form input:focus {

    border-color:
        var(--insights-green);

}


.insights-page .newsletter-form .btn {

    justify-content:
        center;

    min-height:
        56px;

}


/* =========================================================
   10. FINAL CTA
========================================================= */

.insights-page .insights-cta {

    padding-block:
        clamp(
            110px,
            14vw,
            200px
        );

    background:
        var(--insights-green);

    color:
        var(--insights-black);

}


.insights-page .insights-cta-inner {

    max-width:
        950px;

}


.insights-page .insights-cta .section-label {

    color:
        var(--insights-black);

}


.insights-page .insights-cta h2 {

    margin:
        0;

    color:
        var(--insights-black);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            3rem,
            7vw,
            7rem
        );

    font-weight:
        700;

    letter-spacing:
        -0.075em;

    line-height:
        0.95;

}


.insights-page .insights-cta h2 span {

    color:
        var(--insights-white);

}


.insights-page .insights-cta p {

    max-width:
        650px;

    margin:
        35px 0 0;

    color:
        rgba(
            17,
            17,
            17,
            0.65
        );

    font-size:
        1rem;

    line-height:
        1.8;

}


.insights-page .insights-cta .btn {

    margin-top:
        35px;

}


/* =========================================================
   11. READ LINKS
========================================================= */

.insights-page .insight-read-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    width:
        fit-content;

    margin-top:
        30px;

    color:
        var(--insights-green);

    font-size:
        0.78rem;

    font-weight:
        700;

    text-decoration:
        none;

    transition:
        transform 0.3s ease,
        color 0.3s ease;

}


.insights-page .insight-read-link:hover {

    color:
        var(--insights-white);

    transform:
        translateX(5px);

}


/* =========================================================
   12. ANIMATIONS
========================================================= */

@keyframes insightsOrbitOne {

    from {

        transform:
            translate(
                -50%,
                -50%
            )
            rotate(25deg);

    }

    to {

        transform:
            translate(
                -50%,
                -50%
            )
            rotate(385deg);

    }

}


@keyframes insightsOrbitTwo {

    from {

        transform:
            translate(
                -50%,
                -50%
            )
            rotate(-35deg);

    }

    to {

        transform:
            translate(
                -50%,
                -50%
            )
            rotate(-395deg);

    }

}


@keyframes insightsOrbitThree {

    from {

        transform:
            translate(
                -50%,
                -50%
            )
            rotate(55deg);

    }

    to {

        transform:
            translate(
                -50%,
                -50%
            )
            rotate(415deg);

    }

}


/* =========================================================
   13. LARGE TABLET
========================================================= */

@media (max-width: 1100px) {

    .insights-page .insights-hero > .container {

        grid-template-columns:
            1fr;

        gap:
            70px;

        padding-block:
            120px;

    }


    .insights-page .insights-hero-content {

        max-width:
            850px;

    }


    .insights-page .insights-hero-visual {

        width:
            min(
                100%,
                560px
            );

        justify-self:
            center;

    }


    .insights-page .featured-insight-card {

        grid-template-columns:
            1fr;

    }


    .insights-page .featured-insight-image {

        min-height:
            500px;

    }


    .insights-page .insights-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .insights-page .newsletter-card {

        grid-template-columns:
            1fr;

        gap:
            45px;

    }

}


/* =========================================================
   14. TABLET
========================================================= */

@media (max-width: 900px) {

    .insights-page .section-heading-between {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            25px;

    }


    .insights-page .insights-category-list {

        grid-template-columns:
            1fr;

    }


    .insights-page .insight-category:nth-child(odd) {

        border-right:
            none;

    }


    .insights-page .research-intro {

        grid-template-columns:
            1fr;

        gap:
            25px;

    }


    .insights-page .research-perspective {

        grid-template-columns:
            55px minmax(
                0,
                1fr
            ) auto;

        gap:
            20px;

    }

}


/* =========================================================
   15. MOBILE
========================================================= */

@media (max-width: 600px) {

    .insights-page .section {

        padding-block:
            80px;

    }


    .insights-page .section > .container {

        width:
            min(
                calc(100% - 32px),
                1400px
            );

    }


    /* HERO */

    .insights-page .insights-hero {

        min-height:
            auto;

    }


    .insights-page .insights-hero > .container {

        width:
            min(
                calc(100% - 32px),
                1400px
            );

        grid-template-columns:
            1fr;

        gap:
            70px;

        padding-block:
            110px 80px;

    }


    .insights-page h1.insights-hero-title {

        font-size:
            clamp(
                3rem,
                14vw,
                4.7rem
            );

        letter-spacing:
            -0.065em;

        line-height:
            0.94;

    }


    .insights-page .insights-hero-description {

        margin-top:
            26px;

        font-size:
            0.92rem;

        line-height:
            1.75;

    }


    .insights-page .insights-hero-actions {

        flex-direction:
            column;

        align-items:
            stretch;

        margin-top:
            30px;

    }


    .insights-page .insights-hero-actions .btn {

        width:
            100%;

        justify-content:
            center;

    }


    .insights-page .insights-hero-visual {

        width:
            100%;

        max-width:
            390px;

        justify-self:
            center;

    }


    .insights-page .insights-hero-core {

        width:
            145px;

        height:
            145px;

    }


    /* CATEGORIES */

    .insights-page .insight-category {

        grid-template-columns:
            40px minmax(
                0,
                1fr
            ) auto;

        min-height:
            95px;

        padding:
            18px 10px;

        gap:
            15px;

    }


    .insights-page .insight-category:hover {

        padding-left:
            18px;

    }


    /* FEATURED */

    .insights-page .featured-insight-card {

        border-radius:
            20px;

    }


    .insights-page .featured-insight-image {

        min-height:
            320px;

    }


    .insights-page .featured-image-overlay {

        top:
            20px;

        left:
            20px;

    }


    .insights-page .featured-insight-content {

        padding:
            35px 24px 42px;

    }


    .insights-page .featured-insight-content h3 {

        font-size:
            2rem;

    }


    /* INSIGHTS GRID */

    .insights-page .insights-grid {

        grid-template-columns:
            1fr;

        gap:
            20px;

    }


    .insights-page .insight-card-image {

        min-height:
            220px;

    }


    .insights-page .insight-card-content {

        padding:
            25px;

    }


    /* RESEARCH */

    .insights-page .research-perspective {

        grid-template-columns:
            1fr auto;

        gap:
            15px;

        padding:
            28px 5px;

    }


    .insights-page .research-perspective-number {

        display:
            none;

    }


    .insights-page .research-perspective:hover {

        padding-inline:
            15px;

    }


    .insights-page .research-perspective h3 {

        font-size:
            1.15rem;

    }


    /* NEWSLETTER */

    .insights-page .newsletter-card {

        padding:
            35px 24px;

        border-radius:
            20px;

    }


    .insights-page .newsletter-form .btn {

        width:
            100%;

    }


    /* CTA */

    .insights-page .insights-cta h2 {

        font-size:
            clamp(
                3rem,
                15vw,
                5rem
            );

    }

}


/* =========================================================
   16. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .insights-page .insights-hero-orbit {

        animation:
            none;

    }


    .insights-page * {

        scroll-behavior:
            auto !important;

    }

}

/* =========================================================
   FINAL CTA — "POSSIBILITY" VISIBILITY FIX
========================================================= */

.insights-page
.insights-cta
h2
span {

    color:
        var(--insights-black, #111111);

}


/* =========================================================
   NEWSLETTER EMAIL INPUT — VISIBILITY FIX
========================================================= */

.insights-page .insights-newsletter .newsletter-card .newsletter-form input#newsletter-email {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.insights-page .insights-newsletter .newsletter-card .newsletter-form input#newsletter-email::placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.75) !important;
    opacity: 1 !important;
}

.insights-page .insights-newsletter .newsletter-card .newsletter-form input#newsletter-email:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: var(--insights-green) !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    outline: none !important;
}