/* ==================================================
   Sterling Prime
   Premium Website Theme
================================================== */

/* Color Variables */

:root {

    --primary-black: #070707;

    --secondary-black: #131313;

    --card-black: #1b1b1b;

    --brand-orange: #f36b0a;

    --brand-orange-dark: #d95700;

    --soft-orange: #fff2e8;

    --pure-white: #ffffff;

    --off-white: #f7f6f3;

    --light-gray: #dedede;

    --body-text: #a9a9a9;

    --border-dark: rgba(255, 255, 255, 0.12);

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

    --body-font: "Inter", sans-serif;

}


/* Global Reset */

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}


html {

    scroll-behavior: smooth;

}


body {

    font-family: var(--body-font);

    background-color: var(--primary-black);

    color: var(--pure-white);

    overflow-x: hidden;

}


a {

    text-decoration: none;

}


img {

    max-width: 100%;

}


/* Theme Preview */

.theme-preview {

    position: relative;

    min-height: 100vh;

    padding-top: 92px;

    background:
        radial-gradient(
            circle at 85% 25%,
            rgba(243, 107, 10, 0.13),
            transparent 28%
        ),
        radial-gradient(
            circle at 15% 85%,
            rgba(255, 255, 255, 0.05),
            transparent 24%
        ),
        var(--primary-black);

    overflow: hidden;

}


.theme-preview::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    border: 1px solid rgba(243, 107, 10, 0.13);

    border-radius: 50%;

    right: -140px;

    top: -150px;

}


.theme-preview::after {

    content: "";

    position: absolute;

    width: 170px;

    height: 170px;

    background: linear-gradient(
        135deg,
        rgba(243, 107, 10, 0.16),
        transparent
    );

    border-radius: 50%;

    left: -65px;

    bottom: -50px;

    filter: blur(4px);

}


/* Section Label */

.section-label {

    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 24px;

    color: var(--brand-orange);

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 3px;

    text-transform: uppercase;

}


.section-label::before {

    content: "";

    width: 38px;

    height: 2px;

    background-color: var(--brand-orange);

}


/* Main Heading */

.theme-preview h1 {

    max-width: 800px;

    margin-bottom: 24px;

    font-family: var(--heading-font);

    font-size: clamp(52px, 6vw, 92px);

    font-weight: 700;

    line-height: 1.02;

    letter-spacing: -4px;

}


.theme-preview h1 span {

    display: block;

    color: transparent;

    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.75);

}


/* Paragraph */

.theme-preview p {

    max-width: 650px;

    margin-bottom: 36px;

    color: var(--body-text);

    font-size: 17px;

    line-height: 1.8;

}


/* Buttons */

.preview-buttons {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 15px;

}


.btn-primary-custom,
.btn-outline-custom {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 56px;

    padding: 14px 28px;

    border-radius: 3px;

    font-size: 14px;

    font-weight: 600;

    transition: all 0.35s ease;

}


.btn-primary-custom {

    background-color: var(--brand-orange);

    color: var(--pure-white);

    border: 1px solid var(--brand-orange);

}


.btn-primary-custom:hover {

    background-color: var(--brand-orange-dark);

    border-color: var(--brand-orange-dark);

    color: var(--pure-white);

    transform: translateY(-3px);

}


.btn-outline-custom {

    color: var(--pure-white);

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

    background-color: rgba(255, 255, 255, 0.02);

}


.btn-outline-custom:hover {

    color: var(--primary-black);

    background-color: var(--pure-white);

    border-color: var(--pure-white);

    transform: translateY(-3px);

}


/* Premium Card */

.preview-card {

    position: relative;

    padding: 48px 42px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.08),
            rgba(255, 255, 255, 0.015)
        );

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

    border-radius: 8px;

    backdrop-filter: blur(18px);

    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);

    z-index: 2;

}


.preview-card::before {

    content: "";

    position: absolute;

    width: 70px;

    height: 4px;

    top: 0;

    left: 42px;

    background-color: var(--brand-orange);

}


.card-number {

    display: inline-block;

    margin-bottom: 55px;

    color: var(--brand-orange);

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

}


.preview-card h3 {

    margin-bottom: 20px;

    font-family: var(--heading-font);

    font-size: 30px;

    font-weight: 600;

    line-height: 1.3;

}


.preview-card p {

    margin-bottom: 30px;

    color: var(--body-text);

    font-size: 15px;

    line-height: 1.8;

}


.card-line {

    width: 100%;

    height: 1px;

    margin-bottom: 22px;

    background-color: var(--border-dark);

}


.card-footer-text {

    color: var(--light-gray);

    font-size: 12px;

    letter-spacing: 1px;

    text-transform: uppercase;

}
/* ==================================================
   Header & Navigation
================================================== */

.main-header {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1000;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    background: rgba(7, 7, 7, 0.65);

    backdrop-filter: blur(18px);

    transition: all 0.35s ease;

}


.custom-container {

    max-width: 1560px;

    padding-left: 40px;

    padding-right: 40px;

}


.main-header .navbar {

    min-height: 92px;

    padding-top: 0;

    padding-bottom: 0;

}


.navbar-brand {

    display: flex;

    align-items: center;

    margin-right: 45px;

}


.brand-logo {

    display: block;

    width: 165px;

    height: auto;

    object-fit: contain;

}


.main-header .navbar-nav {

    align-items: center;

    gap: 4px;

}


.main-header .nav-link {

    position: relative;

    padding: 35px 12px !important;

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

    font-size: 13px;

    font-weight: 500;

    transition: all 0.3s ease;

}


.main-header .nav-link::before {

    content: "";

    position: absolute;

    left: 12px;

    right: 12px;

    bottom: 25px;

    height: 2px;

    background-color: var(--brand-orange);

    transform: scaleX(0);

    transform-origin: center;

    transition: transform 0.3s ease;

}


.main-header .nav-link:hover,
.main-header .nav-link.active {

    color: var(--pure-white);

}


.main-header .nav-link:hover::before,
.main-header .nav-link.active::before {

    transform: scaleX(1);

}


.dropdown-toggle::after {

    margin-left: 7px;

    vertical-align: 2px;

    border-top-width: 4px;

    border-right-width: 4px;

    border-left-width: 4px;

}


.main-header .dropdown-menu {

    min-width: 260px;

    margin-top: 0;

    padding: 14px;

    background-color: #111111;

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

    border-radius: 6px;

    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);

}


.main-header .dropdown-item {

    position: relative;

    padding: 12px 14px;

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

    border-radius: 4px;

    font-size: 13px;

    transition: all 0.3s ease;

}


.main-header .dropdown-item:hover {

    padding-left: 20px;

    color: var(--pure-white);

    background-color: rgba(243, 107, 10, 0.12);

}


.header-actions {

    display: flex;

    align-items: center;

    gap: 24px;

    margin-left: 25px;

    white-space: nowrap;

}


.client-login-link {

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

    font-size: 13px;

    font-weight: 600;

    transition: color 0.3s ease;

}


.client-login-link:hover {

    color: var(--brand-orange);

}


.header-cta {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 48px;

    padding: 12px 22px;

    color: var(--pure-white);

    background-color: var(--brand-orange);

    border: 1px solid var(--brand-orange);

    border-radius: 3px;

    font-size: 13px;

    font-weight: 600;

    transition: all 0.3s ease;

}


.header-cta:hover {

    color: var(--pure-white);

    background-color: var(--brand-orange-dark);

    border-color: var(--brand-orange-dark);

    transform: translateY(-2px);

}


/* Fixed Header */

.main-header.header-fixed {

    position: fixed;

    background-color: rgba(7, 7, 7, 0.94);

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);

}


.main-header.header-fixed .navbar {

    min-height: 76px;

}


.main-header.header-fixed .nav-link {

    padding-top: 27px !important;

    padding-bottom: 27px !important;

}


.main-header.header-fixed .nav-link::before {

    bottom: 19px;

}
/* ==================================================
   Common Sections
================================================== */

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

.light-section-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    color: var(--brand-orange);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.light-section-label::before {
    content: "";
    width: 35px;
    height: 2px;
    background-color: var(--brand-orange);
}

.section-title-dark,
.section-title-light {
    margin-bottom: 25px;
    font-family: var(--heading-font);
    font-size: clamp(40px, 5vw, 66px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -2.5px;
}

.section-title-dark {
    color: #111111;
}

.section-title-dark span,
.section-title-light span {
    display: block;
    color: var(--brand-orange);
}

.section-title-light {
    color: var(--pure-white);
}

.section-description {
    margin-bottom: 18px;
    color: #666666;
    font-size: 16px;
    line-height: 1.85;
}


/* ==================================================
   About Section
================================================== */

.about-section {
    position: relative;
    background-color: var(--off-white);
    overflow: hidden;
}

.about-section::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    top: -190px;
    right: -140px;
    border: 1px solid rgba(243, 107, 10, 0.16);
    border-radius: 50%;
}

.about-visual {
    position: relative;
    min-height: 570px;
}

.about-main-card {
    position: relative;
    min-height: 520px;
    padding: 65px 50px;
    background:
        linear-gradient(
            145deg,
            rgba(243, 107, 10, 0.11),
            transparent 45%
        ),
        #0a0a0a;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.18);
}

.about-small-text {
    display: inline-block;
    margin-bottom: 150px;
    color: var(--brand-orange);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-main-card h2 {
    position: relative;
    z-index: 3;
    max-width: 430px;
    margin: 0;
    color: var(--pure-white);
    font-family: var(--heading-font);
    font-size: 46px;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -2px;
}

.about-main-card h2 span {
    display: block;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.65);
}

.about-circle {
    position: absolute;
    width: 290px;
    height: 290px;
    top: -80px;
    right: -70px;
    border: 1px solid rgba(243, 107, 10, 0.35);
    border-radius: 50%;
}

.about-grid-pattern {
    position: absolute;
    width: 220px;
    height: 220px;
    right: 35px;
    bottom: 30px;
    opacity: 0.13;
    background-image:
        linear-gradient(rgba(255,255,255,0.4) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.4) 1px, transparent 1px);
    background-size: 22px 22px;
}

.experience-card {
    position: absolute;
    right: -25px;
    bottom: 0;
    width: 230px;
    padding: 30px;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 4px;
    box-shadow: 0 20px 45px rgba(243, 107, 10, 0.25);
}

.experience-card strong {
    display: block;
    margin-bottom: 8px;
    font-family: var(--heading-font);
    font-size: 48px;
    line-height: 1;
}

.experience-card span {
    display: block;
    font-size: 13px;
    line-height: 1.6;
}

.about-feature-list {
    margin-top: 35px;
    margin-bottom: 35px;
}

.about-feature-item {
    display: flex;
    gap: 20px;
    padding: 23px 0;
    border-bottom: 1px solid #dddddd;
}

.feature-icon {
    display: flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--brand-orange);
    background-color: var(--soft-orange);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
}

.about-feature-item h4 {
    margin-bottom: 7px;
    color: #111111;
    font-family: var(--heading-font);
    font-size: 18px;
    font-weight: 700;
}

.about-feature-item p {
    margin: 0;
    color: #777777;
    font-size: 14px;
    line-height: 1.65;
}

.dark-link-button {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    min-height: 54px;
    padding: 14px 24px;
    color: var(--pure-white);
    background-color: #111111;
    border: 1px solid #111111;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.dark-link-button:hover {
    gap: 26px;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
}


/* ==================================================
   Trust Highlights
================================================== */

.trust-section {
    position: relative;
    padding: 0 0 85px;
    background-color: var(--off-white);
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background-color: var(--pure-white);
    border: 1px solid #e4e4e4;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
}

.trust-item {
    position: relative;
    padding: 38px 32px;
    border-right: 1px solid #e4e4e4;
}

.trust-item:last-child {
    border-right: none;
}

.trust-number {
    display: block;
    margin-bottom: 12px;
    color: var(--brand-orange);
    font-family: var(--heading-font);
    font-size: 42px;
    font-weight: 800;
    line-height: 1;
}

.trust-item p {
    margin: 0;
    color: #555555;
    font-size: 14px;
    line-height: 1.6;
}


/* ==================================================
   Approach Section
================================================== */

.approach-section {
    position: relative;
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(243, 107, 10, 0.12),
            transparent 24%
        ),
        var(--primary-black);
}

.approach-intro {
    margin: 0;
    color: var(--body-text);
    font-size: 15px;
    line-height: 1.8;
}

.approach-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.approach-card {
    position: relative;
    min-height: 340px;
    padding: 38px 28px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    transition: all 0.35s ease;
    overflow: hidden;
}

.approach-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    left: 0;
    background-color: var(--brand-orange);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.approach-card:hover {
    background-color: rgba(255, 255, 255, 0.045);
    transform: translateY(-8px);
}

.approach-card:hover::before {
    transform: scaleX(1);
}

.approach-number {
    display: block;
    margin-bottom: 34px;
    color: var(--brand-orange);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.approach-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 30px;
    color: var(--pure-white);
    border: 1px solid var(--border-dark);
    border-radius: 50%;
    font-family: var(--heading-font);
    font-size: 20px;
    font-weight: 700;
    transition: all 0.35s ease;
}

.approach-card:hover .approach-icon {
    color: var(--primary-black);
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
}

.approach-card h3 {
    margin-bottom: 16px;
    color: var(--pure-white);
    font-family: var(--heading-font);
    font-size: 22px;
    font-weight: 700;
}

.approach-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.75;
}
/* ==================================================
   Investment Solutions Section
================================================== */

.solutions-section {
    position: relative;
    background-color: #f4f3ef;
    overflow: hidden;
}

.solutions-section::before {
    content: "";
    position: absolute;
    width: 470px;
    height: 470px;
    top: -250px;
    left: -230px;
    border: 1px solid rgba(243, 107, 10, 0.16);
    border-radius: 50%;
}

.solutions-intro {
    margin: 0;
    color: #6f6f6f;
    font-size: 15px;
    line-height: 1.85;
}

.solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.solution-card {
    position: relative;
    display: flex;
    min-height: 440px;
    padding: 34px;
    flex-direction: column;
    background-color: var(--pure-white);
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    overflow: hidden;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.solution-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    left: 0;
    background-color: var(--brand-orange);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.solution-card:hover {
    border-color: rgba(243, 107, 10, 0.35);
    transform: translateY(-10px);
    box-shadow: 0 28px 65px rgba(0, 0, 0, 0.1);
}

.solution-card:hover::before {
    transform: scaleX(1);
}

.solution-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 42px;
}

.solution-number {
    color: var(--brand-orange);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.solution-tag {
    padding: 7px 11px;
    color: #777777;
    background-color: #f5f5f5;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.solution-icon {
    display: flex;
    width: 68px;
    height: 68px;
    margin-bottom: 28px;
    align-items: center;
    justify-content: center;
    color: var(--brand-orange);
    background-color: var(--soft-orange);
    border: 1px solid rgba(243, 107, 10, 0.15);
    border-radius: 50%;
    font-family: var(--heading-font);
    font-size: 17px;
    font-weight: 800;
    transition: all 0.35s ease;
}

.solution-card:hover .solution-icon {
    color: var(--pure-white);
    background-color: var(--brand-orange);
    transform: rotate(-8deg);
}

.solution-card h3 {
    margin-bottom: 16px;
    color: #151515;
    font-family: var(--heading-font);
    font-size: 23px;
    font-weight: 750;
    line-height: 1.35;
}

.solution-card p {
    margin-bottom: 22px;
    color: #737373;
    font-size: 14px;
    line-height: 1.75;
}

.solution-list {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.solution-list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    color: #646464;
    font-size: 13px;
}

.solution-list li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 7px;
    left: 0;
    background-color: var(--brand-orange);
    border-radius: 50%;
}

.solution-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: auto;
    padding-top: 20px;
    color: #151515;
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    transition: color 0.3s ease;
}

.solution-link span {
    color: var(--brand-orange);
    font-size: 18px;
    transition: transform 0.3s ease;
}

.solution-link:hover {
    color: var(--brand-orange);
}

.solution-link:hover span {
    transform: translate(4px, -4px);
}

.featured-solution {
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(243, 107, 10, 0.24),
            transparent 30%
        ),
        #101010;
    border-color: #222222;
}

.featured-solution h3 {
    color: var(--pure-white);
}

.featured-solution p,
.featured-solution .solution-list li {
    color: rgba(255, 255, 255, 0.65);
}

.featured-solution .solution-tag {
    color: rgba(255, 255, 255, 0.75);
    background-color: rgba(255, 255, 255, 0.08);
}

.featured-solution .solution-link {
    color: var(--pure-white);
    border-top-color: rgba(255, 255, 255, 0.12);
}

.protection-card {
    background:
        linear-gradient(
            140deg,
            rgba(243, 107, 10, 0.06),
            transparent 55%
        ),
        var(--pure-white);
}

.solutions-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-top: 45px;
    padding-top: 35px;
    border-top: 1px solid #dcdcdc;
}

.solutions-footer p {
    max-width: 670px;
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}
/* ==================================================
   Why Sterling Prime
================================================== */

.why-section {
    position: relative;
    background:
        radial-gradient(
            circle at 12% 82%,
            rgba(243, 107, 10, 0.12),
            transparent 24%
        ),
        #090909;
    overflow: hidden;
}

.why-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -210px;
    right: -170px;
    border: 1px solid rgba(243, 107, 10, 0.17);
    border-radius: 50%;
}

.why-description {
    max-width: 520px;
    margin-bottom: 35px;
    color: var(--body-text);
    font-size: 15px;
    line-height: 1.85;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.why-card {
    position: relative;
    min-height: 270px;
    padding: 30px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    transition: all 0.35s ease;
    overflow: hidden;
}

.why-card::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    right: -70px;
    bottom: -70px;
    background-color: rgba(243, 107, 10, 0.09);
    border-radius: 50%;
    transition: all 0.35s ease;
}

.why-card:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-6px);
}

.why-card:hover::before {
    width: 180px;
    height: 180px;
}

.why-number {
    display: block;
    margin-bottom: 25px;
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.why-icon {
    display: flex;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    border: 1px solid var(--border-dark);
    border-radius: 50%;
    font-family: var(--heading-font);
    font-size: 13px;
    font-weight: 800;
    transition: all 0.35s ease;
}

.why-card:hover .why-icon {
    color: var(--primary-black);
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
}

.why-card h3 {
    margin-bottom: 12px;
    color: var(--pure-white);
    font-family: var(--heading-font);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.why-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 13px;
    line-height: 1.75;
}


/* ==================================================
   Technology Section
================================================== */

.technology-section {
    position: relative;
    background-color: var(--off-white);
    overflow: hidden;
}

.technology-section::after {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    right: -190px;
    bottom: -190px;
    border: 1px solid rgba(243, 107, 10, 0.15);
    border-radius: 50%;
}

.technology-dashboard {
    position: relative;
    padding: 32px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(243, 107, 10, 0.18),
            transparent 30%
        ),
        #101010;
    border: 1px solid #282828;
    border-radius: 10px;
    box-shadow: 0 35px 85px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.dashboard-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 35px;
}

.dashboard-label {
    display: block;
    margin-bottom: 7px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.dashboard-header h3 {
    margin: 0;
    font-family: var(--heading-font);
    font-size: 22px;
    font-weight: 700;
}

.dashboard-status {
    padding: 7px 11px;
    color: #9fe4b2;
    background-color: rgba(79, 203, 116, 0.12);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.dashboard-value {
    padding: 25px;
    margin-bottom: 28px;
    background-color: rgba(255, 255, 255, 0.045);
    border: 1px solid var(--border-dark);
    border-radius: 7px;
}

.dashboard-value span,
.dashboard-value small {
    display: block;
}

.dashboard-value span {
    margin-bottom: 10px;
    color: var(--body-text);
    font-size: 12px;
}

.dashboard-value strong {
    display: block;
    margin-bottom: 7px;
    font-family: var(--heading-font);
    font-size: 38px;
    font-weight: 800;
}

.dashboard-value small {
    color: rgba(255, 255, 255, 0.45);
    font-size: 10px;
}

.allocation-chart {
    display: flex;
    align-items: center;
    gap: 38px;
    padding: 30px 0;
    border-top: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
}

.allocation-circle {
    position: relative;
    display: flex;
    flex: 0 0 180px;
    width: 180px;
    height: 180px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:
        conic-gradient(
            var(--brand-orange) 0 42%,
            #f3a15d 42% 70%,
            #d0d0d0 70% 88%,
            #666666 88% 100%
        );
}

.allocation-circle::before {
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    background-color: #151515;
    border-radius: 50%;
}

.allocation-inner {
    position: relative;
    z-index: 2;
    text-align: center;
}

.allocation-inner strong,
.allocation-inner span {
    display: block;
}

.allocation-inner strong {
    font-family: var(--heading-font);
    font-size: 25px;
}

.allocation-inner span {
    color: var(--body-text);
    font-size: 10px;
}

.allocation-list {
    display: grid;
    flex: 1;
    gap: 16px;
}

.allocation-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.allocation-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.equity-dot {
    background-color: var(--brand-orange);
}

.debt-dot {
    background-color: #f3a15d;
}

.alternative-dot {
    background-color: #d0d0d0;
}

.global-dot {
    background-color: #666666;
}

.allocation-item strong,
.allocation-item small {
    display: block;
}

.allocation-item strong {
    margin-bottom: 2px;
    font-size: 12px;
}

.allocation-item small {
    color: var(--body-text);
    font-size: 10px;
}

.dashboard-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 28px;
}

.dashboard-mini-card {
    padding: 18px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid var(--border-dark);
    border-radius: 5px;
}

.dashboard-mini-card span,
.dashboard-mini-card strong {
    display: block;
}

.dashboard-mini-card span {
    margin-bottom: 7px;
    color: var(--body-text);
    font-size: 10px;
}

.dashboard-mini-card strong {
    color: var(--brand-orange);
    font-family: var(--heading-font);
    font-size: 22px;
}

.technology-features {
    margin-top: 35px;
    margin-bottom: 35px;
}

.technology-feature {
    display: flex;
    gap: 18px;
    padding: 20px 0;
    border-bottom: 1px solid #dddddd;
}

.technology-check {
    display: flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 50%;
    font-size: 15px;
    font-weight: 700;
}

.technology-feature h4 {
    margin-bottom: 7px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 17px;
    font-weight: 700;
}

.technology-feature p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}

.technology-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}

.text-link-dark {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #151515;
    font-size: 13px;
    font-weight: 700;
    transition: color 0.3s ease;
}

.text-link-dark span {
    color: var(--brand-orange);
    font-size: 17px;
    transition: transform 0.3s ease;
}

.text-link-dark:hover {
    color: var(--brand-orange);
}

.text-link-dark:hover span {
    transform: translate(4px, -4px);
}
/* ==================================================
   Who We Serve
================================================== */

.clients-section {
    position: relative;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(243, 107, 10, 0.12),
            transparent 25%
        ),
        #090909;
    overflow: hidden;
}

.clients-intro {
    margin: 0;
    color: var(--body-text);
    font-size: 15px;
    line-height: 1.85;
}

.clients-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.client-card {
    position: relative;
    min-height: 300px;
    padding: 34px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    overflow: hidden;
    transition: all 0.35s ease;
}

.client-card::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    right: -90px;
    bottom: -90px;
    border: 1px solid rgba(243, 107, 10, 0.17);
    border-radius: 50%;
    transition: all 0.35s ease;
}

.client-card:hover {
    background-color: rgba(255, 255, 255, 0.045);
    transform: translateY(-7px);
}

.client-card:hover::after {
    width: 220px;
    height: 220px;
}

.client-number {
    display: block;
    margin-bottom: 28px;
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.client-icon {
    display: flex;
    width: 58px;
    height: 58px;
    margin-bottom: 28px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    border: 1px solid var(--border-dark);
    border-radius: 50%;
    font-family: var(--heading-font);
    font-size: 14px;
    font-weight: 800;
    transition: all 0.35s ease;
}

.client-card:hover .client-icon {
    color: var(--primary-black);
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
}

.client-card h3 {
    margin-bottom: 15px;
    color: var(--pure-white);
    font-family: var(--heading-font);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
}

.client-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 13px;
    line-height: 1.8;
}


/* ==================================================
   Insights
================================================== */

.insights-section {
    position: relative;
    background-color: var(--off-white);
    overflow: hidden;
}

.insights-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 50px;
}

.insights-grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr;
    gap: 22px;
}

.insight-card {
    background-color: var(--pure-white);
    border: 1px solid #e2e2e2;
    border-radius: 7px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.insight-card:hover {
    border-color: rgba(243, 107, 10, 0.32);
    transform: translateY(-8px);
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.09);
}

.insight-visual,
.insight-small-visual {
    position: relative;
    overflow: hidden;
}

.insight-visual {
    min-height: 280px;
    padding: 28px;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(243, 107, 10, 0.25),
            transparent 26%
        ),
        #101010;
}

.insight-small-visual {
    min-height: 200px;
    padding: 25px;
    background:
        linear-gradient(
            145deg,
            rgba(243, 107, 10, 0.1),
            transparent
        ),
        #151515;
}

.orange-visual {
    background:
        linear-gradient(
            145deg,
            #f36b0a,
            #b84900
        );
}

.insight-category {
    position: relative;
    z-index: 3;
    display: inline-flex;
    padding: 8px 12px;
    color: var(--pure-white);
    background-color: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.insight-graphic {
    position: absolute;
    right: 30px;
    bottom: 25px;
    width: 75%;
    height: 65%;
}

.graphic-line {
    position: absolute;
    left: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.35);
    transform-origin: left;
}

.line-one {
    width: 38%;
    bottom: 25%;
    transform: rotate(-17deg);
}

.line-two {
    width: 42%;
    left: 31%;
    bottom: 38%;
    transform: rotate(21deg);
}

.line-three {
    width: 35%;
    left: 63%;
    bottom: 22%;
    transform: rotate(-32deg);
}

.graphic-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 5%;
    top: 4%;
    border: 1px solid rgba(243, 107, 10, 0.55);
    border-radius: 50%;
}

.visual-number {
    position: absolute;
    right: 20px;
    bottom: 4px;
    color: rgba(255, 255, 255, 0.08);
    font-family: var(--heading-font);
    font-size: 110px;
    font-weight: 800;
    line-height: 1;
}

.orange-visual .visual-number {
    color: rgba(255, 255, 255, 0.17);
}

.insight-content {
    padding: 28px;
}

.insight-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 18px;
    color: #8a8a8a;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.insight-content h3 {
    margin-bottom: 15px;
    color: #161616;
    font-family: var(--heading-font);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.45;
}

.insight-featured .insight-content h3 {
    font-size: 26px;
}

.insight-content p {
    margin-bottom: 24px;
    color: #747474;
    font-size: 13px;
    line-height: 1.75;
}

.insight-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #151515;
    font-size: 12px;
    font-weight: 700;
    transition: color 0.3s ease;
}

.insight-link span {
    color: var(--brand-orange);
    font-size: 17px;
    transition: transform 0.3s ease;
}

.insight-link:hover {
    color: var(--brand-orange);
}

.insight-link:hover span {
    transform: translate(4px, -4px);
}


/* ==================================================
   Consultation CTA
================================================== */

.consultation-cta {
    position: relative;
    padding: 0 0 120px;
    background-color: var(--off-white);
}

.consultation-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 65px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(255, 255, 255, 0.16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f36b0a,
            #c84f00
        );
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 30px 70px rgba(243, 107, 10, 0.22);
}

.consultation-box::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -100px;
    bottom: -150px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
}

.consultation-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.cta-label {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.consultation-content h2 {
    margin-bottom: 18px;
    font-family: var(--heading-font);
    font-size: clamp(38px, 4.5vw, 62px);
    font-weight: 750;
    line-height: 1.08;
    letter-spacing: -2px;
}

.consultation-content h2 span {
    display: block;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.78);
}

.consultation-content p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.8;
}

.consultation-actions {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
}

.cta-white-button,
.cta-outline-button {
    display: inline-flex;
    min-width: 230px;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 24px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.cta-white-button {
    color: #151515;
    background-color: var(--pure-white);
    border: 1px solid var(--pure-white);
}

.cta-white-button:hover {
    color: var(--pure-white);
    background-color: #111111;
    border-color: #111111;
    transform: translateY(-3px);
}

.cta-outline-button {
    color: var(--pure-white);
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.42);
}

.cta-outline-button:hover {
    color: #151515;
    background-color: var(--pure-white);
    border-color: var(--pure-white);
    transform: translateY(-3px);
}
/* ==================================================
   Premium Footer
================================================== */

.site-footer {
    position: relative;
    color: var(--pure-white);
    background-color: #070707;
}

.footer-main {
    position: relative;
    padding: 100px 0 75px;
    overflow: hidden;
}

.footer-main::before {
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    top: -290px;
    left: -220px;
    border: 1px solid rgba(243, 107, 10, 0.14);
    border-radius: 50%;
}

.footer-main::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -220px;
    bottom: -220px;
    background-color: rgba(243, 107, 10, 0.04);
    border-radius: 50%;
}

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

.footer-logo-link {
    display: inline-block;
    margin-bottom: 28px;
}

.footer-logo {
    width: 180px;
    height: auto;
    object-fit: contain;
}

.footer-brand-description {
    max-width: 410px;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.56);
    font-size: 14px;
    line-height: 1.85;
}

.footer-socials {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-social-link {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.72);
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.footer-social-link:hover {
    color: var(--primary-black);
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
    transform: translateY(-4px);
}

.footer-column h3 {
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 15px;
    color: var(--pure-white);
    font-family: var(--heading-font);
    font-size: 17px;
    font-weight: 700;
}

.footer-column h3::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: var(--brand-orange);
}

.footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-links li {
    margin-bottom: 14px;
}

.footer-links a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.57);
    font-size: 13px;
    line-height: 1.5;
    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.footer-links a::before {
    content: "";
    width: 0;
    height: 1px;
    margin-right: 0;
    background-color: var(--brand-orange);
    transition: all 0.3s ease;
}

.footer-links a:hover {
    color: var(--pure-white);
    transform: translateX(4px);
}

.footer-links a:hover::before {
    width: 14px;
    margin-right: 9px;
}

.footer-contact-item {
    display: flex;
    gap: 15px;
    margin-bottom: 22px;
}

.footer-contact-icon {
    display: flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    color: var(--brand-orange);
    background-color: rgba(243, 107, 10, 0.09);
    border: 1px solid rgba(243, 107, 10, 0.18);
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
}

.footer-contact-item small {
    display: block;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.38);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.footer-contact-item a,
.footer-contact-item p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.6;
    transition: color 0.3s ease;
}

.footer-contact-item a:hover {
    color: var(--brand-orange);
}

.footer-consultation-button {
    display: inline-flex;
    min-height: 50px;
    margin-top: 12px;
    padding: 12px 20px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border: 1px solid var(--brand-orange);
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.footer-consultation-button:hover {
    gap: 23px;
    color: var(--pure-white);
    background-color: transparent;
}


/* ==================================================
   Footer Disclaimer
================================================== */

.footer-disclaimer {
    padding: 35px 0;
    background-color: #0c0c0c;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.disclaimer-box {
    position: relative;
    padding-left: 23px;
    border-left: 2px solid var(--brand-orange);
}

.disclaimer-title {
    display: block;
    margin-bottom: 12px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.disclaimer-box p {
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 11px;
    line-height: 1.8;
}

.disclaimer-box p:last-child {
    margin-bottom: 0;
}


/* ==================================================
   Footer Bottom
================================================== */

.footer-bottom {
    padding: 24px 0;
    background-color: #050505;
}

.footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.footer-bottom p {
    margin: 0;
    color: rgba(255, 255, 255, 0.38);
    font-size: 11px;
}

.footer-legal-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.footer-legal-links a {
    color: rgba(255, 255, 255, 0.44);
    font-size: 11px;
    transition: color 0.3s ease;
}

.footer-legal-links a:hover {
    color: var(--brand-orange);
}


/* ==================================================
   Floating Contact Actions
================================================== */

.floating-actions {
    position: fixed;
    right: 22px;
    bottom: 24px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 10px;
    z-index: 999;
}

.floating-action {
    display: flex;
    min-width: 52px;
    height: 52px;
    align-items: center;
    justify-content: flex-start;
    color: var(--pure-white);
    border-radius: 30px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
    overflow: hidden;
    transition: all 0.35s ease;
}

.whatsapp-action {
    background-color: #1fa855;
}

.call-action {
    background-color: var(--brand-orange);
}

.floating-action-icon {
    display: flex;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
}

.floating-action-text {
    width: 0;
    opacity: 0;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.35s ease;
}

.floating-action:hover {
    min-width: 140px;
    color: var(--pure-white);
}

.floating-action:hover .floating-action-text {
    width: 78px;
    opacity: 1;
    padding-right: 18px;
}

.back-to-top {
    display: none;
    width: 48px;
    height: 48px;
    padding: 0;
    color: var(--pure-white);
    background-color: #121212;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
    font-size: 19px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.back-to-top.show {
    display: block;
}

.back-to-top:hover {
    color: var(--primary-black);
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
    transform: translateY(-4px);
}
/* ==================================================
   Inner Page Banner
================================================== */

.inner-page-banner {
    position: relative;
    padding: 185px 0 45px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(243, 107, 10, 0.2),
            transparent 25%
        ),
        #080808;
    overflow: hidden;
}

.inner-page-banner::before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    top: -210px;
    right: -140px;
    border: 1px solid rgba(243, 107, 10, 0.2);
    border-radius: 50%;
}

.inner-banner-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.inner-banner-label::before {
    content: "";
    width: 38px;
    height: 2px;
    background-color: var(--brand-orange);
}

.inner-banner-content h1 {
    max-width: 950px;
    margin: 0;
    font-family: var(--heading-font);
    font-size: clamp(48px, 6vw, 82px);
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -3px;
}

.inner-banner-content h1 span {
    display: block;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.7);
}

.inner-banner-text {
    padding-left: 25px;
    border-left: 1px solid rgba(255, 255, 255, 0.17);
}

.inner-banner-text p {
    margin: 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 14px;
    line-height: 1.85;
}

.inner-banner-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 75px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.custom-breadcrumb {
    margin: 0;
}

.custom-breadcrumb .breadcrumb-item,
.custom-breadcrumb .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.48);
    font-size: 11px;
}

.custom-breadcrumb .breadcrumb-item.active {
    color: var(--brand-orange);
}

.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.25);
}

.banner-page-number {
    color: rgba(255, 255, 255, 0.34);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


/* ==================================================
   About Overview
================================================== */

.about-overview-section {
    background-color: var(--off-white);
}

.about-overview-visual {
    position: relative;
    min-height: 575px;
}

.overview-large-card {
    position: relative;
    min-height: 520px;
    padding: 55px 45px;
    color: var(--pure-white);
    background:
        linear-gradient(
            145deg,
            rgba(243, 107, 10, 0.12),
            transparent 45%
        ),
        #101010;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.18);
}

.overview-card-label {
    display: block;
    margin-bottom: 170px;
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.overview-large-card h2 {
    position: relative;
    z-index: 3;
    max-width: 430px;
    margin: 0;
    font-family: var(--heading-font);
    font-size: 46px;
    font-weight: 750;
    line-height: 1.1;
    letter-spacing: -2px;
}

.overview-large-card h2 span {
    display: block;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.62);
}

.overview-line-art {
    position: absolute;
    width: 280px;
    height: 230px;
    right: 20px;
    bottom: 20px;
    opacity: 0.35;
}

.overview-line {
    position: absolute;
    height: 1px;
    background-color: var(--brand-orange);
    transform-origin: left;
}

.overview-line-one {
    width: 120px;
    left: 15px;
    bottom: 48px;
    transform: rotate(-18deg);
}

.overview-line-two {
    width: 125px;
    left: 110px;
    bottom: 86px;
    transform: rotate(26deg);
}

.overview-line-three {
    width: 90px;
    right: 0;
    bottom: 52px;
    transform: rotate(-35deg);
}

.overview-orbit {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 0;
    right: 12px;
    border: 1px solid var(--brand-orange);
    border-radius: 50%;
}

.overview-experience-card {
    position: absolute;
    right: -24px;
    bottom: 0;
    width: 225px;
    padding: 30px;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 5px;
    box-shadow: 0 22px 45px rgba(243, 107, 10, 0.24);
}

.overview-experience-card strong {
    display: block;
    margin-bottom: 8px;
    font-family: var(--heading-font);
    font-size: 48px;
    line-height: 1;
}

.overview-experience-card span {
    display: block;
    font-size: 12px;
    line-height: 1.6;
}

.overview-highlight-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 35px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.overview-highlight-item {
    display: flex;
    gap: 15px;
    min-height: 150px;
    padding: 22px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.overview-highlight-item > span {
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.overview-highlight-item h3 {
    margin-bottom: 8px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 16px;
    font-weight: 700;
}

.overview-highlight-item p {
    margin: 0;
    color: #777777;
    font-size: 12px;
    line-height: 1.7;
}


/* ==================================================
   Philosophy
================================================== */

.philosophy-section {
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 10% 85%,
            rgba(243, 107, 10, 0.12),
            transparent 25%
        ),
        #090909;
}

.philosophy-heading {
    position: sticky;
    top: 130px;
}

.philosophy-heading > p {
    max-width: 500px;
    margin: 0;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.85;
}

.philosophy-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.philosophy-card {
    position: relative;
    min-height: 260px;
    padding: 34px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    overflow: hidden;
    transition: all 0.35s ease;
}

.philosophy-card::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -80px;
    bottom: -80px;
    border: 1px solid rgba(243, 107, 10, 0.18);
    border-radius: 50%;
    transition: all 0.35s ease;
}

.philosophy-card:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-6px);
}

.philosophy-card:hover::after {
    width: 190px;
    height: 190px;
}

.philosophy-number {
    display: block;
    margin-bottom: 42px;
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.philosophy-card h3 {
    margin-bottom: 14px;
    font-family: var(--heading-font);
    font-size: 21px;
    font-weight: 700;
}

.philosophy-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 13px;
    line-height: 1.75;
}


/* ==================================================
   Vision & Mission
================================================== */

.vision-mission-section {
    background-color: #efeee9;
}

.vision-mission-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.vision-mission-card {
    position: relative;
    min-height: 430px;
    padding: 55px;
    border-radius: 8px;
    overflow: hidden;
}

.vision-card {
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(243, 107, 10, 0.2),
            transparent 30%
        ),
        #111111;
}

.mission-card {
    color: #151515;
    background:
        linear-gradient(
            145deg,
            rgba(243, 107, 10, 0.08),
            transparent 45%
        ),
        var(--pure-white);
    border: 1px solid #dedede;
}

.vision-mission-label {
    display: block;
    margin-bottom: 75px;
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.vision-mission-card h2 {
    position: relative;
    z-index: 2;
    max-width: 540px;
    margin-bottom: 22px;
    font-family: var(--heading-font);
    font-size: 38px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -1.5px;
}

.vision-mission-card p {
    position: relative;
    z-index: 2;
    max-width: 540px;
    margin: 0;
    color: inherit;
    opacity: 0.62;
    font-size: 14px;
    line-height: 1.8;
}

.vision-mission-mark {
    position: absolute;
    right: 18px;
    bottom: -32px;
    color: rgba(243, 107, 10, 0.08);
    font-family: var(--heading-font);
    font-size: 210px;
    font-weight: 800;
    line-height: 1;
}

.mission-card .vision-mission-mark {
    color: rgba(0, 0, 0, 0.045);
}


/* ==================================================
   Values
================================================== */

.values-section {
    background-color: var(--off-white);
}

.values-intro {
    margin: 0;
    color: #747474;
    font-size: 14px;
    line-height: 1.8;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.value-card {
    position: relative;
    min-height: 320px;
    padding: 30px 24px;
    background-color: var(--pure-white);
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    transition: all 0.35s ease;
    overflow: hidden;
}

.value-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    left: 0;
    background-color: var(--brand-orange);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);
    z-index: 2;
}

.value-card:hover::before {
    transform: scaleX(1);
}

.value-number {
    display: block;
    margin-bottom: 32px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.value-icon {
    display: flex;
    width: 55px;
    height: 55px;
    margin-bottom: 26px;
    align-items: center;
    justify-content: center;
    color: var(--brand-orange);
    background-color: var(--soft-orange);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
    transition: all 0.35s ease;
}

.value-card:hover .value-icon {
    color: var(--pure-white);
    background-color: var(--brand-orange);
    transform: rotate(-8deg);
}

.value-card h3 {
    margin-bottom: 13px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 20px;
    font-weight: 700;
}

.value-card p {
    margin: 0;
    color: #747474;
    font-size: 12px;
    line-height: 1.75;
}


/* ==================================================
   About Why Section
================================================== */

.about-why-section {
    background-color: var(--off-white);
}

.about-why-box {
    padding: 70px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 10% 85%,
            rgba(243, 107, 10, 0.13),
            transparent 26%
        ),
        #0c0c0c;
    border-radius: 8px;
}

.about-why-content > p {
    max-width: 480px;
    margin-bottom: 32px;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.8;
}

.about-why-list {
    border-top: 1px solid var(--border-dark);
}

.about-why-item {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 18px;
    padding: 22px 0;
    border-bottom: 1px solid var(--border-dark);
}

.about-why-item > span {
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.about-why-item h3 {
    margin-bottom: 7px;
    font-family: var(--heading-font);
    font-size: 17px;
    font-weight: 700;
}

.about-why-item p {
    margin: 0;
    color: var(--body-text);
    font-size: 12px;
    line-height: 1.65;
}


/* ==================================================
   About Page CTA
================================================== */

.about-page-cta {
    padding: 0 0 120px;
    background-color: var(--off-white);
}

.about-page-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 50px;
    color: var(--pure-white);
    background:
        linear-gradient(
            135deg,
            #f36b0a,
            #c84f00
        );
    border-radius: 7px;
}

.about-page-cta-box > div > span {
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-page-cta-box h2 {
    max-width: 730px;
    margin: 0;
    font-family: var(--heading-font);
    font-size: 38px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -1.5px;
}
/* ==================================================
   Wealth Solutions Page
================================================== */

.wealth-banner {
    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(243, 107, 10, 0.22),
            transparent 27%
        ),
        #080808;
}


/* Wealth Framework */

.wealth-framework-section {
    background-color: var(--off-white);
}

.wealth-framework-list {
    margin-top: 35px;
    border-top: 1px solid #dddddd;
}

.wealth-framework-item {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;
    padding: 21px 0;
    border-bottom: 1px solid #dddddd;
}

.wealth-framework-item > span {
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.wealth-framework-item h3 {
    margin-bottom: 7px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 17px;
    font-weight: 700;
}

.wealth-framework-item p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}

.wealth-framework-visual {
    position: relative;
}

.wealth-orbit-card {
    position: relative;
    min-height: 600px;
    padding: 38px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(243, 107, 10, 0.2),
            transparent 30%
        ),
        #101010;
    border: 1px solid #292929;
    border-radius: 10px;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.wealth-card-label {
    display: block;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.wealth-orbit {
    position: relative;
    width: 390px;
    height: 390px;
    max-width: 100%;
    margin: 50px auto 45px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.wealth-orbit::before,
.wealth-orbit::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(243, 107, 10, 0.22);
    border-radius: 50%;
}

.wealth-orbit::before {
    width: 290px;
    height: 290px;
    top: 50px;
    left: 50px;
}

.wealth-orbit::after {
    width: 190px;
    height: 190px;
    top: 100px;
    left: 100px;
}

.wealth-orbit-center {
    position: absolute;
    display: flex;
    width: 130px;
    height: 130px;
    top: 130px;
    left: 130px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--brand-orange);
    border-radius: 50%;
    z-index: 3;
}

.wealth-orbit-center strong {
    font-family: var(--heading-font);
    font-size: 34px;
    line-height: 1;
}

.wealth-orbit-center span {
    margin-top: 7px;
    font-size: 10px;
}

.wealth-point {
    position: absolute;
    z-index: 4;
    padding: 9px 14px;
    color: var(--pure-white);
    background-color: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
}

.point-one {
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
}

.point-two {
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}

.point-three {
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
}

.point-four {
    top: 50%;
    left: -18px;
    transform: translateY(-50%);
}

.wealth-card-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.wealth-card-footer > div {
    padding: 18px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 5px;
}

.wealth-card-footer small,
.wealth-card-footer strong {
    display: block;
}

.wealth-card-footer small {
    margin-bottom: 6px;
    color: var(--body-text);
    font-size: 9px;
    text-transform: uppercase;
}

.wealth-card-footer strong {
    color: var(--brand-orange);
    font-size: 13px;
}


/* Core Solutions */

.core-solutions-section {
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 10% 88%,
            rgba(243, 107, 10, 0.11),
            transparent 24%
        ),
        #090909;
}

.core-solutions-intro {
    margin: 0;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.85;
}

.core-solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.core-solution-card {
    position: relative;
    min-height: 430px;
    padding: 34px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    overflow: hidden;
    transition: all 0.35s ease;
}

.core-solution-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    left: 0;
    background-color: var(--brand-orange);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.core-solution-card:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-7px);
}

.core-solution-card:hover::before {
    transform: scaleX(1);
}

.core-solution-number {
    display: block;
    margin-bottom: 28px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.core-solution-icon {
    display: flex;
    width: 58px;
    height: 58px;
    margin-bottom: 26px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    border: 1px solid var(--border-dark);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
    transition: all 0.35s ease;
}

.core-solution-card:hover .core-solution-icon {
    color: #111111;
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
}

.core-solution-card h3 {
    margin-bottom: 14px;
    font-family: var(--heading-font);
    font-size: 21px;
    font-weight: 700;
}

.core-solution-card p {
    margin-bottom: 22px;
    color: var(--body-text);
    font-size: 13px;
    line-height: 1.75;
}

.core-solution-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.core-solution-card li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 18px;
    color: rgba(255, 255, 255, 0.57);
    font-size: 12px;
}

.core-solution-card li::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    left: 0;
    background-color: var(--brand-orange);
    border-radius: 50%;
}


/* Allocation */

.allocation-section {
    background-color: var(--off-white);
}

.allocation-visual-card {
    padding: 35px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(243, 107, 10, 0.2),
            transparent 28%
        ),
        #101010;
    border-radius: 10px;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2);
}

.allocation-visual-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 38px;
}

.allocation-visual-header span {
    display: block;
    margin-bottom: 7px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.allocation-visual-header h3 {
    margin: 0;
    font-family: var(--heading-font);
    font-size: 22px;
}

.allocation-visual-header small {
    color: rgba(255, 255, 255, 0.4);
    font-size: 9px;
    text-transform: uppercase;
}

.large-allocation-chart {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 35px 0;
    border-top: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
}

.large-allocation-circle {
    position: relative;
    display: flex;
    flex: 0 0 220px;
    width: 220px;
    height: 220px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:
        conic-gradient(
            var(--brand-orange) 0 40%,
            #f3a15d 40% 70%,
            #c9c9c9 70% 90%,
            #616161 90% 100%
        );
}

.large-allocation-circle::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: #151515;
    border-radius: 50%;
}

.large-allocation-center {
    position: relative;
    z-index: 2;
    text-align: center;
}

.large-allocation-center strong,
.large-allocation-center span {
    display: block;
}

.large-allocation-center strong {
    font-family: var(--heading-font);
    font-size: 36px;
}

.large-allocation-center span {
    color: var(--body-text);
    font-size: 10px;
}

.large-allocation-list {
    flex: 1;
}

.large-allocation-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.large-allocation-item:last-child {
    border-bottom: none;
}

.large-allocation-item > div {
    display: flex;
    align-items: center;
    gap: 11px;
}

.large-allocation-item strong {
    font-size: 12px;
}

.large-allocation-item > span {
    color: var(--brand-orange);
    font-weight: 700;
    font-size: 12px;
}

.large-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.orange-dot {
    background-color: var(--brand-orange);
}

.light-orange-dot {
    background-color: #f3a15d;
}

.grey-dot {
    background-color: #c9c9c9;
}

.dark-grey-dot {
    background-color: #616161;
}

.allocation-note {
    margin-top: 25px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 10px;
    line-height: 1.7;
}

.allocation-principles {
    margin-top: 35px;
    border-top: 1px solid #dddddd;
}

.allocation-principle {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;
    padding: 22px 0;
    border-bottom: 1px solid #dddddd;
}

.allocation-principle > span {
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 800;
}

.allocation-principle h3 {
    margin-bottom: 7px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 17px;
}

.allocation-principle p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}


/* Portfolio Review */

.portfolio-review-section {
    background-color: var(--off-white);
}

.portfolio-review-box {
    padding: 70px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 8% 85%,
            rgba(243, 107, 10, 0.13),
            transparent 25%
        ),
        #0b0b0b;
    border-radius: 9px;
}

.portfolio-review-content > p {
    margin-bottom: 32px;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.8;
}

.portfolio-review-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.portfolio-review-item {
    min-height: 180px;
    padding: 25px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
}

.portfolio-review-item > span {
    display: block;
    margin-bottom: 20px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.portfolio-review-item h3 {
    margin-bottom: 9px;
    font-family: var(--heading-font);
    font-size: 17px;
}

.portfolio-review-item p {
    margin: 0;
    color: var(--body-text);
    font-size: 12px;
    line-height: 1.7;
}


/* Protection */

.protection-section {
    background-color: var(--off-white);
}

.protection-list {
    margin-top: 35px;
    border-top: 1px solid #dddddd;
}

.protection-list-item {
    display: flex;
    gap: 16px;
    padding: 21px 0;
    border-bottom: 1px solid #dddddd;
}

.protection-list-item > span {
    display: flex;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
}

.protection-list-item h3 {
    margin-bottom: 7px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 17px;
}

.protection-list-item p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}

.protection-visual {
    position: relative;
    min-height: 560px;
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(243, 107, 10, 0.16),
            transparent 42%
        ),
        #101010;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2);
}

.protection-shield {
    position: absolute;
    display: flex;
    width: 250px;
    height: 290px;
    top: 135px;
    left: 50%;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    background-color: var(--brand-orange);
    clip-path: polygon(
        50% 0%,
        92% 16%,
        86% 68%,
        50% 100%,
        14% 68%,
        8% 16%
    );
}

.shield-inner {
    text-align: center;
    color: var(--pure-white);
}

.shield-inner span,
.shield-inner strong,
.shield-inner small {
    display: block;
}

.shield-inner span {
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.shield-inner strong {
    margin-bottom: 8px;
    font-family: var(--heading-font);
    font-size: 29px;
}

.shield-inner small {
    font-size: 10px;
}

.protection-stat {
    position: absolute;
    min-width: 150px;
    padding: 18px;
    color: var(--pure-white);
    background-color: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 6px;
    backdrop-filter: blur(8px);
}

.protection-stat span,
.protection-stat strong,
.protection-stat small {
    display: block;
}

.protection-stat span {
    margin-bottom: 9px;
    color: var(--brand-orange);
    font-size: 9px;
    font-weight: 800;
}

.protection-stat strong {
    margin-bottom: 4px;
    font-size: 14px;
}

.protection-stat small {
    color: var(--body-text);
    font-size: 9px;
}

.stat-one {
    top: 65px;
    left: 35px;
}

.stat-two {
    top: 85px;
    right: 35px;
}

.stat-three {
    right: 45px;
    bottom: 55px;
}


/* Process */

.wealth-process-section {
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 90% 12%,
            rgba(243, 107, 10, 0.12),
            transparent 24%
        ),
        #090909;
}

.wealth-process-heading {
    max-width: 900px;
    margin: 0 auto 55px;
}

.wealth-process-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.wealth-process-card {
    position: relative;
    min-height: 300px;
    padding: 32px 25px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    transition: all 0.35s ease;
}

.wealth-process-card:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-7px);
}

.wealth-process-number {
    display: block;
    margin-bottom: 70px;
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.wealth-process-card h3 {
    margin-bottom: 14px;
    font-family: var(--heading-font);
    font-size: 20px;
}

.wealth-process-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 12px;
    line-height: 1.75;
}


/* CTA */

.wealth-page-cta {
    padding: 0 0 120px;
    background-color: var(--off-white);
}

.wealth-page-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 60px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(255, 255, 255, 0.15),
            transparent 26%
        ),
        linear-gradient(
            135deg,
            #f36b0a,
            #c84f00
        );
    border-radius: 8px;
}

.wealth-page-cta-box > div {
    max-width: 800px;
}

.wealth-page-cta-box > div > span {
    display: block;
    margin-bottom: 12px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.wealth-page-cta-box h2 {
    margin-bottom: 14px;
    font-family: var(--heading-font);
    font-size: 39px;
    font-weight: 750;
    line-height: 1.18;
    letter-spacing: -1.5px;
}

.wealth-page-cta-box p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1.75;
}
/* ==================================================
   Investment Opportunities Page
================================================== */

.investment-opportunities-banner {
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(243, 107, 10, 0.22),
            transparent 28%
        ),
        #080808;
}


/* Investment Platform */

.investment-platform-section,
.light-category-section,
.equity-opportunities-section,
.product-evaluation-section {
    background-color: var(--off-white);
}

.investment-platform-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 35px;
}

.investment-stat {
    padding: 22px 18px;
    background-color: var(--pure-white);
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.investment-stat strong,
.investment-stat span {
    display: block;
}

.investment-stat strong {
    margin-bottom: 8px;
    color: var(--brand-orange);
    font-family: var(--heading-font);
    font-size: 28px;
}

.investment-stat span {
    color: #777777;
    font-size: 11px;
    line-height: 1.5;
}

.investment-platform-visual {
    position: relative;
    min-height: 570px;
    padding: 38px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(243, 107, 10, 0.2),
            transparent 30%
        ),
        #101010;
    border-radius: 10px;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2);
}

.investment-platform-label {
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.investment-universe {
    position: relative;
    width: 420px;
    height: 420px;
    max-width: 100%;
    margin: 45px auto 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.investment-universe::before,
.investment-universe::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(243, 107, 10, 0.22);
    border-radius: 50%;
}

.investment-universe::before {
    width: 310px;
    height: 310px;
    top: 55px;
    left: 55px;
}

.investment-universe::after {
    width: 200px;
    height: 200px;
    top: 110px;
    left: 110px;
}

.investment-universe-center {
    position: absolute;
    display: flex;
    width: 145px;
    height: 145px;
    top: 138px;
    left: 138px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: var(--brand-orange);
    border-radius: 50%;
    z-index: 3;
}

.investment-universe-center span,
.investment-universe-center strong,
.investment-universe-center small {
    display: block;
}

.investment-universe-center span {
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.investment-universe-center strong {
    font-family: var(--heading-font);
    font-size: 19px;
}

.investment-universe-center small {
    margin-top: 5px;
    font-size: 9px;
}

.universe-item {
    position: absolute;
    z-index: 4;
    padding: 9px 14px;
    color: var(--pure-white);
    background-color: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 30px;
    font-size: 9px;
    font-weight: 700;
}

.universe-item-one {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.universe-item-two {
    top: 25%;
    right: -12px;
}

.universe-item-three {
    right: 15px;
    bottom: 20%;
}

.universe-item-four {
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
}

.universe-item-five {
    left: 7px;
    bottom: 20%;
}

.universe-item-six {
    top: 25%;
    left: -10px;
}


/* Investment Categories */

.investment-category-number {
    margin-bottom: 25px;
    color: var(--brand-orange);
    font-family: var(--heading-font);
    font-size: 54px;
    font-weight: 800;
    line-height: 1;
    opacity: 0.22;
}

.investment-detail-grid,
.alternative-strategy-grid,
.fixed-income-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.investment-detail-card,
.alternative-strategy-card {
    min-height: 245px;
    padding: 30px;
    background-color: var(--pure-white);
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    transition: all 0.35s ease;
}

.investment-detail-card:hover,
.alternative-strategy-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
    z-index: 2;
}

.investment-detail-card > span {
    display: flex;
    width: 54px;
    height: 54px;
    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
    color: var(--brand-orange);
    background-color: var(--soft-orange);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
}

.investment-detail-card h3,
.alternative-strategy-card h3 {
    margin-bottom: 12px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 19px;
    font-weight: 700;
}

.investment-detail-card p,
.alternative-strategy-card p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.75;
}


/* Dark Category */

.dark-category-section {
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 10% 85%,
            rgba(243, 107, 10, 0.12),
            transparent 25%
        ),
        #090909;
}

.dark-category-description {
    margin-bottom: 30px;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.85;
}

.dark-product-panel {
    padding: 38px;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid var(--border-dark);
    border-radius: 8px;
}

.dark-product-panel-header {
    margin-bottom: 25px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--border-dark);
}

.dark-product-panel-header span,
.dark-product-panel-header strong {
    display: block;
}

.dark-product-panel-header span {
    margin-bottom: 6px;
    color: var(--brand-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.dark-product-panel-header strong {
    font-family: var(--heading-font);
    font-size: 24px;
}

.dark-product-item {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;
    padding: 20px 0;
    border-bottom: 1px solid var(--border-dark);
}

.dark-product-item:last-child {
    border-bottom: none;
}

.dark-product-item > span {
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
}

.dark-product-item h3 {
    margin-bottom: 7px;
    font-family: var(--heading-font);
    font-size: 17px;
}

.dark-product-item p {
    margin: 0;
    color: var(--body-text);
    font-size: 12px;
    line-height: 1.7;
}


/* Alternatives */

.strategy-number {
    display: block;
    margin-bottom: 55px;
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}


/* Fixed Income */

.fixed-income-section {
    background-color: var(--off-white);
}

.fixed-income-box {
    padding: 70px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(243, 107, 10, 0.15),
            transparent 28%
        ),
        #0b0b0b;
    border-radius: 9px;
}

.fixed-income-grid {
    border-color: var(--border-dark);
}

.fixed-income-card {
    min-height: 220px;
    padding: 28px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    transition: all 0.35s ease;
}

.fixed-income-card:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-5px);
}

.fixed-income-card > span {
    display: block;
    margin-bottom: 35px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
}

.fixed-income-card h3 {
    margin-bottom: 10px;
    font-family: var(--heading-font);
    font-size: 18px;
}

.fixed-income-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 12px;
    line-height: 1.7;
}


/* Equity */

.equity-market-visual {
    min-height: 530px;
    padding: 35px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(243, 107, 10, 0.2),
            transparent 30%
        ),
        #101010;
    border-radius: 10px;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2);
}

.equity-visual-header span,
.equity-visual-header strong {
    display: block;
}

.equity-visual-header span {
    margin-bottom: 7px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.equity-visual-header strong {
    font-family: var(--heading-font);
    font-size: 24px;
}

.equity-chart {
    position: relative;
    height: 280px;
    margin: 35px 0;
    border-left: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
}

.equity-chart-line {
    position: absolute;
    height: 2px;
    background-color: var(--brand-orange);
    transform-origin: left;
}

.chart-line-one {
    width: 28%;
    left: 8%;
    bottom: 22%;
    transform: rotate(-20deg);
}

.chart-line-two {
    width: 25%;
    left: 31%;
    bottom: 38%;
    transform: rotate(22deg);
}

.chart-line-three {
    width: 27%;
    left: 52%;
    bottom: 28%;
    transform: rotate(-30deg);
}

.chart-line-four {
    width: 22%;
    left: 74%;
    bottom: 48%;
    transform: rotate(15deg);
}

.equity-chart-point {
    position: absolute;
    width: 11px;
    height: 11px;
    background-color: var(--pure-white);
    border: 3px solid var(--brand-orange);
    border-radius: 50%;
}

.chart-point-one {
    left: 7%;
    bottom: 20%;
}

.chart-point-two {
    left: 34%;
    bottom: 37%;
}

.chart-point-three {
    left: 56%;
    bottom: 27%;
}

.chart-point-four {
    right: 3%;
    bottom: 51%;
}

.equity-visual-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.equity-visual-footer > div {
    padding: 17px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid var(--border-dark);
}

.equity-visual-footer small,
.equity-visual-footer strong {
    display: block;
}

.equity-visual-footer small {
    margin-bottom: 6px;
    color: var(--body-text);
    font-size: 9px;
}

.equity-visual-footer strong {
    color: var(--brand-orange);
    font-size: 12px;
}

.equity-opportunity-list {
    margin-top: 35px;
    border-top: 1px solid #dddddd;
}

.equity-opportunity-item {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;
    padding: 21px 0;
    border-bottom: 1px solid #dddddd;
}

.equity-opportunity-item > span {
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
}

.equity-opportunity-item h3 {
    margin-bottom: 7px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 17px;
}

.equity-opportunity-item p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}


/* Global Investment */

.global-investment-preview {
    background-color: var(--off-white);
}

.global-investment-box {
    padding: 70px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(243, 107, 10, 0.15),
            transparent 28%
        ),
        #090909;
    border-radius: 9px;
}

.global-investment-content p {
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.8;
}

.global-map-graphic {
    position: relative;
    width: 430px;
    height: 430px;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.global-map-graphic::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    top: 65px;
    left: 65px;
    border: 1px solid rgba(243, 107, 10, 0.24);
    border-radius: 50%;
}

.global-map-center {
    position: absolute;
    display: flex;
    width: 105px;
    height: 105px;
    top: 162px;
    left: 162px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 50%;
    font-family: var(--heading-font);
    font-size: 24px;
    font-weight: 800;
    z-index: 3;
}

.global-node {
    position: absolute;
    z-index: 4;
    padding: 9px 15px;
    color: var(--pure-white);
    background-color: #1b1b1b;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
}

.node-india {
    right: 8px;
    bottom: 30%;
}

.node-us {
    top: 22%;
    left: -5px;
}

.node-europe {
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.node-asia {
    right: 4px;
    top: 26%;
}

.global-connection {
    position: absolute;
    height: 1px;
    background-color: rgba(243, 107, 10, 0.55);
    transform-origin: left;
}

.connection-one {
    width: 120px;
    top: 206px;
    left: 210px;
    transform: rotate(-44deg);
}

.connection-two {
    width: 145px;
    top: 215px;
    left: 90px;
    transform: rotate(15deg);
}

.connection-three {
    width: 130px;
    left: 212px;
    bottom: 205px;
    transform: rotate(31deg);
}

.connection-four {
    width: 110px;
    left: 150px;
    bottom: 125px;
    transform: rotate(-50deg);
}


/* Evaluation */

.product-evaluation-heading {
    max-width: 850px;
    margin: 0 auto 50px;
}

.product-evaluation-heading > p {
    color: #777777;
    font-size: 14px;
    line-height: 1.8;
}

.product-evaluation-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.evaluation-card {
    min-height: 240px;
    padding: 30px;
    background-color: var(--pure-white);
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    transition: all 0.35s ease;
}

.evaluation-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.08);
    z-index: 2;
}

.evaluation-card > span {
    display: block;
    margin-bottom: 45px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.evaluation-card h3 {
    margin-bottom: 12px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 20px;
}

.evaluation-card p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}


/* Risk */

.investment-risk-section {
    padding: 0 0 100px;
    background-color: var(--off-white);
}

.investment-risk-box {
    display: flex;
    gap: 25px;
    padding: 35px;
    background-color: #fff5ec;
    border: 1px solid rgba(243, 107, 10, 0.24);
    border-left: 4px solid var(--brand-orange);
}

.investment-risk-icon {
    display: flex;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 50%;
    font-size: 22px;
    font-weight: 800;
}

.investment-risk-box span {
    display: block;
    margin-bottom: 8px;
    color: var(--brand-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.investment-risk-box h2 {
    margin-bottom: 10px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 24px;
}

.investment-risk-box p {
    margin: 0;
    color: #717171;
    font-size: 12px;
    line-height: 1.75;
}


/* CTA */

.investment-page-cta {
    padding: 0 0 120px;
    background-color: var(--off-white);
}

.investment-page-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 60px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(255, 255, 255, 0.16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f36b0a,
            #c84f00
        );
    border-radius: 8px;
}

.investment-page-cta-box > div {
    max-width: 800px;
}

.investment-page-cta-box > div > span {
    display: block;
    margin-bottom: 12px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.investment-page-cta-box h2 {
    margin-bottom: 14px;
    font-family: var(--heading-font);
    font-size: 39px;
    font-weight: 750;
    line-height: 1.18;
    letter-spacing: -1.5px;
}

.investment-page-cta-box p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1.75;
}
/* ==================================================
   Global Investing Page
================================================== */

.global-investing-banner {
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(243, 107, 10, 0.22),
            transparent 28%
        ),
        #080808;
}


/* Global Introduction */

.global-intro-section,
.global-markets-section,
.global-allocation-section,
.global-regulatory-section {
    background-color: var(--off-white);
}

.global-intro-list {
    margin-top: 35px;
    border-top: 1px solid #dddddd;
}

.global-intro-item {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;
    padding: 21px 0;
    border-bottom: 1px solid #dddddd;
}

.global-intro-item > span {
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.global-intro-item h3 {
    margin-bottom: 7px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 17px;
    font-weight: 700;
}

.global-intro-item p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}

.global-intro-visual {
    position: relative;
    min-height: 610px;
    padding: 38px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 82% 15%,
            rgba(243, 107, 10, 0.2),
            transparent 30%
        ),
        #101010;
    border-radius: 10px;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2);
}

.global-visual-label {
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.world-network {
    position: relative;
    width: 440px;
    height: 440px;
    max-width: 100%;
    margin: 55px auto 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.world-network::before,
.world-network::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(243, 107, 10, 0.22);
    border-radius: 50%;
}

.world-network::before {
    width: 330px;
    height: 330px;
    top: 55px;
    left: 55px;
}

.world-network::after {
    width: 215px;
    height: 215px;
    top: 112px;
    left: 112px;
}

.world-network-center {
    position: absolute;
    display: flex;
    width: 150px;
    height: 150px;
    top: 145px;
    left: 145px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 50%;
    z-index: 4;
}

.world-network-center span,
.world-network-center strong,
.world-network-center small {
    display: block;
}

.world-network-center span {
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.world-network-center strong {
    font-family: var(--heading-font);
    font-size: 20px;
}

.world-network-center small {
    margin-top: 6px;
    font-size: 9px;
}

.world-region {
    position: absolute;
    z-index: 5;
    padding: 9px 14px;
    color: var(--pure-white);
    background-color: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 30px;
    font-size: 9px;
    font-weight: 700;
}

.region-india {
    right: 10px;
    bottom: 24%;
}

.region-north-america {
    top: 25%;
    left: -30px;
}

.region-europe {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.region-asia {
    top: 23%;
    right: -12px;
}

.region-emerging {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.world-network-line {
    position: absolute;
    height: 1px;
    background-color: rgba(243, 107, 10, 0.55);
    transform-origin: left;
    z-index: 2;
}

.line-india {
    width: 130px;
    top: 225px;
    left: 220px;
    transform: rotate(33deg);
}

.line-north-america {
    width: 145px;
    top: 220px;
    left: 85px;
    transform: rotate(-22deg);
}

.line-europe {
    width: 115px;
    top: 145px;
    left: 220px;
    transform: rotate(-90deg);
}

.line-asia {
    width: 120px;
    top: 218px;
    left: 220px;
    transform: rotate(-40deg);
}

.line-emerging {
    width: 120px;
    top: 292px;
    left: 220px;
    transform: rotate(90deg);
}


/* Why Global */

.why-global-section,
.global-routes-section,
.global-risks-section,
.global-process-section {
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 10% 88%,
            rgba(243, 107, 10, 0.11),
            transparent 24%
        ),
        #090909;
}

.why-global-intro {
    margin: 0;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.85;
}

.why-global-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.why-global-card {
    position: relative;
    min-height: 325px;
    padding: 34px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    overflow: hidden;
    transition: all 0.35s ease;
}

.why-global-card::after {
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    right: -80px;
    bottom: -80px;
    border: 1px solid rgba(243, 107, 10, 0.18);
    border-radius: 50%;
    transition: all 0.35s ease;
}

.why-global-card:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-7px);
}

.why-global-card:hover::after {
    width: 200px;
    height: 200px;
}

.why-global-number {
    display: block;
    margin-bottom: 27px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.why-global-icon {
    display: flex;
    width: 58px;
    height: 58px;
    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    border: 1px solid var(--border-dark);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
    transition: all 0.35s ease;
}

.why-global-card:hover .why-global-icon {
    color: #111111;
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
}

.why-global-card h3 {
    margin-bottom: 13px;
    font-family: var(--heading-font);
    font-size: 20px;
    font-weight: 700;
}

.why-global-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 13px;
    line-height: 1.75;
}


/* Global Markets */

.global-markets-heading {
    max-width: 850px;
    margin: 0 auto 50px;
}

.global-markets-heading > p {
    color: #777777;
    font-size: 14px;
    line-height: 1.8;
}

.global-markets-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.global-market-card {
    position: relative;
    min-height: 370px;
    padding: 30px;
    background-color: var(--pure-white);
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    transition: all 0.35s ease;
}

.featured-market-card {
    color: var(--pure-white);
    background:
        linear-gradient(
            145deg,
            rgba(243, 107, 10, 0.16),
            transparent 45%
        ),
        #111111;
}

.global-market-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.09);
    z-index: 2;
}

.global-market-number {
    display: block;
    margin-bottom: 28px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.global-market-code {
    display: flex;
    width: 58px;
    height: 58px;
    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
    color: var(--brand-orange);
    background-color: var(--soft-orange);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
}

.featured-market-card .global-market-code {
    color: #111111;
    background-color: var(--brand-orange);
}

.global-market-card h3 {
    margin-bottom: 14px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 20px;
    font-weight: 700;
}

.featured-market-card h3 {
    color: var(--pure-white);
}

.global-market-card p {
    margin-bottom: 22px;
    color: #777777;
    font-size: 13px;
    line-height: 1.75;
}

.featured-market-card p {
    color: var(--body-text);
}

.global-market-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.global-market-tags span {
    padding: 7px 10px;
    color: #6e6e6e;
    background-color: #f2f2f2;
    border-radius: 30px;
    font-size: 9px;
    font-weight: 700;
}

.featured-market-card .global-market-tags span {
    color: rgba(255, 255, 255, 0.65);
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
}


/* Global Routes */

.global-routes-content > p {
    margin-bottom: 30px;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.85;
}

.global-routes-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.global-route-card {
    min-height: 235px;
    padding: 30px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    transition: all 0.35s ease;
}

.global-route-card:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-6px);
}

.global-route-card > span {
    display: block;
    margin-bottom: 40px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.global-route-card h3 {
    margin-bottom: 12px;
    font-family: var(--heading-font);
    font-size: 18px;
}

.global-route-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 12px;
    line-height: 1.7;
}


/* Global Allocation */

.global-allocation-visual {
    padding: 35px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(243, 107, 10, 0.2),
            transparent 28%
        ),
        #101010;
    border-radius: 10px;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2);
}

.global-allocation-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 38px;
}

.global-allocation-header span {
    display: block;
    margin-bottom: 7px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.global-allocation-header h3 {
    margin: 0;
    font-family: var(--heading-font);
    font-size: 22px;
}

.global-allocation-header small {
    color: rgba(255, 255, 255, 0.4);
    font-size: 9px;
    text-transform: uppercase;
}

.global-allocation-main {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 35px 0;
    border-top: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
}

.global-allocation-circle {
    position: relative;
    display: flex;
    flex: 0 0 220px;
    width: 220px;
    height: 220px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:
        conic-gradient(
            var(--brand-orange) 0 45%,
            #f3a15d 45% 70%,
            #c9c9c9 70% 90%,
            #616161 90% 100%
        );
}

.global-allocation-circle::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: #151515;
    border-radius: 50%;
}

.global-allocation-center {
    position: relative;
    z-index: 2;
    text-align: center;
}

.global-allocation-center strong,
.global-allocation-center span {
    display: block;
}

.global-allocation-center strong {
    font-family: var(--heading-font);
    font-size: 36px;
}

.global-allocation-center span {
    color: var(--body-text);
    font-size: 10px;
}

.global-allocation-list {
    flex: 1;
}

.global-allocation-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.global-allocation-item:last-child {
    border-bottom: none;
}

.global-allocation-item > div {
    display: flex;
    align-items: center;
    gap: 11px;
}

.global-allocation-item strong {
    font-size: 12px;
}

.global-allocation-item > span {
    color: var(--brand-orange);
    font-size: 12px;
    font-weight: 700;
}

.global-allocation-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.global-dot-one {
    background-color: var(--brand-orange);
}

.global-dot-two {
    background-color: #f3a15d;
}

.global-dot-three {
    background-color: #c9c9c9;
}

.global-dot-four {
    background-color: #616161;
}

.global-allocation-note {
    margin-top: 25px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 10px;
    line-height: 1.7;
}

.global-allocation-principles {
    margin-top: 35px;
    border-top: 1px solid #dddddd;
}

.global-allocation-principle {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;
    padding: 22px 0;
    border-bottom: 1px solid #dddddd;
}

.global-allocation-principle > span {
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
}

.global-allocation-principle h3 {
    margin-bottom: 7px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 17px;
}

.global-allocation-principle p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}


/* Global Risks */

.global-risks-heading {
    position: sticky;
    top: 130px;
}

.global-risks-heading > p {
    margin: 0;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.85;
}

.global-risks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.global-risk-card {
    min-height: 245px;
    padding: 30px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    transition: all 0.35s ease;
}

.global-risk-card:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-6px);
}

.global-risk-card > span {
    display: block;
    margin-bottom: 45px;
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.global-risk-card h3 {
    margin-bottom: 12px;
    font-family: var(--heading-font);
    font-size: 18px;
}

.global-risk-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 12px;
    line-height: 1.7;
}


/* Regulatory */

.global-regulatory-box {
    padding: 70px;
    background-color: var(--pure-white);
    border: 1px solid #dddddd;
    border-radius: 9px;
}

.global-regulatory-list {
    border-top: 1px solid #dddddd;
}

.global-regulatory-item {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;
    padding: 22px 0;
    border-bottom: 1px solid #dddddd;
}

.global-regulatory-item > span {
    color: var(--brand-orange);
    font-size: 10px;
    font-weight: 800;
}

.global-regulatory-item h3 {
    margin-bottom: 7px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 17px;
}

.global-regulatory-item p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.7;
}


/* Process */

.global-process-heading {
    max-width: 850px;
    margin: 0 auto 55px;
}

.global-process-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid var(--border-dark);
    border-left: 1px solid var(--border-dark);
}

.global-process-card {
    min-height: 305px;
    padding: 32px 25px;
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    transition: all 0.35s ease;
}

.global-process-card:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transform: translateY(-7px);
}

.global-process-number {
    display: block;
    margin-bottom: 70px;
    color: var(--brand-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.global-process-card h3 {
    margin-bottom: 14px;
    font-family: var(--heading-font);
    font-size: 20px;
}

.global-process-card p {
    margin: 0;
    color: var(--body-text);
    font-size: 12px;
    line-height: 1.75;
}


/* Global Notice */

.global-investing-notice {
    padding: 0 0 100px;
    background-color: var(--off-white);
}

.global-investing-notice-box {
    display: flex;
    gap: 25px;
    padding: 35px;
    background-color: #fff5ec;
    border: 1px solid rgba(243, 107, 10, 0.24);
    border-left: 4px solid var(--brand-orange);
}

.global-investing-notice-icon {
    display: flex;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 50%;
    font-size: 22px;
    font-weight: 800;
}

.global-investing-notice-box span {
    display: block;
    margin-bottom: 8px;
    color: var(--brand-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.global-investing-notice-box h2 {
    margin-bottom: 10px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 24px;
}

.global-investing-notice-box p {
    margin: 0;
    color: #717171;
    font-size: 12px;
    line-height: 1.75;
}


/* Global CTA */

.global-page-cta {
    padding: 0 0 120px;
    background-color: var(--off-white);
}

.global-page-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 60px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(255, 255, 255, 0.16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f36b0a,
            #c84f00
        );
    border-radius: 8px;
}

.global-page-cta-box > div {
    max-width: 800px;
}

.global-page-cta-box > div > span {
    display: block;
    margin-bottom: 12px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.global-page-cta-box h2 {
    margin-bottom: 14px;
    font-family: var(--heading-font);
    font-size: 39px;
    font-weight: 750;
    line-height: 1.18;
    letter-spacing: -1.5px;
}

.global-page-cta-box p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1.75;
}
/* ==================================================
   Insights Page
================================================== */

.insights-banner {
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(243, 107, 10, 0.22),
            transparent 28%
        ),
        #080808;
}


/* Featured Insight */

.featured-insight-section,
.insights-listing-section {
    background-color: var(--off-white);
}

.featured-insight-card {
    overflow: hidden;
    background-color: var(--pure-white);
    border: 1px solid #dddddd;
    border-radius: 10px;
    box-shadow: 0 30px 75px rgba(0, 0, 0, 0.08);
}

.featured-insight-visual {
    position: relative;
    min-height: 570px;
    padding: 40px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(243, 107, 10, 0.2),
            transparent 30%
        ),
        #101010;
}

.featured-insight-badge {
    display: inline-flex;
    padding: 9px 14px;
    color: #111111;
    background-color: var(--brand-orange);
    border-radius: 30px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.featured-chart-graphic {
    position: relative;
    height: 325px;
    margin-top: 55px;
    border-left: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    overflow: hidden;
}

.featured-chart-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.04) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.04) 1px,
            transparent 1px
        );
    background-size: 54px 54px;
}

.featured-chart-line {
    position: absolute;
    height: 3px;
    background-color: var(--brand-orange);
    transform-origin: left;
    z-index: 2;
}

.featured-line-one {
    width: 24%;
    left: 7%;
    bottom: 20%;
    transform: rotate(-18deg);
}

.featured-line-two {
    width: 23%;
    left: 28%;
    bottom: 34%;
    transform: rotate(24deg);
}

.featured-line-three {
    width: 26%;
    left: 48%;
    bottom: 24%;
    transform: rotate(-27deg);
}

.featured-line-four {
    width: 25%;
    left: 70%;
    bottom: 43%;
    transform: rotate(18deg);
}

.featured-chart-point {
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: var(--pure-white);
    border: 3px solid var(--brand-orange);
    border-radius: 50%;
    z-index: 3;
}

.featured-point-one {
    left: 6%;
    bottom: 18%;
}

.featured-point-two {
    left: 29%;
    bottom: 32%;
}

.featured-point-three {
    left: 50%;
    bottom: 22%;
}

.featured-point-four {
    right: 3%;
    bottom: 48%;
}

.featured-visual-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 35px;
}

.featured-visual-footer > div {
    padding: 16px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid var(--border-dark);
}

.featured-visual-footer small,
.featured-visual-footer strong {
    display: block;
}

.featured-visual-footer small {
    margin-bottom: 6px;
    color: var(--body-text);
    font-size: 9px;
}

.featured-visual-footer strong {
    color: var(--brand-orange);
    font-size: 11px;
}

.featured-insight-content {
    display: flex;
    min-height: 570px;
    padding: 55px 45px;
    justify-content: center;
    flex-direction: column;
}

.insight-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 28px;
}

.insight-meta span {
    position: relative;
    color: #777777;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.insight-meta span:first-child {
    color: var(--brand-orange);
}

.insight-meta span + span {
    padding-left: 16px;
}

.insight-meta span + span::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 6px;
    left: 0;
    background-color: #bdbdbd;
    border-radius: 50%;
}

.featured-insight-content h2 {
    margin-bottom: 23px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 39px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -1.5px;
}

.featured-insight-content p {
    margin-bottom: 15px;
    color: #747474;
    font-size: 13px;
    line-height: 1.8;
}

.featured-insight-link {
    display: inline-flex;
    width: fit-content;
    margin-top: 18px;
    align-items: center;
    gap: 15px;
    color: #171717;
    font-size: 12px;
    font-weight: 800;
    transition: all 0.3s ease;
}

.featured-insight-link span {
    display: flex;
    width: 37px;
    height: 37px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.featured-insight-link:hover {
    color: var(--brand-orange);
}

.featured-insight-link:hover span {
    transform: translateX(5px);
}


/* Listing Heading */

.insights-listing-intro {
    margin: 0;
    color: #777777;
    font-size: 14px;
    line-height: 1.8;
}


/* Filters */

.insight-filter-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 45px;
    padding: 18px;
    background-color: var(--pure-white);
    border: 1px solid #dddddd;
    border-radius: 6px;
}

.insight-filter-button {
    padding: 11px 17px;
    color: #686868;
    background-color: #f4f4f2;
    border: 1px solid transparent;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.insight-filter-button:hover,
.insight-filter-button.active {
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
}


/* Listing Grid */

.insights-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.insight-listing-card {
    background-color: var(--pure-white);
    border: 1px solid #dddddd;
    border-radius: 7px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.insight-listing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.09);
}

.insight-listing-card.hide-insight {
    display: none;
}

.insight-card-visual {
    position: relative;
    display: flex;
    min-height: 245px;
    padding: 25px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(243, 107, 10, 0.18),
            transparent 30%
        ),
        #101010;
    overflow: hidden;
}

.insight-card-category {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;
    padding: 8px 11px;
    color: var(--pure-white);
    background-color: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 30px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* Allocation Graphic */

.insight-mini-allocation {
    display: flex;
    align-items: center;
    gap: 25px;
}

.mini-allocation-circle {
    position: relative;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background:
        conic-gradient(
            var(--brand-orange) 0 42%,
            #f3a15d 42% 68%,
            #bcbcbc 68% 86%,
            #555555 86% 100%
        );
}

.mini-allocation-circle::after {
    content: "";
    position: absolute;
    width: 62px;
    height: 62px;
    top: 21px;
    left: 21px;
    background-color: #141414;
    border-radius: 50%;
}

.mini-allocation-lines {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mini-allocation-lines span {
    display: block;
    width: 80px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 20px;
}

.mini-allocation-lines span:nth-child(2) {
    width: 60px;
}

.mini-allocation-lines span:nth-child(3) {
    width: 72px;
}


/* Mutual Fund Graphic */

.fund-visual-symbol {
    display: flex;
    align-items: flex-end;
    gap: 26px;
}

.fund-visual-symbol > span {
    color: var(--brand-orange);
    font-family: var(--heading-font);
    font-size: 52px;
    font-weight: 800;
}

.fund-bars {
    display: flex;
    height: 100px;
    align-items: flex-end;
    gap: 7px;
}

.fund-bars i {
    display: block;
    width: 14px;
    background-color: var(--brand-orange);
    border-radius: 2px 2px 0 0;
}

.fund-bars i:nth-child(1) {
    height: 38px;
    opacity: 0.45;
}

.fund-bars i:nth-child(2) {
    height: 58px;
    opacity: 0.65;
}

.fund-bars i:nth-child(3) {
    height: 78px;
    opacity: 0.82;
}

.fund-bars i:nth-child(4) {
    height: 100px;
}


/* Alternatives Graphic */

.alternative-visual-symbol {
    position: relative;
    width: 160px;
    height: 130px;
}

.alternative-cube {
    position: absolute;
    width: 72px;
    height: 72px;
    border: 2px solid var(--brand-orange);
    transform: rotate(45deg);
}

.cube-one {
    top: 10px;
    left: 10px;
}

.cube-two {
    top: 25px;
    right: 10px;
    opacity: 0.6;
}

.cube-three {
    bottom: 0;
    left: 45px;
    opacity: 0.35;
}


/* Global Graphic */

.global-blog-orbit {
    position: relative;
    display: flex;
    width: 155px;
    height: 155px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 50%;
}

.global-blog-orbit::before {
    content: "";
    position: absolute;
    width: 105px;
    height: 105px;
    border: 1px solid rgba(243, 107, 10, 0.4);
    border-radius: 50%;
}

.global-blog-center {
    display: flex;
    width: 62px;
    height: 62px;
    align-items: center;
    justify-content: center;
    color: #111111;
    background-color: var(--brand-orange);
    border-radius: 50%;
    font-weight: 800;
    z-index: 2;
}

.global-blog-node {
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: var(--pure-white);
    border: 3px solid var(--brand-orange);
    border-radius: 50%;
}

.global-blog-node.node-one {
    top: 7px;
    left: 71px;
}

.global-blog-node.node-two {
    right: 5px;
    bottom: 35px;
}

.global-blog-node.node-three {
    left: 12px;
    bottom: 28px;
}


/* Portfolio Review Graphic */

.portfolio-review-symbol {
    position: relative;
    width: 155px;
    height: 145px;
}

.review-document {
    position: absolute;
    width: 100px;
    height: 125px;
    top: 0;
    left: 0;
    padding: 30px 17px;
    background-color: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 5px;
}

.review-document span {
    display: block;
    height: 6px;
    margin-bottom: 12px;
    background-color: rgba(255, 255, 255, 0.16);
    border-radius: 20px;
}

.review-document span:nth-child(2) {
    width: 70%;
}

.review-document span:nth-child(3) {
    width: 82%;
}

.review-magnifier {
    position: absolute;
    width: 65px;
    height: 65px;
    right: 0;
    bottom: 12px;
    border: 8px solid var(--brand-orange);
    border-radius: 50%;
}

.review-magnifier::after {
    content: "";
    position: absolute;
    width: 44px;
    height: 8px;
    right: -34px;
    bottom: -17px;
    background-color: var(--brand-orange);
    transform: rotate(45deg);
    border-radius: 10px;
}


/* Protection Graphic */

.protection-blog-shield {
    display: flex;
    width: 125px;
    height: 145px;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-orange);
    clip-path: polygon(
        50% 0,
        92% 17%,
        86% 68%,
        50% 100%,
        14% 68%,
        8% 17%
    );
}

.protection-blog-shield span {
    display: flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    color: var(--brand-orange);
    background-color: var(--pure-white);
    border-radius: 50%;
    font-size: 25px;
    font-weight: 800;
}


/* SIP Graphic */

.sip-growth-visual {
    position: relative;
    display: flex;
    width: 170px;
    height: 130px;
    align-items: flex-end;
    gap: 12px;
    padding-bottom: 10px;
}

.sip-bar {
    width: 25px;
    background-color: var(--brand-orange);
    border-radius: 3px 3px 0 0;
}

.sip-bar.bar-one {
    height: 38px;
    opacity: 0.42;
}

.sip-bar.bar-two {
    height: 62px;
    opacity: 0.62;
}

.sip-bar.bar-three {
    height: 89px;
    opacity: 0.8;
}

.sip-bar.bar-four {
    height: 120px;
}

.sip-growth-arrow {
    position: absolute;
    top: -5px;
    right: 0;
    color: var(--pure-white);
    font-size: 42px;
}


/* Private Credit Graphic */

.credit-visual {
    position: relative;
    width: 175px;
    height: 145px;
}

.credit-building {
    position: absolute;
    width: 90px;
    height: 115px;
    left: 0;
    bottom: 0;
    background:
        repeating-linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.14) 0 9px,
            transparent 9px 20px
        );
    border: 2px solid rgba(255, 255, 255, 0.18);
}

.credit-line {
    position: absolute;
    width: 90px;
    height: 2px;
    top: 75px;
    left: 70px;
    background-color: var(--brand-orange);
    transform: rotate(-18deg);
}

.credit-coin {
    position: absolute;
    display: flex;
    width: 65px;
    height: 65px;
    right: 0;
    top: 20px;
    align-items: center;
    justify-content: center;
    color: #111111;
    background-color: var(--brand-orange);
    border-radius: 50%;
    font-size: 29px;
    font-weight: 800;
}


/* Currency Graphic */

.currency-visual {
    display: flex;
    align-items: center;
    gap: 20px;
}

.currency-visual span {
    display: flex;
    width: 72px;
    height: 72px;
    align-items: center;
    justify-content: center;
    color: #111111;
    background-color: var(--brand-orange);
    border-radius: 50%;
    font-family: var(--heading-font);
    font-size: 32px;
    font-weight: 800;
}

.currency-visual i {
    color: var(--pure-white);
    font-size: 30px;
    font-style: normal;
}


/* Card Content */

.insight-card-content {
    padding: 28px;
}

.insight-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 19px;
}

.insight-card-meta span {
    color: #949494;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.insight-card-content h3 {
    margin-bottom: 14px;
    color: #171717;
    font-family: var(--heading-font);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}

.insight-card-content p {
    margin-bottom: 22px;
    color: #777777;
    font-size: 12px;
    line-height: 1.75;
}

.insight-card-content > a {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #171717;
    font-size: 11px;
    font-weight: 800;
    transition: all 0.3s ease;
}

.insight-card-content > a span {
    color: var(--brand-orange);
    transition: transform 0.3s ease;
}

.insight-card-content > a:hover {
    color: var(--brand-orange);
}

.insight-card-content > a:hover span {
    transform: translateX(5px);
}


/* Empty State */

.insight-empty-state {
    display: none;
    margin-top: 30px;
    padding: 40px;
    text-align: center;
    background-color: var(--pure-white);
    border: 1px solid #dddddd;
}

.insight-empty-state.show {
    display: block;
}

.insight-empty-state span {
    color: #777777;
    font-size: 13px;
}


/* Pagination */

.insight-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 55px;
}

.insight-pagination a {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    color: #171717;
    background-color: var(--pure-white);
    border: 1px solid #dddddd;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.insight-pagination a:hover,
.insight-pagination a.active {
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
}

.insight-pagination a.disabled {
    color: #b5b5b5;
    pointer-events: none;
}


/* Newsletter */

.insights-newsletter-section {
    color: var(--pure-white);
    background-color: #090909;
}

.insights-newsletter-box {
    padding: 70px;
    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(243, 107, 10, 0.18),
            transparent 28%
        ),
        #101010;
    border: 1px solid var(--border-dark);
    border-radius: 9px;
}

.newsletter-content > p {
    max-width: 570px;
    margin: 0;
    color: var(--body-text);
    font-size: 14px;
    line-height: 1.8;
}

.newsletter-form {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid var(--border-dark);
    border-radius: 7px;
}

.newsletter-input-group {
    display: grid;
    gap: 12px;
}

.newsletter-input-group input {
    width: 100%;
    min-height: 52px;
    padding: 12px 16px;
    color: var(--pure-white);
    background-color: rgba(255, 255, 255, 0.045);
    border: 1px solid var(--border-dark);
    border-radius: 4px;
    outline: none;
    font-size: 12px;
    transition: border-color 0.3s ease;
}

.newsletter-input-group input::placeholder {
    color: rgba(255, 255, 255, 0.38);
}

.newsletter-input-group input:focus {
    border-color: var(--brand-orange);
}

.newsletter-input-group button {
    display: flex;
    min-height: 52px;
    padding: 12px 18px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border: 1px solid var(--brand-orange);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.3s ease;
}

.newsletter-input-group button:hover {
    gap: 21px;
    background-color: transparent;
}

.newsletter-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 17px;
    cursor: pointer;
}

.newsletter-consent input {
    margin-top: 3px;
    accent-color: var(--brand-orange);
}

.newsletter-consent span {
    color: rgba(255, 255, 255, 0.45);
    font-size: 10px;
    line-height: 1.6;
}


/* Disclaimer */

.insights-disclaimer-section {
    padding: 80px 0;
    background-color: var(--off-white);
}

.insights-disclaimer-box {
    display: flex;
    gap: 24px;
    padding: 35px;
    background-color: #fff5ec;
    border: 1px solid rgba(243, 107, 10, 0.24);
    border-left: 4px solid var(--brand-orange);
}

.insights-disclaimer-icon {
    display: flex;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: var(--pure-white);
    background-color: var(--brand-orange);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 800;
}

.insights-disclaimer-box span {
    display: block;
    margin-bottom: 9px;
    color: var(--brand-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.insights-disclaimer-box p {
    margin: 0;
    color: #717171;
    font-size: 12px;
    line-height: 1.75;
}


/* Insights CTA */

.insights-page-cta {
    padding: 0 0 120px;
    background-color: var(--off-white);
}

.insights-page-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 60px;
    color: var(--pure-white);
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(255, 255, 255, 0.16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f36b0a,
            #c84f00
        );
    border-radius: 8px;
}

.insights-page-cta-box > div {
    max-width: 800px;
}

.insights-page-cta-box > div > span {
    display: block;
    margin-bottom: 12px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.insights-page-cta-box h2 {
    margin-bottom: 14px;
    font-family: var(--heading-font);
    font-size: 39px;
    font-weight: 750;
    line-height: 1.18;
    letter-spacing: -1.5px;
}

.insights-page-cta-box p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1.75;
}
/* ==================================================
   Dynamic Blog Detail Page
================================================== */

.blog-detail-hero {
    position: relative;
    padding: 170px 0 95px;
    overflow: hidden;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(255, 102, 0, 0.24),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #080808,
            #18120e
        );
}

.blog-detail-hero-pattern {
    position: absolute;
    width: 450px;
    height: 450px;
    top: -170px;
    right: -120px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.blog-detail-hero-pattern::before,
.blog-detail-hero-pattern::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;
}

.blog-detail-hero-pattern::before {
    inset: 60px;
}

.blog-detail-hero-pattern::after {
    inset: 120px;
}

.blog-detail-hero-content {
    position: relative;
    max-width: 980px;
    z-index: 2;
}

.blog-detail-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 11px;
}

.blog-detail-breadcrumb a {
    color: rgba(255, 255, 255, 0.65);
}

.blog-detail-breadcrumb a:hover {
    color: #ff6900;
}

.blog-detail-category {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 13px;
    color: #ff6900;
    background-color: rgba(255, 105, 0, 0.12);
    border: 1px solid rgba(255, 105, 0, 0.28);
    border-radius: 30px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.blog-detail-hero h1 {
    max-width: 920px;
    margin-bottom: 24px;
    color: #ffffff;
    font-size: clamp(38px, 5vw, 66px);
    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -2.8px;
}

.blog-detail-hero-description {
    max-width: 780px;
    margin-bottom: 34px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 16px;
    line-height: 1.8;
}

.blog-detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

.blog-meta-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.blog-author-avatar {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #ff6900;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 800;
}

.blog-meta-author small,
.blog-meta-author strong,
.blog-meta-item small,
.blog-meta-item strong {
    display: block;
}

.blog-meta-author small,
.blog-meta-item small {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 8px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.blog-meta-author strong,
.blog-meta-item strong {
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}

.blog-detail-main-section {
    padding: 90px 0;
    background-color: #f7f6f3;
}

.blog-detail-layout {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        300px;
    gap: 55px;
    align-items: start;
}

.blog-detail-main-content {
    min-width: 0;
}

.blog-detail-featured-image {
    margin-bottom: 42px;
    overflow: hidden;
    background-color: #111111;
    border-radius: 8px;
}

.blog-detail-featured-image img {
    display: block;
    width: 100%;
    max-height: 570px;
    object-fit: cover;
}

.blog-detail-introduction {
    margin-bottom: 34px;
    padding: 26px 28px;
    color: #292929;
    background-color: #ffffff;
    border-left: 4px solid #ff6900;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.05);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.75;
}

.blog-detail-content {
    color: #555555;
    font-size: 15px;
    line-height: 1.9;
}

.blog-detail-content p {
    margin-bottom: 22px;
}

.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4 {
    margin-top: 38px;
    margin-bottom: 17px;
    color: #151515;
    line-height: 1.35;
}

.blog-detail-content h2 {
    font-size: 31px;
}

.blog-detail-content h3 {
    font-size: 25px;
}

.blog-detail-content h4 {
    font-size: 20px;
}

.blog-detail-content ul,
.blog-detail-content ol {
    margin-bottom: 25px;
    padding-left: 24px;
}

.blog-detail-content li {
    margin-bottom: 10px;
}

.blog-detail-content blockquote {
    margin: 35px 0;
    padding: 26px 30px;
    color: #222222;
    background-color: #fff2e8;
    border-left: 4px solid #ff6900;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.7;
}

.blog-detail-content img {
    max-width: 100%;
    height: auto;
    margin: 25px 0;
    border-radius: 5px;
}

.blog-detail-content a {
    color: #ff6900;
    text-decoration: underline;
}

.blog-detail-content table {
    width: 100%;
    margin: 25px 0;
    border-collapse: collapse;
}

.blog-detail-content th,
.blog-detail-content td {
    padding: 13px;
    border: 1px solid #dddddd;
    text-align: left;
}

.blog-detail-content th {
    color: #ffffff;
    background-color: #151515;
}

.blog-detail-disclaimer {
    display: flex;
    gap: 17px;
    margin-top: 48px;
    padding: 26px;
    background-color: #fff3e9;
    border: 1px solid rgba(255, 105, 0, 0.2);
    border-radius: 6px;
}

.blog-disclaimer-icon {
    display: flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #ff6900;
    border-radius: 50%;
    font-weight: 800;
}

.blog-detail-disclaimer strong {
    display: block;
    margin-bottom: 8px;
    color: #222222;
    font-size: 11px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.blog-detail-disclaimer p {
    margin: 0;
    color: #777777;
    font-size: 12px;
    line-height: 1.75;
}

.blog-detail-navigation {
    margin-top: 35px;
}

.blog-detail-navigation a {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: #222222;
    font-size: 11px;
    font-weight: 800;
}

.blog-detail-navigation a:hover {
    color: #ff6900;
}

.blog-detail-sidebar {
    position: sticky;
    top: 115px;
}

.blog-sidebar-card,
.blog-sidebar-cta {
    padding: 28px;
    background-color: #ffffff;
    border: 1px solid #e2e0dc;
    border-radius: 7px;
}

.blog-sidebar-card {
    margin-bottom: 22px;
}

.blog-sidebar-label {
    display: block;
    margin-bottom: 10px;
    color: #ff6900;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.blog-sidebar-card h3,
.blog-sidebar-cta h3 {
    margin-bottom: 22px;
    color: #181818;
    font-size: 22px;
    line-height: 1.35;
}

.blog-sidebar-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-sidebar-card li {
    display: flex;
    padding: 14px 0;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid #eeeeee;
}

.blog-sidebar-card li:last-child {
    border-bottom: 0;
}

.blog-sidebar-card li span {
    color: #888888;
    font-size: 9px;
}

.blog-sidebar-card li strong {
    color: #333333;
    font-size: 9px;
    text-align: right;
}

.blog-sidebar-cta {
    color: #ffffff;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(255, 105, 0, 0.35),
            transparent 32%
        ),
        #111111;
    border-color: #111111;
}

.blog-sidebar-cta > span {
    display: block;
    margin-bottom: 12px;
    color: #ff6900;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.blog-sidebar-cta h3 {
    color: #ffffff;
}

.blog-sidebar-cta p {
    margin-bottom: 22px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 11px;
    line-height: 1.7;
}

.blog-sidebar-cta a {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
}

.blog-sidebar-cta a:hover {
    color: #ff6900;
}

/* Related Blogs */

.related-blog-section {
    padding: 90px 0;
    background-color: #ffffff;
}

.related-blog-heading {
    display: flex;
    margin-bottom: 40px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
}

.related-blog-heading > div > span {
    display: block;
    margin-bottom: 10px;
    color: #ff6900;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.related-blog-heading h2 {
    margin: 0;
    color: #171717;
    font-size: 40px;
    letter-spacing: -1.5px;
}

.related-blog-heading > a {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    color: #222222;
    font-size: 10px;
    font-weight: 800;
}

.related-blog-heading > a:hover {
    color: #ff6900;
}

.related-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.related-blog-card {
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 7px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.related-blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}

.related-blog-image {
    position: relative;
    display: flex;
    height: 225px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #141414;
}

.related-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.related-blog-card:hover
.related-blog-image img {
    transform: scale(1.05);
}

.related-blog-image > span {
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 7px 10px;
    color: #ffffff;
    background-color: #ff6900;
    border-radius: 3px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.related-blog-placeholder {
    display: flex;
    width: 75px;
    height: 75px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #ff6900;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 800;
}

.related-blog-content {
    padding: 25px;
}

.related-blog-meta {
    display: flex;
    margin-bottom: 12px;
    gap: 14px;
    color: #999999;
    font-size: 8px;
    text-transform: uppercase;
}

.related-blog-content h3 {
    margin-bottom: 12px;
    color: #171717;
    font-size: 20px;
    line-height: 1.45;
}

.related-blog-content p {
    display: -webkit-box;
    margin-bottom: 18px;
    overflow: hidden;
    color: #777777;
    font-size: 11px;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.related-blog-content > a {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: #ff6900;
    font-size: 9px;
    font-weight: 800;
}

/* Blog 404 */

.blog-not-found-section {
    display: flex;
    min-height: 80vh;
    padding: 150px 0 90px;
    align-items: center;
    background-color: #f7f6f3;
}

.blog-not-found-box {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.blog-not-found-code {
    display: block;
    margin-bottom: 10px;
    color: #ff6900;
    font-size: 70px;
    font-weight: 800;
}

.blog-not-found-box h1 {
    margin-bottom: 15px;
    color: #171717;
    font-size: 45px;
}

.blog-not-found-box p {
    margin-bottom: 25px;
    color: #777777;
    line-height: 1.8;
}

.blog-back-button {
    display: inline-flex;
    padding: 14px 22px;
    gap: 10px;
    align-items: center;
    color: #ffffff;
    background-color: #ff6900;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
}

/* Responsive */

@media screen and (max-width: 991px) {

    .blog-detail-layout {
        grid-template-columns: 1fr;
    }

    .blog-detail-sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
    }

    .blog-sidebar-card {
        margin-bottom: 0;
    }

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

}

@media screen and (max-width: 767px) {

    .blog-detail-hero {
        padding: 135px 0 70px;
    }

    .blog-detail-hero h1 {
        letter-spacing: -1.5px;
    }

    .blog-detail-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .blog-detail-main-section,
    .related-blog-section {
        padding: 65px 0;
    }

    .blog-detail-layout {
        gap: 38px;
    }

    .blog-detail-sidebar {
        grid-template-columns: 1fr;
    }

    .related-blog-grid {
        grid-template-columns: 1fr;
    }

    .related-blog-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .related-blog-heading h2 {
        font-size: 32px;
    }

    .blog-detail-introduction {
        padding: 22px;
        font-size: 15px;
    }

    .blog-detail-content {
        font-size: 14px;
    }

    .blog-detail-content h2 {
        font-size: 26px;
    }

    .blog-detail-content h3 {
        font-size: 22px;
    }

}
/* =========================================================
   DYNAMIC INSIGHTS PAGE
========================================================= */

/* Featured blog image */

.featured-insight-visual {
    position: relative;
    min-height: 500px;
    height: 100%;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #071a33 0%,
            #0c315a 55%,
            #123f70 100%
        );
}

.dynamic-featured-image {
    width: 100%;
    height: 100%;
    min-height: 500px;
    object-fit: cover;
    display: block;
}

.featured-insight-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(4, 20, 39, 0.05) 20%,
            rgba(4, 20, 39, 0.85) 100%
        );
    pointer-events: none;
}

.featured-image-placeholder {
    width: 100%;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 90px;
    font-weight: 800;
    letter-spacing: -8px;
    color: rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(212, 175, 55, 0.18),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #071a33,
            #0d3e70
        );
}


/* Featured badge */

.featured-insight-badge {
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 3;
    padding: 10px 18px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50px;
    background: rgba(6, 24, 45, 0.62);
    backdrop-filter: blur(10px);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


/* Featured information footer */

.featured-visual-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: 24px 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(4, 20, 39, 0.6);
    backdrop-filter: blur(12px);
}

.featured-visual-footer > div {
    padding: 0 18px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.featured-visual-footer > div:first-child {
    padding-left: 0;
}

.featured-visual-footer > div:last-child {
    padding-right: 0;
    border-right: 0;
}

.featured-visual-footer small {
    display: block;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.featured-visual-footer strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}


/* Featured card */

.featured-insight-card {
    overflow: hidden;
    border: 1px solid #e5ebf1;
    border-radius: 26px;
    background: #ffffff;
    box-shadow:
        0 25px 70px rgba(7, 29, 56, 0.11);
}

.featured-insight-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 55px 48px;
}

.featured-insight-content .insight-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 22px;
}

.featured-insight-content .insight-meta span {
    position: relative;
    color: #52708c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.featured-insight-content .insight-meta span:first-child {
    color: #b18b25;
}

.featured-insight-content .insight-meta span + span {
    padding-left: 18px;
}

.featured-insight-content .insight-meta span + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d4af37;
    transform: translateY(-50%);
}

.featured-insight-content h2 {
    margin-bottom: 22px;
    color: #071d36;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: clamp(30px, 3vw, 47px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.8px;
}

.featured-insight-content p {
    margin-bottom: 28px;
    color: #617386;
    font-size: 16px;
    line-height: 1.85;
}

.featured-insight-link {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    color: #08294c;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.featured-insight-link span {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #d4af37;
    color: #071d36;
    transition: 0.3s ease;
}

.featured-insight-link:hover {
    color: #b18b25;
}

.featured-insight-link:hover span {
    transform: translateX(5px);
}


/* =========================================================
   SEARCH AND CATEGORY FILTER
========================================================= */

.public-insight-filter {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 260px auto auto;
    gap: 14px;
    align-items: center;
    margin-bottom: 45px;
    padding: 20px;
    border: 1px solid #e4ebf2;
    border-radius: 18px;
    background: #ffffff;
    box-shadow:
        0 15px 45px rgba(7, 29, 56, 0.06);
}

.public-insight-filter input,
.public-insight-filter select {
    width: 100%;
    height: 52px;
    padding: 0 18px;
    border: 1px solid #dfe7ee;
    border-radius: 10px;
    outline: none;
    background: #f8fafc;
    color: #18324c;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    transition: 0.3s ease;
}

.public-insight-filter input:focus,
.public-insight-filter select:focus {
    border-color: #d4af37;
    background: #ffffff;
    box-shadow:
        0 0 0 4px rgba(212, 175, 55, 0.12);
}

.public-insight-filter button {
    height: 52px;
    padding: 0 28px;
    border: 0;
    border-radius: 10px;
    background: #08294c;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s ease;
}

.public-insight-filter button:hover {
    background: #d4af37;
    color: #071d36;
}

.public-insight-filter > a {
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    border: 1px solid #dce5ed;
    border-radius: 10px;
    color: #52687e;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.public-insight-filter > a:hover {
    border-color: #08294c;
    color: #08294c;
}


/* =========================================================
   DYNAMIC BLOG GRID
========================================================= */

.insights-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

.insight-listing-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #e4ebf2;
    border-radius: 20px;
    background: #ffffff;
    box-shadow:
        0 16px 45px rgba(7, 29, 56, 0.06);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.insight-listing-card:hover {
    transform: translateY(-8px);
    border-color: rgba(212, 175, 55, 0.6);
    box-shadow:
        0 28px 65px rgba(7, 29, 56, 0.13);
}

.insight-card-visual {
    position: relative;
    height: 245px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #071d36,
            #0d477d
        );
}

.dynamic-insight-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
}

.insight-listing-card:hover .dynamic-insight-image {
    transform: scale(1.07);
}

.insight-card-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(5, 22, 41, 0.02) 35%,
            rgba(5, 22, 41, 0.65) 100%
        );
    pointer-events: none;
}

.insight-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.14);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 58px;
    font-weight: 800;
    letter-spacing: -5px;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(212, 175, 55, 0.22),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #071d36,
            #0b3c6c
        );
}

.insight-card-category {
    position: absolute;
    left: 20px;
    bottom: 18px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    background: rgba(5, 24, 45, 0.72);
    backdrop-filter: blur(8px);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.insight-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 28px 26px 30px;
}

.insight-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.insight-card-meta span {
    color: #7a8da0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.insight-card-content h3 {
    margin-bottom: 16px;
    color: #0a213a;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.55px;
}

.insight-card-content p {
    margin-bottom: 24px;
    color: #65788b;
    font-size: 14px;
    line-height: 1.75;
}

.insight-card-content > a {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    color: #08294c;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.insight-card-content > a span {
    color: #c49c2d;
    font-size: 18px;
    transition: transform 0.3s ease;
}

.insight-card-content > a:hover {
    color: #b18b25;
}

.insight-card-content > a:hover span {
    transform: translateX(5px);
}


/* Empty state */

.public-insights-empty {
    grid-column: 1 / -1;
    padding: 70px 30px;
    border: 1px dashed #ccd8e3;
    border-radius: 20px;
    background: #f8fafc;
    text-align: center;
}

.public-insights-empty h3 {
    margin-bottom: 12px;
    color: #0a213a;
    font-size: 28px;
}

.public-insights-empty p {
    margin-bottom: 22px;
    color: #6b7d8f;
}

.public-insights-empty a {
    display: inline-flex;
    padding: 12px 22px;
    border-radius: 8px;
    background: #08294c;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}


/* =========================================================
   PAGINATION
========================================================= */

.insight-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 50px;
}

.pagination-number,
.pagination-arrow {
    min-width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe7ee;
    border-radius: 9px;
    background: #ffffff;
    color: #52677b;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.pagination-number:hover,
.pagination-arrow:hover,
.pagination-number.active {
    border-color: #08294c;
    background: #08294c;
    color: #ffffff;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .featured-insight-content {
        padding: 42px 34px;
    }

    .featured-insight-content h2 {
        font-size: 36px;
    }

    .insights-listing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-insight-filter {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 991px) {

    .featured-insight-visual,
    .dynamic-featured-image,
    .featured-image-placeholder {
        min-height: 440px;
    }

    .featured-insight-content {
        padding: 45px 35px;
    }

    .featured-visual-footer {
        padding: 20px;
    }

}

@media (max-width: 767px) {

    .insights-listing-grid {
        grid-template-columns: 1fr;
    }

    .public-insight-filter {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .public-insight-filter button,
    .public-insight-filter > a {
        width: 100%;
    }

    .featured-insight-content {
        padding: 34px 24px;
    }

    .featured-insight-content h2 {
        font-size: 29px;
        letter-spacing: -1px;
    }

    .featured-insight-visual,
    .dynamic-featured-image,
    .featured-image-placeholder {
        min-height: 380px;
    }

    .featured-visual-footer {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .featured-visual-footer > div {
        padding: 0;
        border-right: 0;
    }

    .insight-card-visual {
        height: 225px;
    }

}

@media (max-width: 480px) {

    .featured-insight-badge {
        top: 18px;
        left: 18px;
    }

    .featured-visual-footer {
        padding: 18px;
    }

    .featured-insight-content {
        padding: 30px 20px;
    }

    .insight-card-content {
        padding: 24px 21px 26px;
    }

}
/* =========================================================
   STERLING PRIME — PREMIUM INSIGHTS HERO
========================================================= */

.sp-insights-hero {
    position: relative;
    overflow: hidden;
    min-height: 720px;
    display: flex;
    align-items: center;
    padding: 135px 0 105px;
    background:
        linear-gradient(
            118deg,
            #031426 0%,
            #06233f 48%,
            #0a3155 100%
        );
}

.sp-insights-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.16;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.05) 1px,
            transparent 1px
        );
    background-size: 80px 80px;
    pointer-events: none;
}

.sp-insights-hero .container {
    z-index: 3;
}

.sp-insights-hero-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(410px, 0.92fr);
    align-items: center;
    gap: 85px;
}


/* Decorative glow */

.sp-hero-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(25px);
    pointer-events: none;
}

.sp-hero-glow-one {
    top: -220px;
    right: -140px;
    width: 610px;
    height: 610px;
    opacity: 0.24;
    background:
        radial-gradient(
            circle,
            rgba(212, 175, 55, 0.62) 0%,
            rgba(212, 175, 55, 0.08) 45%,
            transparent 72%
        );
}

.sp-hero-glow-two {
    left: -270px;
    bottom: -330px;
    width: 720px;
    height: 720px;
    opacity: 0.17;
    background:
        radial-gradient(
            circle,
            rgba(51, 139, 214, 0.7) 0%,
            rgba(29, 97, 155, 0.12) 48%,
            transparent 72%
        );
}


/* Subtle diagonal pattern */

.sp-hero-pattern {
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    opacity: 0.07;
    background-image:
        repeating-linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.8) 0,
            rgba(255, 255, 255, 0.8) 1px,
            transparent 1px,
            transparent 25px
        );
    pointer-events: none;
}


/* Hero content */

.sp-insights-hero-content {
    position: relative;
    z-index: 4;
}

.sp-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 26px;
    color: #e1bd55;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.3px;
    text-transform: uppercase;
}

.sp-eyebrow-line {
    width: 42px;
    height: 1px;
    display: inline-block;
    background:
        linear-gradient(
            90deg,
            #d4af37,
            rgba(212, 175, 55, 0.2)
        );
}

.sp-insights-hero-content h1 {
    max-width: 730px;
    margin: 0 0 28px;
    color: #ffffff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: clamp(48px, 5.2vw, 77px);
    font-weight: 650;
    line-height: 1.04;
    letter-spacing: -3.6px;
}

.sp-insights-hero-content h1 span {
    display: block;
    color: transparent;
    background:
        linear-gradient(
            100deg,
            #f5dda0 0%,
            #d4af37 48%,
            #f5d778 100%
        );
    background-clip: text;
    -webkit-background-clip: text;
}

.sp-insights-hero-content > p {
    max-width: 635px;
    margin: 0 0 38px;
    color: rgba(232, 240, 248, 0.73);
    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
}


/* Hero buttons */

.sp-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.sp-primary-hero-btn,
.sp-secondary-hero-btn {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-decoration: none;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.sp-primary-hero-btn {
    gap: 18px;
    padding: 7px 8px 7px 27px;
    background:
        linear-gradient(
            100deg,
            #e8c75e,
            #cda32b
        );
    color: #08223b;
    box-shadow:
        0 17px 40px rgba(212, 175, 55, 0.2);
}

.sp-primary-hero-btn span {
    width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(5, 29, 51, 0.92);
    color: #ffffff;
    transition: transform 0.3s ease;
}

.sp-primary-hero-btn:hover {
    transform: translateY(-3px);
    color: #08223b;
    box-shadow:
        0 22px 48px rgba(212, 175, 55, 0.3);
}

.sp-primary-hero-btn:hover span {
    transform: translateX(3px);
}

.sp-secondary-hero-btn {
    padding: 0 28px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(9px);
}

.sp-secondary-hero-btn:hover {
    transform: translateY(-3px);
    border-color: rgba(212, 175, 55, 0.65);
    background: rgba(212, 175, 55, 0.08);
    color: #f0d179;
}


/* Trust row */

.sp-insights-trust-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 55px;
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sp-trust-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sp-trust-item strong {
    color: #ffffff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 650;
}

.sp-trust-item span {
    color: rgba(255, 255, 255, 0.47);
    font-family: "Inter", sans-serif;
    font-size: 11px;
    letter-spacing: 0.4px;
}

.sp-trust-divider {
    width: 1px;
    height: 34px;
    background: rgba(255, 255, 255, 0.12);
}


/* =========================================================
   EDITORIAL VISUAL CARD
========================================================= */

.sp-hero-editorial-wrap {
    position: relative;
    z-index: 4;
    max-width: 495px;
    margin-left: auto;
}

.sp-editorial-card {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 29px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.12),
            rgba(255, 255, 255, 0.035)
        );
    box-shadow:
        0 40px 90px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(22px);
}

.sp-editorial-card::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 28px;
    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(212, 175, 55, 0.17),
            transparent 32%
        );
    pointer-events: none;
}

.sp-editorial-top {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sp-editorial-label {
    color: rgba(255, 255, 255, 0.68);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.sp-editorial-number {
    color: rgba(255, 255, 255, 0.25);
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 700;
}


/* Abstract financial visual */

.sp-editorial-visual {
    position: relative;
    z-index: 2;
    height: 330px;
    margin: 22px 0 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    background:
        radial-gradient(
            circle at center,
            rgba(42, 106, 158, 0.32),
            rgba(3, 19, 35, 0.6) 68%
        );
}

.sp-editorial-visual::before,
.sp-editorial-visual::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 50%;
}

.sp-editorial-visual::before {
    width: 270px;
    height: 270px;
    top: 28px;
    left: 67px;
}

.sp-editorial-visual::after {
    width: 190px;
    height: 190px;
    top: 68px;
    left: 107px;
}

.sp-editorial-monogram {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    color: rgba(255, 255, 255, 0.94);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 68px;
    font-weight: 750;
    letter-spacing: -6px;
    transform: translate(-50%, -50%);
    text-shadow:
        0 12px 35px rgba(0, 0, 0, 0.3);
}

.sp-editorial-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 245px;
    height: 95px;
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 50%;
    transform:
        translate(-50%, -50%)
        rotate(-18deg);
}

.sp-editorial-orbit span {
    position: absolute;
    top: -5px;
    left: 52%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e3c45d;
    box-shadow:
        0 0 18px rgba(227, 196, 93, 0.85);
}

.sp-chart-line {
    position: absolute;
    z-index: 2;
    height: 1px;
    transform-origin: left center;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212, 175, 55, 0.75),
            transparent
        );
}

.sp-chart-line-one {
    width: 240px;
    left: 52px;
    bottom: 83px;
    transform: rotate(-18deg);
}

.sp-chart-line-two {
    width: 190px;
    left: 167px;
    bottom: 119px;
    transform: rotate(17deg);
}

.sp-chart-line-three {
    width: 165px;
    left: 55px;
    bottom: 153px;
    transform: rotate(-8deg);
}

.sp-data-point {
    position: absolute;
    z-index: 4;
    width: 8px;
    height: 8px;
    border: 2px solid #e2c25c;
    border-radius: 50%;
    background: #092844;
    box-shadow:
        0 0 15px rgba(226, 194, 92, 0.65);
}

.sp-data-point-one {
    left: 90px;
    bottom: 92px;
}

.sp-data-point-two {
    right: 105px;
    bottom: 135px;
}

.sp-data-point-three {
    left: 158px;
    bottom: 165px;
}


/* Editorial bottom */

.sp-editorial-bottom {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 19px;
}

.sp-editorial-bottom > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sp-editorial-bottom span {
    color: rgba(255, 255, 255, 0.44);
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sp-editorial-bottom strong {
    color: #ffffff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.sp-editorial-arrow {
    width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 50%;
    color: #e3c55f;
    font-size: 20px;
}


/* Floating cards */

.sp-floating-card {
    position: absolute;
    z-index: 7;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px 18px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 14px;
    background: rgba(4, 24, 43, 0.74);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(16px);
}

.sp-floating-card span {
    color: #d4af37;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sp-floating-card strong {
    color: rgba(255, 255, 255, 0.9);
    font-size: 11px;
    font-weight: 600;
}

.sp-floating-card-one {
    top: 85px;
    left: -66px;
}

.sp-floating-card-two {
    right: -46px;
    bottom: 94px;
}


/* Bottom gold line */

.sp-hero-bottom-line {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(212, 175, 55, 0.2) 20%,
            #d4af37 50%,
            rgba(212, 175, 55, 0.2) 80%,
            transparent 100%
        );
}


/* Smooth anchor scroll */

html {
    scroll-behavior: smooth;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .sp-insights-hero-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(350px, 0.85fr);
        gap: 55px;
    }

    .sp-insights-hero-content h1 {
        font-size: 59px;
    }

    .sp-floating-card-one {
        left: -30px;
    }

    .sp-floating-card-two {
        right: -20px;
    }

}

@media (max-width: 991px) {

    .sp-insights-hero {
        min-height: auto;
        padding: 120px 0 90px;
    }

    .sp-insights-hero-grid {
        grid-template-columns: 1fr;
        gap: 65px;
    }

    .sp-insights-hero-content {
        max-width: 760px;
    }

    .sp-hero-editorial-wrap {
        width: 100%;
        max-width: 580px;
        margin: 0 auto;
    }

    .sp-floating-card-one {
        left: -25px;
    }

    .sp-floating-card-two {
        right: -25px;
    }

}

@media (max-width: 767px) {

    .sp-insights-hero {
        padding: 105px 0 75px;
    }

    .sp-insights-hero-content h1 {
        font-size: 46px;
        letter-spacing: -2.3px;
    }

    .sp-insights-hero-content > p {
        font-size: 15px;
    }

    .sp-insights-trust-row {
        gap: 17px;
        margin-top: 42px;
    }

    .sp-trust-divider {
        display: none;
    }

    .sp-trust-item {
        width: calc(50% - 10px);
    }

    .sp-editorial-card {
        min-height: 450px;
        padding: 22px;
    }

    .sp-editorial-visual {
        height: 292px;
    }

    .sp-editorial-visual::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .sp-editorial-visual::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .sp-floating-card {
        display: none;
    }

}

@media (max-width: 575px) {

    .sp-insights-hero-content h1 {
        font-size: 39px;
        line-height: 1.1;
        letter-spacing: -1.8px;
    }

    .sp-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sp-primary-hero-btn,
    .sp-secondary-hero-btn {
        width: 100%;
    }

    .sp-primary-hero-btn {
        justify-content: space-between;
    }

    .sp-insights-trust-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .sp-editorial-card {
        min-height: 410px;
        border-radius: 22px;
    }

    .sp-editorial-visual {
        height: 255px;
        border-radius: 17px;
    }

    .sp-editorial-monogram {
        font-size: 56px;
    }

    .sp-editorial-bottom strong {
        font-size: 14px;
    }

}
/* Featured insight fallback graphic */

.featured-insight-visual {
    position: relative;
    overflow: hidden;
}

.featured-chart-graphic {
    position: absolute;
    inset: 0 0 72px 0;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 70% 30%,
            rgba(212, 175, 55, 0.17),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #071f3b 0%,
            #0b3157 100%
        );
}

.featured-chart-grid {
    position: absolute;
    inset: 0;
    opacity: 0.12;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.22) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.22) 1px,
            transparent 1px
        );
    background-size: 55px 55px;
}

.featured-chart-graphic::before {
    content: "SP";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: rgba(255, 255, 255, 0.95);
    font-size: 88px;
    font-weight: 800;
    letter-spacing: -7px;
    transform: translate(-50%, -50%);
}

.featured-chart-graphic::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 280px;
    height: 110px;
    border: 1px solid rgba(212, 175, 55, 0.48);
    border-radius: 50%;
    transform:
        translate(-50%, -50%)
        rotate(-14deg);
}

.featured-chart-line {
    position: absolute;
    z-index: 2;
    height: 2px;
    transform-origin: left center;
    background:
        linear-gradient(
            90deg,
            transparent,
            #d4af37,
            transparent
        );
}

.featured-line-one {
    width: 260px;
    left: 90px;
    bottom: 155px;
    transform: rotate(-14deg);
}

.featured-line-two {
    width: 230px;
    left: 270px;
    bottom: 190px;
    transform: rotate(17deg);
}

.featured-line-three {
    width: 190px;
    left: 170px;
    bottom: 250px;
    transform: rotate(-8deg);
}

.featured-line-four {
    width: 160px;
    right: 95px;
    bottom: 135px;
    transform: rotate(-20deg);
}

.featured-chart-point {
    position: absolute;
    z-index: 4;
    width: 12px;
    height: 12px;
    border: 2px solid #d4af37;
    border-radius: 50%;
    background: #0a2a4b;
    box-shadow: 0 0 18px rgba(212, 175, 55, 0.65);
}

.featured-point-one {
    left: 160px;
    bottom: 170px;
}

.featured-point-two {
    left: 340px;
    bottom: 210px;
}

.featured-point-three {
    right: 180px;
    bottom: 165px;
}

.featured-point-four {
    right: 95px;
    bottom: 245px;
}
/* =========================================================
   INSIGHTS FEATURED FALLBACK — CURRENT THEME
========================================================= */

.featured-insight-visual {
    position: relative !important;
    min-height: 620px;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        #061d36 0%,
        #0b3157 100%
    );
}

.featured-chart-graphic {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 72px;
    left: 0;
    z-index: 2 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 70% 28%,
            rgba(255, 113, 0, 0.16),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #061d36 0%,
            #0b3157 100%
        );
}

/* Grid pattern */

.featured-chart-grid {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block !important;
    opacity: 0.14;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.18) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.18) 1px,
            transparent 1px
        );
    background-size: 58px 58px;
}

/* SP Monogram */

.featured-chart-graphic::before {
    content: "SP";
    position: absolute;
    top: 46%;
    left: 50%;
    z-index: 6;
    color: #ffffff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 94px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -8px;
    transform: translate(-50%, -50%);
    text-shadow: 0 20px 45px rgba(0, 0, 0, 0.3);
}

/* Orange orbit */

.featured-chart-graphic::after {
    content: "";
    position: absolute;
    top: 46%;
    left: 50%;
    z-index: 5;
    width: 330px;
    height: 125px;
    border: 2px solid rgba(255, 113, 0, 0.7);
    border-radius: 50%;
    transform:
        translate(-50%, -50%)
        rotate(-15deg);
    box-shadow:
        0 0 32px rgba(255, 113, 0, 0.14);
}

/* Chart lines */

.featured-chart-line {
    position: absolute !important;
    z-index: 4 !important;
    display: block !important;
    height: 2px !important;
    transform-origin: left center;
    background: linear-gradient(
        90deg,
        transparent,
        #ff7100,
        transparent
    );
}

.featured-line-one {
    width: 270px;
    left: 100px;
    bottom: 150px;
    transform: rotate(-14deg);
}

.featured-line-two {
    width: 245px;
    left: 315px;
    bottom: 188px;
    transform: rotate(16deg);
}

.featured-line-three {
    width: 205px;
    left: 205px;
    bottom: 250px;
    transform: rotate(-8deg);
}

.featured-line-four {
    width: 180px;
    right: 90px;
    bottom: 145px;
    transform: rotate(-19deg);
}

/* Chart points */

.featured-chart-point {
    position: absolute !important;
    z-index: 7 !important;
    display: block !important;
    width: 13px !important;
    height: 13px !important;
    border: 3px solid #ff7100;
    border-radius: 50%;
    background: #092746;
    box-shadow:
        0 0 0 5px rgba(255, 113, 0, 0.12),
        0 0 22px rgba(255, 113, 0, 0.65);
}

.featured-point-one {
    left: 170px;
    bottom: 166px;
}

.featured-point-two {
    left: 365px;
    bottom: 213px;
}

.featured-point-three {
    right: 190px;
    bottom: 174px;
}

.featured-point-four {
    right: 105px;
    bottom: 245px;
}

/* Keep label and footer above graphic */

.featured-insight-badge {
    position: absolute !important;
    top: 30px;
    left: 30px;
    z-index: 10 !important;
}

.featured-visual-footer {
    position: absolute !important;
    right: 30px;
    bottom: 25px;
    left: 30px;
    z-index: 10 !important;
}

/* Mobile */

@media (max-width: 767px) {

    .featured-insight-visual {
        min-height: 500px;
    }

    .featured-chart-graphic {
        bottom: 105px;
    }

    .featured-chart-graphic::before {
        font-size: 68px;
    }

    .featured-chart-graphic::after {
        width: 235px;
        height: 95px;
    }

    .featured-chart-line,
    .featured-chart-point {
        display: none !important;
    }

    .featured-visual-footer {
        right: 18px;
        bottom: 18px;
        left: 18px;
    }
}
/* =========================================================
   STERLING PRIME INSIGHTS
   EXISTING BLACK + ORANGE WEBSITE THEME
========================================================= */

:root {
    --sp-black: #080808;
    --sp-black-soft: #101010;
    --sp-black-card: #151515;
    --sp-orange: #ff6b00;
    --sp-orange-dark: #db5700;
    --sp-white: #ffffff;
    --sp-light-bg: #f8f7f4;
    --sp-border: #e5e2dd;
    --sp-text: #111111;
    --sp-muted: #68707c;
}


/* =========================================================
   FEATURED INSIGHT
========================================================= */

.featured-insight-section {
    background: #f8f7f4 !important;
}

.featured-insight-card {
    overflow: hidden;
    border: 1px solid #e6e2dc !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.08) !important;
}

.featured-insight-visual {
    position: relative !important;
    min-height: 560px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 75% 25%,
            rgba(255, 107, 0, 0.18),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #050505 0%,
            #111111 100%
        ) !important;
}

.featured-insight-badge {
    position: absolute !important;
    top: 30px;
    left: 30px;
    z-index: 20;
    padding: 11px 20px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.35);
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}


/* Featured real image */

.dynamic-featured-image {
    width: 100%;
    height: 100%;
    min-height: 560px;
    display: block;
    object-fit: cover;
}


/* Featured image overlay */

.featured-insight-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.05) 35%,
            rgba(0, 0, 0, 0.86) 100%
        );
}


/* Fallback graphic if image is not uploaded */

.featured-chart-graphic {
    position: absolute !important;
    inset: 0 0 78px 0;
    z-index: 3;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 70% 25%,
            rgba(255, 107, 0, 0.22),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #050505 0%,
            #161616 100%
        ) !important;
}

.featured-chart-grid {
    position: absolute;
    inset: 0;
    opacity: 0.1;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.15) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.15) 1px,
            transparent 1px
        );
    background-size: 58px 58px;
}

.featured-chart-graphic::before {
    content: "STERLING";
    position: absolute;
    top: 46%;
    left: 50%;
    z-index: 6;
    color: #ffffff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 55px;
    font-weight: 750;
    letter-spacing: -3px;
    transform: translate(-50%, -50%);
}

.featured-chart-graphic::after {
    content: "";
    position: absolute;
    top: 46%;
    left: 50%;
    z-index: 5;
    width: 355px;
    height: 135px;
    border: 2px solid rgba(255, 107, 0, 0.78);
    border-radius: 50%;
    transform:
        translate(-50%, -50%)
        rotate(-12deg);
    box-shadow: 0 0 45px rgba(255, 107, 0, 0.18);
}

.featured-chart-line {
    position: absolute !important;
    z-index: 4;
    display: block !important;
    height: 2px !important;
    background:
        linear-gradient(
            90deg,
            transparent,
            #ff6b00,
            transparent
        ) !important;
}

.featured-chart-point {
    position: absolute !important;
    z-index: 7;
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #ff6b00 !important;
    border-radius: 50%;
    background: #111111 !important;
    box-shadow: 0 0 18px rgba(255, 107, 0, 0.7);
}


/* Featured bottom information */

.featured-visual-footer {
    position: absolute !important;
    right: 28px;
    bottom: 24px;
    left: 28px;
    z-index: 20;
    background: rgba(10, 10, 10, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(12px);
}

.featured-visual-footer small {
    color: rgba(255, 255, 255, 0.55) !important;
}

.featured-visual-footer strong {
    color: #ffffff !important;
}


/* Featured right content */

.featured-insight-content {
    height: 100%;
    background: #ffffff !important;
}

.featured-insight-content .insight-meta span:first-child {
    color: #ff6b00 !important;
}

.featured-insight-content .insight-meta span:last-child::before {
    background: #ff6b00 !important;
}

.featured-insight-content h2 {
    color: #111111 !important;
}

.featured-insight-content p {
    color: #68707c !important;
}

.featured-insight-link {
    color: #111111 !important;
}

.featured-insight-link span {
    background: #ff6b00 !important;
    color: #ffffff !important;
}

.featured-insight-link:hover {
    color: #ff6b00 !important;
}


/* =========================================================
   LATEST INSIGHTS SECTION
========================================================= */

.insights-listing-section {
    background: #f8f7f4 !important;
}

.light-section-label {
    color: #ff6b00 !important;
}

.light-section-label::before {
    background: #ff6b00 !important;
}

.section-title-dark {
    color: #111111 !important;
}

.section-title-dark span {
    color: #ff6b00 !important;
}


/* Search filter */

.public-insight-filter {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 190px auto auto;
    gap: 10px;
    padding: 12px !important;
    margin-bottom: 28px;
    border: 1px solid #dedbd5;
    border-radius: 12px;
    background: #ffffff !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
}

.public-insight-filter input,
.public-insight-filter select {
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid #d9dfe7 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #111111 !important;
    outline: none;
}

.public-insight-filter input:focus,
.public-insight-filter select:focus {
    border-color: #ff6b00 !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1);
}

.public-insight-filter button {
    min-height: 48px;
    padding: 0 24px;
    border: 0;
    border-radius: 8px;
    background: #111111 !important;
    color: #ffffff !important;
    font-weight: 700;
}

.public-insight-filter button:hover {
    background: #ff6b00 !important;
}

.public-insight-filter > a {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid #dedbd5;
    border-radius: 8px;
    color: #111111;
    text-decoration: none;
}


/* Category buttons */

.insight-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 34px;
}

.insight-filter-button {
    padding: 10px 18px !important;
    border: 1px solid #dedbd5 !important;
    border-radius: 50px !important;
    background: #ffffff !important;
    color: #6c727b !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.insight-filter-button:hover,
.insight-filter-button.active {
    border-color: #ff6b00 !important;
    background: #ff6b00 !important;
    color: #ffffff !important;
}


/* =========================================================
   BLOG GRID
========================================================= */

.insights-listing-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    align-items: stretch;
}

.insight-listing-card {
    width: 100% !important;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e4e1dc !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.055) !important;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.insight-listing-card:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 107, 0, 0.45) !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.1) !important;
}

.insight-card-visual {
    position: relative;
    height: 240px !important;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(255, 107, 0, 0.25),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #050505 0%,
            #171717 100%
        ) !important;
}

.dynamic-insight-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.insight-listing-card:hover .dynamic-insight-image {
    transform: scale(1.06);
}

.insight-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 44px;
    font-weight: 800;
    letter-spacing: -3px;
    background:
        radial-gradient(
            circle at center,
            rgba(255, 107, 0, 0.18),
            transparent 38%
        ),
        #0d0d0d !important;
}

.insight-image-placeholder::after {
    content: "";
    position: absolute;
    width: 145px;
    height: 58px;
    border: 1px solid rgba(255, 107, 0, 0.75);
    border-radius: 50%;
    transform: rotate(-13deg);
}

.insight-card-category {
    position: absolute !important;
    top: 18px;
    left: 18px;
    z-index: 5;
    padding: 8px 13px !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.72) !important;
    color: #ffffff !important;
    backdrop-filter: blur(8px);
}

.insight-card-content {
    padding: 26px !important;
}

.insight-card-meta span {
    color: #7a818b !important;
}

.insight-card-meta span:first-child {
    color: #ff6b00 !important;
}

.insight-card-content h3 {
    margin-bottom: 14px !important;
    color: #111111 !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
}

.insight-card-content p {
    color: #68707c !important;
    font-size: 14px;
    line-height: 1.75;
}

.insight-card-content > a {
    color: #111111 !important;
    font-weight: 700;
}

.insight-card-content > a span {
    color: #ff6b00 !important;
}

.insight-card-content > a:hover {
    color: #ff6b00 !important;
}


/* =========================================================
   NEWSLETTER — BLACK THEME
========================================================= */

.insights-newsletter-section {
    background: #080808 !important;
}

.insights-newsletter-box {
    border: 1px solid #383838 !important;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(255, 107, 0, 0.17),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #090909 0%,
            #151515 100%
        ) !important;
}

.newsletter-content .section-label,
.newsletter-content .section-title-light span {
    color: #ff6b00 !important;
}

.newsletter-form {
    border-color: #454545 !important;
    background: rgba(255, 255, 255, 0.025) !important;
}

.newsletter-form button {
    background: #ff6b00 !important;
    color: #ffffff !important;
}

.newsletter-form button:hover {
    background: #db5700 !important;
}


/* =========================================================
   DISCLAIMER AND CTA
========================================================= */

.insights-disclaimer-icon {
    background: #ff6b00 !important;
    color: #ffffff !important;
}

.insights-disclaimer-box {
    border-color: rgba(255, 107, 0, 0.35) !important;
}

.insights-page-cta-box {
    background:
        linear-gradient(
            110deg,
            #ff6b00 0%,
            #db5700 100%
        ) !important;
}


/* =========================================================
   PAGINATION
========================================================= */

.pagination-number.active,
.pagination-number:hover,
.pagination-arrow:hover {
    border-color: #ff6b00 !important;
    background: #ff6b00 !important;
    color: #ffffff !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .insights-listing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .public-insight-filter {
        grid-template-columns: 1fr 180px auto;
    }

    .public-insight-filter > a {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {

    .insights-listing-grid {
        grid-template-columns: 1fr !important;
    }

    .public-insight-filter {
        grid-template-columns: 1fr;
    }

    .featured-insight-visual,
    .dynamic-featured-image {
        min-height: 440px;
    }

    .featured-chart-graphic::before {
        font-size: 38px;
    }

    .featured-chart-graphic::after {
        width: 250px;
        height: 95px;
    }
}

/* Newsletter database feedback */
.newsletter-message {
    margin-bottom: 16px;
    padding: 12px 15px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.5;
}
.newsletter-message.success { color: #b9f6ca; background: rgba(27, 94, 32, 0.28); }
.newsletter-message.info { color: #ffe0b2; background: rgba(255, 107, 0, 0.16); }
.newsletter-message.error { color: #ffcdd2; background: rgba(183, 28, 28, 0.25); }
.newsletter-honeypot { position: absolute !important; left: -9999px !important; opacity: 0 !important; pointer-events: none !important; }


/* ===== Topbar, Contact, Newsletter and Consultation ===== */
.site-topbar{background:#c6530a;color:#fff;font-size:14px}.site-topbar-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-contact-links,.topbar-social-links{display:flex;align-items:center;gap:14px}.topbar-contact-links a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:7px}.topbar-social-links a{width:34px;height:30px;border-radius:4px;background:#050505;color:#fff;display:grid;place-items:center;text-decoration:none;transition:.25s}.topbar-social-links a:hover{background:#fff;color:#f36b0a;transform:translateY(-2px)}
.contact-page-section,.newsletter-page-section,.consultation-page{background:var(--off-white)}.contact-intro{color:#555;max-width:560px}.contact-info-stack{display:grid;gap:16px;margin-top:30px}.contact-info-card{display:flex;gap:18px;align-items:flex-start;padding:22px;background:#fff;border:1px solid #e5e1dc;text-decoration:none;color:#111}.contact-info-card i{width:44px;height:44px;background:var(--brand-orange);color:#fff;display:grid;place-items:center;border-radius:50%}.contact-info-card small{display:block;color:#777;margin-bottom:5px}.contact-info-card strong{display:block;font-size:15px;line-height:1.55}.premium-form-card{background:#0c0c0c;color:#fff;padding:42px;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.15)}.premium-form-card h2{font-family:var(--heading-font);margin-bottom:24px}.premium-contact-form label{display:block;font-size:13px;color:#d5d5d5;margin-bottom:8px}.premium-contact-form input,.premium-contact-form textarea,.premium-contact-form select{width:100%;background:#171717;border:1px solid rgba(255,255,255,.14);color:#fff;padding:14px 15px;border-radius:5px;outline:none}.premium-contact-form input:focus,.premium-contact-form textarea:focus,.premium-contact-form select:focus{border-color:var(--brand-orange)}.form-message{padding:13px 15px;border-radius:5px;margin-bottom:20px}.form-message.success{background:#123b22;color:#c9f7d6}.form-message.error{background:#4b1717;color:#ffd0d0}.contact-map-section{padding:90px 0;background:#fff}.contact-map-heading{margin-bottom:30px}.contact-map-wrap{overflow:hidden;border-radius:10px;box-shadow:0 20px 55px rgba(0,0,0,.12)}.contact-map-wrap iframe{display:block;width:100%;height:500px}.newsletter-page-box{background:#0b0b0b;color:#fff;padding:64px;border-radius:12px;position:relative;overflow:hidden}.newsletter-page-box:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(243,107,10,.12);right:-160px;top:-160px}.newsletter-benefits{list-style:none;padding:0;margin:28px 0 0}.newsletter-benefits li{padding:10px 0 10px 28px;position:relative;color:#ddd}.newsletter-benefits li:before{content:"✓";position:absolute;left:0;color:var(--brand-orange)}.newsletter-subscribe-card{position:relative;z-index:2;background:#151515;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:8px}.newsletter-subscribe-card h3{font-family:var(--heading-font);margin-bottom:20px}.newsletter-privacy-note{display:block;color:#8f8f8f;margin-top:14px}.consultation-points{display:grid;gap:12px;margin-top:28px}.consultation-points div{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid #e6e0da}.consultation-points strong{color:var(--brand-orange)}
@media(max-width:991px){.site-topbar-inner{padding:10px 0}.topbar-contact-links{flex-direction:column;align-items:flex-start;gap:4px}.newsletter-page-box{padding:38px}.premium-form-card{padding:30px}}
@media(max-width:575px){.site-topbar-inner{align-items:flex-start;flex-direction:column}.topbar-social-links{gap:7px;flex-wrap:wrap}.topbar-social-links a{width:30px;height:28px}.topbar-contact-links span{font-size:12px}.newsletter-page-box,.premium-form-card{padding:24px}.newsletter-input-group{display:grid!important;grid-template-columns:1fr!important}.contact-map-wrap iframe{height:360px}}
/* Newsletter CMS + dependable social icons */
.topbar-social-links svg{width:15px;height:15px;fill:currentColor;display:block}.topbar-mini-icon{font-size:14px}.floating-action-icon svg{width:25px;height:25px;fill:currentColor;display:block}.newsletter-library-section{background:#f7f4f1}.newsletter-library-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.newsletter-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.newsletter-issue-card{background:#fff;border:1px solid #eadfd6;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(30,15,5,.06);display:flex;flex-direction:column}.newsletter-cover{height:260px;background:linear-gradient(145deg,#1e0e06,#3b1607);display:grid;place-items:center;overflow:hidden}.newsletter-cover img{width:100%;height:100%;object-fit:cover}.newsletter-file-badge{width:84px;height:84px;border-radius:20px;background:#f36b0a;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}.newsletter-issue-body{padding:24px;display:flex;flex-direction:column;flex:1}.newsletter-issue-body small{color:#f36b0a;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.newsletter-issue-body h3{font-size:22px;margin:10px 0;color:#1d100a}.newsletter-issue-body p{color:#6e625b;flex:1}.newsletter-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#111;color:#fff;text-decoration:none;border-radius:8px;padding:13px 18px;font-weight:700}.newsletter-download-btn:hover{background:#f36b0a;color:#fff}@media(max-width:991px){.newsletter-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.newsletter-library-grid{grid-template-columns:1fr}.newsletter-library-head{display:block}.newsletter-cover{height:220px}}

/* ==================================================
   Header layout correction: topbar + navbar
   Added to prevent the main navbar from sitting behind the topbar.
================================================== */

:root {
    --sterling-topbar-height: 42px;
    --sterling-navbar-height: 92px;
}

/* Desktop: topbar stays in normal flow and navbar starts below it. */
.main-header {
    top: var(--sterling-topbar-height) !important;
}

/* Hero content must clear both the topbar and navbar. */
.theme-preview {
    padding-top: calc(
        var(--sterling-topbar-height) +
        var(--sterling-navbar-height)
    ) !important;
}

/* Once sticky, navbar should attach to the top of the viewport. */
.main-header.header-fixed {
    top: 0 !important;
}

/* Keep logo and navigation vertically centred. */
.main-header .navbar {
    min-height: var(--sterling-navbar-height);
}

.navbar-brand,
.brand-logo {
    position: relative;
    z-index: 2;
}

@media (max-width: 1199.98px) {
    :root {
        --sterling-navbar-height: 78px;
    }

    .main-header .navbar {
        min-height: var(--sterling-navbar-height);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .theme-preview {
        padding-top: calc(
            var(--sterling-topbar-height) +
            var(--sterling-navbar-height)
        ) !important;
    }
}

@media (max-width: 767.98px) {
    :root {
        --sterling-topbar-height: 108px;
        --sterling-navbar-height: 74px;
    }

    .main-header {
        top: var(--sterling-topbar-height) !important;
    }

    .main-header.header-fixed {
        top: 0 !important;
    }
}


/* Legal Pages */
.legal-page-banner .inner-banner-content h1 span{display:block;font-size:.34em;line-height:1.55;margin-top:22px;max-width:850px;color:#a9a9a9;font-weight:500}.legal-content-section{background:#f7f4f1}.legal-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:54px;align-items:start}.legal-summary-card{position:sticky;top:140px;padding:32px;background:#0b0b0b;border:1px solid rgba(255,107,0,.22);border-top:3px solid #ff6b00;color:#fff}.legal-summary-card>span{display:block;color:#ff6b00;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin-bottom:10px}.legal-summary-card strong{display:block;font-family:Manrope,sans-serif;font-size:22px;margin-bottom:16px}.legal-summary-card p{color:#aaa;line-height:1.75;font-size:14px}.legal-summary-card a{display:inline-flex;margin-top:12px;color:#fff;text-decoration:none;font-weight:700;gap:10px}.legal-summary-card a:hover{color:#ff6b00}.legal-article{background:#fff;padding:52px;border:1px solid #e8dfd8;box-shadow:0 20px 60px rgba(24,12,4,.06)}.legal-article h2{font-family:Manrope,sans-serif;color:#15110f;font-size:23px;margin:36px 0 13px}.legal-article h2:first-child{margin-top:0}.legal-article p{color:#615750;font-size:15px;line-height:1.9;margin:0}.legal-article a{color:#d95708;font-weight:700}.legal-note{margin-top:40px;padding:22px 24px;border-left:3px solid #ff6b00;background:#fff5ed;color:#65564d;line-height:1.7}.legal-note strong{color:#b74400}@media(max-width:991px){.legal-layout{grid-template-columns:1fr}.legal-summary-card{position:static}.legal-article{padding:34px}}@media(max-width:575px){.legal-article{padding:25px 20px}.legal-summary-card{padding:25px}}