   
                    /* ===== GLOBAL / BASE ===== */
                    * {
                        box-sizing: border-box;

                    }

                    html {
                        scroll-behavior: smooth;
                        width: 100%;
                        overflow-x: hidden;
                    }

                    body {
                        width: 100%;
                        max-width: 100%;
                        margin: 0;
                        font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
                        -webkit-font-smoothing: antialiased;
                        background: #fff;
                        overflow-x: hidden;
                    }

                    img {
                        max-width: 100%;
                        height: auto;
                    }

                    a {
                        cursor: pointer;
                        text-decoration: none;
                    }


                    /* ========================================
       SECTION 02 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-02 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s02-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s02-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s02-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s02-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s02-description,
                    .cyclic-s02-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s02-text:last-child {
                        margin-bottom: 0;
                    }

                    .cyclic-s02-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s02-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s02-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 12px 30px rgba(217, 163, 0, 0.15);
                        border-color: #D9A300;
                    }

                    .cyclic-s02-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s02-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s02-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-02 {
                            padding: 64px 18px;
                        }

                        .cyclic-s02-heading {
                            font-size: 32px;
                        }

                        .cyclic-s02-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s02-heading {
                            font-size: 28px;
                        }

                        .cyclic-s02-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 03 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-03 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s03-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s03-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s03-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s03-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s03-description,
                    .cyclic-s03-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s03-text:last-child {
                        margin-bottom: 0;
                    }

                    .cyclic-s03-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s03-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s03-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s03-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s03-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s03-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s03-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-03 {
                            padding: 64px 18px;
                        }

                        .cyclic-s03-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s03-heading {
                            font-size: 28px;
                        }
                    }


                    /* ============================================================
   SECTION 04 — CYCLIC 2
   FULL REDESIGN
   Dark Editorial Decision Layout
============================================================ */

                    #cyclic-section-04 {
                        position: relative;
                        background: black;
                        padding: 60px 24px;
                        overflow: hidden;
                    }

                    #cyclic-section-04::before {
                        content: "";
                        position: absolute;
                        top: 0;
                        right: 0;
                        width: 42%;
                        height: 100%;
                        background: linear-gradient(135deg,
                                transparent 0%,
                                rgba(217, 163, 0, 0.035) 100%);
                        pointer-events: none;
                    }

                    .cyclic-s04-container {
                        position: relative;
                        z-index: 1;
                        width: 100%;
                        max-width: 1240px;
                        margin: 0 auto;
                    }

                    /* ============================================================
   TOP INTRO
============================================================ */

                    .cyclic-s04-intro {
                        display: grid;
                        grid-template-columns: 1fr 1.35fr;
                        gap: 80px;
                        align-items: end;
                        padding-bottom: 65px;
                        border-bottom: 1px solid rgba(217, 163, 0, 0.2);
                    }

                    .cyclic-s04-intro-left {
                        position: relative;
                    }

                    .cyclic-s04-eyebrow-wrap {
                        margin-bottom: 22px;
                        text-align: left;
                    }

                    .cyclic-s04-eyebrow {
                        display: inline-block;
                        padding: 7px 14px;
                        color: #D9A300;
                        background: rgba(217, 163, 0, 0.10);
                        border: 1px solid rgba(217, 163, 0, 0.35);
                        border-radius: 3px;
                        font-size: 11px;
                        font-weight: 700;
                        line-height: 1;
                        letter-spacing: 1.5px;
                        text-transform: uppercase;
                    }

                    .cyclic-s04-heading {
                        max-width: 560px;
                        margin: 0;
                        color: #F5F5F5;
                        font-size: 40px;
                        font-weight: 700;
                        line-height: 1.18;
                        letter-spacing: -0.7px;
                        text-align: left;
                    }

                    .cyclic-s04-intro-right {
                        position: relative;
                        padding-left: 30px;
                        border-left: 2px solid #D9A300;
                    }

                    .cyclic-s04-intro-right::before {
                        content: "";
                        position: absolute;
                        left: -5px;
                        top: 0;
                        width: 8px;
                        height: 8px;
                        background: #D9A300;
                        border-radius: 50%;
                    }

                    .cyclic-s04-intro-right p {
                        margin: 0;
                        color: #D0D0D0;
                        font-size: 17px;
                        line-height: 1.8;
                        text-align: justify;
                    }


                    /* ============================================================
   DECISION CONTENT
============================================================ */

                    .cyclic-s04-decision-area {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        gap: 24px;
                        margin-top: 55px;
                    }

                    .cyclic-s04-column {
                        min-width: 0;
                        padding: 34px;
                        border-radius: 8px;
                    }

                    .cyclic-s04-column-fit {
                        background: #FFE28A;
                    }

                    .cyclic-s04-column-not-fit {
                        background: #10150A;
                        border: 1px solid rgba(217, 163, 0, 0.28);
                    }

                    .cyclic-s04-column-header {
                        display: flex;
                        align-items: flex-start;
                        justify-content: space-between;
                        gap: 20px;
                        margin-bottom: 30px;
                        padding-bottom: 22px;
                    }

                    .cyclic-s04-column-fit .cyclic-s04-column-header {
                        border-bottom: 1px solid rgba(17, 17, 17, 0.16);
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-column-header {
                        border-bottom: 1px solid rgba(217, 163, 0, 0.18);
                    }

                    .cyclic-s04-column-title {
                        margin: 0;
                        font-size: 21px;
                        font-weight: 700;
                        line-height: 1.35;
                    }

                    .cyclic-s04-column-fit .cyclic-s04-column-title {
                        color: #111111;
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-column-title {
                        color: #F5F5F5;
                    }

                    .cyclic-s04-column-number {
                        flex: 0 0 auto;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 34px;
                        height: 34px;
                        border-radius: 4px;
                        background: #111111;
                        color: #FFFFFF;
                        font-size: 12px;
                        font-weight: 700;
                    }


                    /* ============================================================
   LIST ITEMS
============================================================ */

                    .cyclic-s04-list {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }

                    .cyclic-s04-list li {
                        position: relative;
                        margin: 0;
                        padding: 0 0 22px 32px;
                        font-size: 15px;
                        line-height: 1.7;
                        text-align: justify;
                    }

                    .cyclic-s04-list li:not(:last-child) {
                        margin-bottom: 20px;
                    }

                    .cyclic-s04-column-fit .cyclic-s04-list li {
                        color: #303030;
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-list li {
                        color: #D0D0D0;
                    }

                    .cyclic-s04-list li::before {
                        content: "";
                        position: absolute;
                        left: 2px;
                        top: 8px;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                    }

                    .cyclic-s04-column-fit .cyclic-s04-list li::before {
                        background: #111111;
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-list li::before {
                        background: #D9A300;
                    }

                    .cyclic-s04-list li::after {
                        content: "";
                        position: absolute;
                        left: 6px;
                        top: 23px;
                        width: 2px;
                        height: calc(100% - 13px);
                    }

                    .cyclic-s04-column-fit .cyclic-s04-list li::after {
                        background: rgba(17, 17, 17, 0.15);
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-list li::after {
                        background: rgba(217, 163, 0, 0.20);
                    }

                    .cyclic-s04-list li:last-child {
                        padding-bottom: 0;
                    }

                    .cyclic-s04-list li:last-child::after {
                        display: none;
                    }


                    /* ============================================================
   FINAL HONESTY MESSAGE
============================================================ */

                    .cyclic-s04-bottom-message {
                        position: relative;
                        margin-top: 24px;
                        padding: 30px 34px;
                        background: #111111;
                        border: 1px solid rgba(217, 163, 0, 0.24);
                        border-radius: 8px;
                        overflow: hidden;
                    }

                    .cyclic-s04-bottom-message::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 4px;
                        height: 100%;
                        background: #D9A300;
                    }

                    .cyclic-s04-bottom-message p {
                        margin: 0;
                        color: #D0D0D0;
                        font-size: 15px;
                        line-height: 1.8;
                        text-align: justify;
                    }


                    /* ============================================================
   SUBTLE HOVER
============================================================ */

                    .cyclic-s04-column-fit,
                    .cyclic-s04-column-not-fit,
                    .cyclic-s04-bottom-message {
                        transition:
                            transform 0.3s ease,
                            border-color 0.3s ease,
                            box-shadow 0.3s ease;
                    }

                    .cyclic-s04-column-fit:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
                    }

                    .cyclic-s04-column-not-fit:hover {
                        transform: translateY(-4px);
                        border-color: rgba(217, 163, 0, 0.5);
                    }

                    .cyclic-s04-bottom-message:hover {
                        border-color: rgba(217, 163, 0, 0.45);
                    }


                    /* ============================================================
   TABLET
============================================================ */

                    @media (max-width: 1000px) {

                        #cyclic-section-04 {
                            padding: 85px 22px;
                        }

                        .cyclic-s04-intro {
                            grid-template-columns: 1fr;
                            gap: 35px;
                            padding-bottom: 50px;
                        }

                        .cyclic-s04-heading {
                            max-width: 700px;
                        }

                        .cyclic-s04-intro-right {
                            max-width: 800px;
                        }

                        .cyclic-s04-decision-area {
                            grid-template-columns: 1fr;
                        }
                    }


                    /* ============================================================
   MOBILE
============================================================ */

                    @media (max-width: 768px) {

                        #cyclic-section-04 {
                            padding: 70px 18px;
                        }

                        .cyclic-s04-intro {
                            gap: 30px;
                            padding-bottom: 40px;
                        }

                        .cyclic-s04-eyebrow-wrap {
                            text-align: center;
                        }

                        .cyclic-s04-heading {
                            max-width: 100%;
                            font-size: 40px;
                            line-height: 1.2;
                            text-align: center;
                        }

                        .cyclic-s04-intro-right {
                            padding-left: 22px;
                        }

                        .cyclic-s04-intro-right p {
                            font-size: 15px;
                            line-height: 1.7;
                        }

                        .cyclic-s04-decision-area {
                            margin-top: 40px;
                            gap: 18px;
                        }

                        .cyclic-s04-column {
                            padding: 26px 22px;
                        }

                        .cyclic-s04-column-header {
                            margin-bottom: 25px;
                        }

                        .cyclic-s04-bottom-message {
                            padding: 25px 22px;
                        }
                    }


                    /* ============================================================
   SMALL MOBILE
============================================================ */

                    @media (max-width: 480px) {

                        #cyclic-section-04 {
                            padding: 58px 14px;
                        }

                        .cyclic-s04-eyebrow {
                            font-size: 10px;
                            padding: 7px 12px;
                        }

                        .cyclic-s04-heading {
                            font-size: 32px;
                            line-height: 1.2;
                        }

                        .cyclic-s04-intro-right {
                            padding-left: 17px;
                        }

                        .cyclic-s04-column {
                            padding: 22px 18px;
                        }

                        .cyclic-s04-column-title {
                            font-size: 18px;
                        }

                        .cyclic-s04-column-number {
                            width: 30px;
                            height: 30px;
                            font-size: 11px;
                        }

                        .cyclic-s04-list li {
                            padding-left: 28px;
                            font-size: 14px;
                            line-height: 1.65;
                        }

                        .cyclic-s04-list li::before {
                            left: 1px;
                            width: 8px;
                            height: 8px;
                        }

                        .cyclic-s04-list li::after {
                            left: 4px;
                        }

                        .cyclic-s04-bottom-message {
                            padding: 22px 18px;
                        }

                        .cyclic-s04-bottom-message p {
                            font-size: 14px;
                            line-height: 1.7;
                        }
                    }


                    /* ============================================================
   EXTRA SMALL DEVICES
============================================================ */

                    @media (max-width: 360px) {

                        #cyclic-section-04 {
                            padding: 50px 12px;
                        }

                        .cyclic-s04-heading {
                            font-size: 29px;
                        }

                        .cyclic-s04-column {
                            padding: 20px 15px;
                        }

                        .cyclic-s04-column-title {
                            font-size: 17px;
                        }

                        .cyclic-s04-list li {
                            font-size: 13.5px;
                        }
                    }

                    /* ========================================
       SECTION 05 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-05 {
                        background: #FFFFFF;
                        padding: 60px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s05-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s05-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s05-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s05-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s05-description,
                    .cyclic-s05-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s05-text:last-child {
                        margin-bottom: 0;
                    }

                    .cyclic-s05-grid {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s05-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s05-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s05-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s05-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-05 {
                            padding: 64px 18px;
                        }

                        .cyclic-s05-heading {
                            font-size: 32px;
                        }

                        .cyclic-s05-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s05-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 06 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-06 {
                        background: #0A0A0A;
                        padding: 60px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s06-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s06-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s06-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s06-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s06-description,
                    .cyclic-s06-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s06-blockwrap {
                        display: flex;
                        flex-direction: column;
                        gap: 18px;
                    }

                    .cyclic-s06-block {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 24px 26px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s06-block:hover {
                        transform: translateY(-3px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s06-block h3 {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s06-block p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-06 {
                            padding: 64px 18px;
                        }

                        .cyclic-s06-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s06-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 07 — CYCLIC 1 (light) - changes 
    ======================================== */
                    #cyclic-section-07 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s07-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s07-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s07-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s07-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s07-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s07-text:last-child {
                        margin-bottom: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-07 {
                            padding: 64px 18px;
                        }

                        .cyclic-s07-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s07-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 08 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-08 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s08-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s08-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s08-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s08-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s08-description,
                    .cyclic-s08-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s08-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s08-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s08-card:hover {
                        transform: translateY(-4px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s08-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s08-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s08-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-08 {
                            padding: 64px 18px;
                        }

                        .cyclic-s08-heading {
                            font-size: 32px;
                        }

                        .cyclic-s08-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s08-heading {
                            font-size: 28px;
                        }

                        .cyclic-s08-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 09 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-09 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s09-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s09-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s09-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s09-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s09-description,
                    .cyclic-s09-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s09-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s09-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s09-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s09-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s09-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s09-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s09-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-09 {
                            padding: 64px 18px;
                        }

                        .cyclic-s09-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s09-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 10 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-10 {
                        background: #0A0A0A;
                        padding: 88px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s10-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s10-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s10-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s10-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s10-description,
                    .cyclic-s10-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s10-grid {
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s10-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s10-card:hover {
                        transform: translateY(-4px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s10-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s10-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s10-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-10 {
                            padding: 64px 18px;
                        }

                        .cyclic-s10-heading {
                            font-size: 32px;
                        }

                        .cyclic-s10-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s10-heading {
                            font-size: 28px;
                        }

                        .cyclic-s10-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 11 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-11 {
                        background: #FFFFFF;
                        padding: 88px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s11-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s11-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s11-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s11-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s11-description,
                    .cyclic-s11-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s11-chipwrap {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 16px;
                        justify-content: center;
                        margin-top: 6px;
                    }

                    .cyclic-s11-chip {
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        border-radius: 6px;
                        padding: 18px 20px;
                        width: calc(33.333% - 12px);
                        transition: all 0.25s ease;
                    }

                    .cyclic-s11-chip:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s11-chip-label {
                        display: inline-block;
                        background: #111111;
                        color: #FFFFFF;
                        font-size: 0.75rem;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 0.6px;
                        padding: 3px 12px;
                        border-radius: 5px;
                        margin-bottom: 10px;
                    }

                    .cyclic-s11-chip-text {
                        font-size: 0.92rem;
                        line-height: 1.55;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s11-chip {
                            width: calc(50% - 8px);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-11 {
                            padding: 64px 18px;
                        }

                        .cyclic-s11-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s11-heading {
                            font-size: 28px;
                        }

                        .cyclic-s11-chip {
                            width: 100%;
                        }
                    }


                    /* ========================================
       SECTION 13 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-13 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s13-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s13-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s13-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s13-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s13-description,
                    .cyclic-s13-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s13-blockwrap {
                        display: flex;
                        flex-direction: column;
                        gap: 18px;
                    }

                    .cyclic-s13-block {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 24px 26px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s13-block:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s13-block h3 {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s13-block p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-13 {
                            padding: 64px 18px;
                        }

                        .cyclic-s13-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s13-heading {
                            font-size: 28px;
                        }
                    }





                    /* ========================================
       SECTION 17 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-17 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s17-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s17-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s17-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s17-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s17-description,
                    .cyclic-s17-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s17-quote {
                        border-left: 5px solid #D99A00;
                        background: #FFE28A;
                        border-radius: 0 6px 6px 0;
                        padding: 30px 32px;
                        margin: 10px 0 26px 0;
                        transition: all 0.25s ease;
                        border: 1px solid #E3A900;
                        border-left-width: 5px;
                    }

                    .cyclic-s17-quote:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s17-quote p {
                        font-size: 1.15rem;
                        line-height: 1.55;
                        color: #292D32;
                        font-weight: 600;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-17 {
                            padding: 64px 18px;
                        }

                        .cyclic-s17-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s17-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 18 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-18 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s18-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s18-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s18-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s18-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s18-description,
                    .cyclic-s18-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s18-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s18-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s18-card:hover {
                        transform: translateY(-4px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s18-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s18-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s18-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-18 {
                            padding: 64px 18px;
                        }

                        .cyclic-s18-heading {
                            font-size: 32px;
                        }

                        .cyclic-s18-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s18-heading {
                            font-size: 28px;
                        }

                        .cyclic-s18-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 19 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-19 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s19-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s19-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s19-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s19-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s19-description,
                    .cyclic-s19-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s19-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s19-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s19-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s19-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s19-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s19-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s19-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-19 {
                            padding: 64px 18px;
                        }

                        .cyclic-s19-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s19-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 20 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-20 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s20-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s20-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s20-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s20-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s20-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s20-text:last-child {
                        margin-bottom: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-20 {
                            padding: 64px 18px;
                        }

                        .cyclic-s20-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s20-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 21 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-21 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s21-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s21-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s21-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s21-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s21-description,
                    .cyclic-s21-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s21-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s21-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s21-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s21-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s21-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s21-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-21 {
                            padding: 64px 18px;
                        }

                        .cyclic-s21-heading {
                            font-size: 32px;
                        }

                        .cyclic-s21-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s21-heading {
                            font-size: 28px;
                        }

                        .cyclic-s21-grid {
                            grid-template-columns: 1fr;
                        }
                    }


                    /* ============================================================
   SECTION 22 — CYCLIC 2
   REDESIGNED — DARK EDITORIAL FEATURE GRID
============================================================ */

                    #cyclic-section-22 {
                        position: relative;
                        width: 100%;
                        max-width: 100%;
                        padding: 82px 24px 88px;
                        background: #0A0A0A;
                        overflow: hidden;
                    }

                    /* ============================================================
   BACKGROUND DETAILS
============================================================ */

                    #cyclic-section-22::before {
                        content: "";
                        position: absolute;
                        top: -180px;
                        right: -120px;
                        width: 420px;
                        height: 420px;
                        border: 1px solid rgba(217, 163, 0, 0.10);
                        border-radius: 50%;
                        pointer-events: none;
                    }

                    #cyclic-section-22::after {
                        content: "";
                        position: absolute;
                        left: -160px;
                        bottom: -190px;
                        width: 420px;
                        height: 420px;
                        border: 1px solid rgba(217, 163, 0, 0.07);
                        border-radius: 50%;
                        pointer-events: none;
                    }


                    /* ============================================================
   MAIN CONTAINER
============================================================ */

                    .cyclic-s22-container {
                        position: relative;
                        z-index: 2;
                        width: 100%;
                        max-width: 1160px;
                        margin: 0 auto;
                    }


                    /* ============================================================
   HEADER
============================================================ */

                    .cyclic-s22-eyebrow-wrap {
                        margin-bottom: 18px;
                        text-align: left;
                    }

                    .cyclic-s22-eyebrow {
                        position: relative;
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        padding: 0;
                        background: transparent;
                        border: 0;
                        border-radius: 0;
                        color: #D9A300;
                        font-size: 10px;
                        font-weight: 800;
                        letter-spacing: 1.8px;
                        line-height: 1;
                        text-transform: uppercase;
                    }

                    .cyclic-s22-eyebrow::before {
                        content: "";
                        width: 30px;
                        height: 2px;
                        background: #D9A300;
                        display: inline-block;
                    }


                    /* ============================================================
   HEADER TITLE
============================================================ */

                    .cyclic-s22-heading {
                        max-width: 850px;
                        margin: 0 0 27px;
                        color: #F5F5F5;
                        font-size: 40px;
                        font-weight: 700;
                        line-height: 1.18;
                        letter-spacing: -0.7px;
                        text-align: left;
                        overflow-wrap: break-word;
                    }


                    /* ============================================================
   INTRODUCTION
============================================================ */

                    .cyclic-s22-description {
                        position: relative;
                        max-width: 980px;
                        margin: 0 0 48px;
                        padding: 22px 25px;
                        background: rgba(255, 255, 255, 0.035);
                        border: 1px solid rgba(255, 255, 255, 0.08);
                        border-left: 3px solid #D9A300;
                        color: #CFCFCF;
                        font-size: 15px;
                        line-height: 1.8;
                        text-align: justify;
                        overflow-wrap: break-word;
                    }


                    /* ============================================================
   FEATURE GRID
============================================================ */

                    .cyclic-s22-blockwrap {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 16px;
                        width: 100%;
                    }


                    /* ============================================================
   FEATURE CARD
============================================================ */

                    .cyclic-s22-block {
                        position: relative;
                        min-width: 0;
                        min-height: 210px;
                        padding: 30px 30px 29px;
                        background: #FFE28A;
                        border: 1px solid rgba(217, 163, 0, 0.20);
                        border-radius: 8px;
                        overflow: hidden;
                        transition:
                            transform 0.3s ease,
                            border-color 0.3s ease,
                            box-shadow 0.3s ease;
                    }

                    /* Number / accent line */

                    .cyclic-s22-block::before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 64px;
                        height: 4px;
                        background: #D9A300;
                        transition: width 0.3s ease;
                    }

                    /* Decorative geometry */

                    .cyclic-s22-block::after {
                        content: "";
                        position: absolute;
                        right: -50px;
                        bottom: -50px;
                        width: 145px;
                        height: 145px;
                        border: 1px solid rgba(17, 17, 17, 0.11);
                        border-radius: 50%;
                        pointer-events: none;
                    }


                    /* ============================================================
   CARD HOVER
============================================================ */

                    .cyclic-s22-block:hover {
                        transform: translateY(-6px);
                        border-color: #D9A300;
                        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
                    }

                    .cyclic-s22-block:hover::before {
                        width: 110px;
                    }


                    /* ============================================================
   CARD HEADING
============================================================ */

                    .cyclic-s22-block h3 {
                        position: relative;
                        z-index: 2;
                        max-width: 360px;
                        margin: 0 0 13px;
                        color: #111111;
                        font-size: 19px;
                        font-weight: 700;
                        line-height: 1.3;
                        overflow-wrap: break-word;
                    }


                    /* ============================================================
   CARD DESCRIPTION
============================================================ */

                    .cyclic-s22-block p {
                        position: relative;
                        z-index: 2;
                        max-width: 500px;
                        margin: 0;
                        color: #303030;
                        font-size: 14px;
                        line-height: 1.72;
                        text-align: justify;
                        overflow-wrap: break-word;
                    }


                    /* ============================================================
   FINAL INSIGHT
============================================================ */

                    .cyclic-s22-text {
                        position: relative;
                        max-width: 100%;
                        margin: 28px 0 0;
                        padding: 25px 28px 25px 32px;
                        background: #111111;
                        border: 1px solid rgba(217, 163, 0, 0.25);
                        border-radius: 8px;
                        color: #CFCFCF;
                        font-size: 14.5px;
                        line-height: 1.78;
                        text-align: justify;
                        overflow-wrap: break-word;
                    }

                    .cyclic-s22-text::before {
                        content: "";
                        position: absolute;
                        top: 20px;
                        bottom: 20px;
                        left: 0;
                        width: 4px;
                        background: #D9A300;
                    }


                    /* ============================================================
   LARGE TABLET
============================================================ */

                    @media (max-width: 950px) {

                        #cyclic-section-22 {
                            padding: 72px 22px 78px;
                        }

                        .cyclic-s22-container {
                            max-width: 900px;
                        }

                        .cyclic-s22-heading {
                            max-width: 750px;
                        }

                        .cyclic-s22-description {
                            margin-bottom: 38px;
                        }

                        .cyclic-s22-block {
                            min-height: 225px;
                            padding: 27px 25px;
                        }
                    }


                    /* ============================================================
   TABLET
============================================================ */

                    @media (max-width: 768px) {

                        #cyclic-section-22 {
                            padding: 65px 18px 72px;
                        }

                        .cyclic-s22-eyebrow-wrap {
                            text-align: center;
                        }

                        .cyclic-s22-heading {
                            max-width: 700px;
                            margin: 0 auto 24px;
                            font-size: 40px;
                            line-height: 1.2;
                            text-align: center;
                        }

                        .cyclic-s22-description {
                            margin-bottom: 32px;
                            padding: 20px 21px;
                            font-size: 14.5px;
                            line-height: 1.72;
                        }

                        .cyclic-s22-blockwrap {
                            grid-template-columns: 1fr;
                            gap: 13px;
                        }

                        .cyclic-s22-block {
                            min-height: auto;
                            padding: 26px 23px;
                        }

                        .cyclic-s22-block h3 {
                            font-size: 18px;
                        }

                        .cyclic-s22-block p {
                            font-size: 14px;
                            line-height: 1.7;
                        }

                        .cyclic-s22-text {
                            margin-top: 22px;
                            padding: 22px 22px 22px 27px;
                            font-size: 14px;
                        }
                    }


                    /* ============================================================
   MOBILE
============================================================ */

                    @media (max-width: 520px) {

                        #cyclic-section-22 {
                            padding: 55px 14px 62px;
                        }

                        .cyclic-s22-eyebrow {
                            font-size: 9px;
                            letter-spacing: 1.4px;
                        }

                        .cyclic-s22-eyebrow::before {
                            width: 23px;
                        }

                        .cyclic-s22-heading {
                            margin-bottom: 21px;
                            font-size: 32px;
                            line-height: 1.2;
                        }

                        .cyclic-s22-description {
                            margin-bottom: 25px;
                            padding: 17px 17px 17px 18px;
                            font-size: 13.5px;
                            line-height: 1.68;
                        }

                        .cyclic-s22-blockwrap {
                            gap: 11px;
                        }

                        .cyclic-s22-block {
                            padding: 23px 20px;
                            border-radius: 7px;
                        }

                        .cyclic-s22-block::before {
                            width: 48px;
                        }

                        .cyclic-s22-block h3 {
                            margin-bottom: 9px;
                            font-size: 17px;
                        }

                        .cyclic-s22-block p {
                            font-size: 13.5px;
                            line-height: 1.68;
                        }

                        .cyclic-s22-text {
                            margin-top: 18px;
                            padding: 19px 18px 19px 23px;
                            font-size: 13px;
                            line-height: 1.68;
                        }

                        .cyclic-s22-text::before {
                            top: 16px;
                            bottom: 16px;
                        }
                    }


                    /* ============================================================
   EXTRA SMALL
============================================================ */

                    @media (max-width: 360px) {

                        #cyclic-section-22 {
                            padding: 48px 12px 55px;
                        }

                        .cyclic-s22-heading {
                            font-size: 29px;
                        }

                        .cyclic-s22-description {
                            font-size: 13px;
                        }

                        .cyclic-s22-block {
                            padding: 21px 17px;
                        }

                        .cyclic-s22-block h3 {
                            font-size: 16px;
                        }

                        .cyclic-s22-block p {
                            font-size: 13px;
                        }

                        .cyclic-s22-text {
                            font-size: 12.5px;
                        }
                    }

                    /* ========================================
       SECTION 24 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-24 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s24-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s24-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s24-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s24-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s24-description,
                    .cyclic-s24-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s24-tblwrap {
                        border-radius: 6px;
                        overflow: hidden;
                        background: #10150A;
                        border-left: 1px solid #D9A300;
                    }

                    .cyclic-s24-table {
                        width: 100%;
                        border-collapse: collapse;
                    }

                    .cyclic-s24-table th {
                        background: #10150A;
                        color: #F5F5F5;
                        text-align: left;
                        font-size: 0.85rem;
                        text-transform: uppercase;
                        letter-spacing: 0.5px;
                        padding: 14px 18px;
                        border-bottom: 2px solid #D9A300;
                    }

                    .cyclic-s24-table td {
                        padding: 14px 18px;
                        font-size: 0.93rem;
                        line-height: 1.55;
                        color: #D0D0D0;
                        border-bottom: 1px solid #2a2a2a;
                        text-align: justify;
                    }

                    .cyclic-s24-table tr:last-child td {
                        border-bottom: none;
                    }

                    .cyclic-s24-table tr {
                        transition: background 0.2s;
                    }

                    .cyclic-s24-table tr:hover td {
                        background: rgba(217, 163, 0, 0.05);
                    }

                    .cyclic-s24-tblscroll {
                        width: 100%;
                        overflow-x: auto;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-24 {
                            padding: 64px 18px;
                        }

                        .cyclic-s24-heading {
                            font-size: 32px;
                        }

                        .cyclic-s24-table th,
                        .cyclic-s24-table td {
                            padding: 10px 12px;
                            font-size: 0.85rem;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s24-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 25 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-25 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s25-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s25-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s25-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s25-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s25-description,
                    .cyclic-s25-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s25-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s25-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s25-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s25-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s25-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s25-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s25-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-25 {
                            padding: 64px 18px;
                        }

                        .cyclic-s25-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s25-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 26 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-26 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s26-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s26-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s26-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s26-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s26-description,
                    .cyclic-s26-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s26-quote {
                        border-left: 5px solid #D9A300;
                        background: #10150A;
                        border-radius: 0 6px 6px 0;
                        padding: 30px 32px;
                        margin: 10px 0 26px 0;
                        transition: all 0.25s ease;
                        border: 1px solid #2a2a2a;
                        border-left-width: 5px;
                    }

                    .cyclic-s26-quote:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 163, 0, 0.08);
                    }

                    .cyclic-s26-quote p {
                        font-size: 1.15rem;
                        line-height: 1.55;
                        color: #F5F5F5;
                        font-weight: 600;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-26 {
                            padding: 64px 18px;
                        }

                        .cyclic-s26-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s26-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 27 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-27 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s27-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s27-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s27-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s27-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s27-description,
                    .cyclic-s27-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s27-grid {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s27-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s27-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s27-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s27-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-27 {
                            padding: 64px 18px;
                        }

                        .cyclic-s27-heading {
                            font-size: 32px;
                        }

                        .cyclic-s27-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s27-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 28 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-28 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s28-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s28-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s28-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s28-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s28-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s28-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s28-item:hover {
                        transform: translateY(-3px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 20px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s28-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s28-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s28-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s28-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-28 {
                            padding: 64px 18px;
                        }

                        .cyclic-s28-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s28-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 29 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-29 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s29-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s29-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s29-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s29-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s29-description,
                    .cyclic-s29-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s29-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s29-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s29-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s29-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s29-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s29-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-29 {
                            padding: 64px 18px;
                        }

                        .cyclic-s29-heading {
                            font-size: 32px;
                        }

                        .cyclic-s29-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s29-heading {
                            font-size: 28px;
                        }

                        .cyclic-s29-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 30 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-30 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s30-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s30-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s30-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s30-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s30-description,
                    .cyclic-s30-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s30-tblwrap {
                        border-radius: 6px;
                        overflow: hidden;
                        background: #10150A;
                        border-left: 1px solid #D9A300;
                    }

                    .cyclic-s30-table {
                        width: 100%;
                        border-collapse: collapse;
                    }

                    .cyclic-s30-table th {
                        background: #10150A;
                        color: #F5F5F5;
                        text-align: left;
                        font-size: 0.85rem;
                        text-transform: uppercase;
                        letter-spacing: 0.5px;
                        padding: 14px 18px;
                        border-bottom: 2px solid #D9A300;
                    }

                    .cyclic-s30-table td {
                        padding: 14px 18px;
                        font-size: 0.93rem;
                        line-height: 1.55;
                        color: #D0D0D0;
                        border-bottom: 1px solid #2a2a2a;
                        text-align: justify;
                    }

                    .cyclic-s30-table tr:last-child td {
                        border-bottom: none;
                    }

                    .cyclic-s30-table tr {
                        transition: background 0.2s;
                    }

                    .cyclic-s30-table tr:hover td {
                        background: rgba(217, 163, 0, 0.05);
                    }

                    .cyclic-s30-tblscroll {
                        width: 100%;
                        overflow-x: auto;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-30 {
                            padding: 64px 18px;
                        }

                        .cyclic-s30-heading {
                            font-size: 32px;
                        }

                        .cyclic-s30-table th,
                        .cyclic-s30-table td {
                            padding: 10px 12px;
                            font-size: 0.85rem;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s30-heading {
                            font-size: 28px;
                        }
                    }


                    /* ========================================
       SECTION 32 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-32 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s32-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s32-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s32-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s32-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s32-description,
                    .cyclic-s32-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s32-tblwrap {
                        border-radius: 6px;
                        overflow: hidden;
                        background: #10150A;
                        border-left: 1px solid #D9A300;
                    }

                    .cyclic-s32-table {
                        width: 100%;
                        border-collapse: collapse;
                    }

                    .cyclic-s32-table th {
                        background: #10150A;
                        color: #F5F5F5;
                        text-align: left;
                        font-size: 0.85rem;
                        text-transform: uppercase;
                        letter-spacing: 0.5px;
                        padding: 14px 18px;
                        border-bottom: 2px solid #D9A300;
                    }

                    .cyclic-s32-table td {
                        padding: 14px 18px;
                        font-size: 0.93rem;
                        line-height: 1.55;
                        color: #D0D0D0;
                        border-bottom: 1px solid #2a2a2a;
                        text-align: justify;
                    }

                    .cyclic-s32-table tr:last-child td {
                        border-bottom: none;
                    }

                    .cyclic-s32-table tr {
                        transition: background 0.2s;
                    }

                    .cyclic-s32-table tr:hover td {
                        background: rgba(217, 163, 0, 0.05);
                    }

                    .cyclic-s32-tblscroll {
                        width: 100%;
                        overflow-x: auto;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-32 {
                            padding: 64px 18px;
                        }

                        .cyclic-s32-heading {
                            font-size: 32px;
                        }

                        .cyclic-s32-table th,
                        .cyclic-s32-table td {
                            padding: 10px 12px;
                            font-size: 0.85rem;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s32-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 33 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-33 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s33-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s33-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s33-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s33-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s33-description,
                    .cyclic-s33-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s33-grid {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s33-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s33-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s33-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s33-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-33 {
                            padding: 64px 18px;
                        }

                        .cyclic-s33-heading {
                            font-size: 32px;
                        }

                        .cyclic-s33-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s33-heading {
                            font-size: 28px;
                        }
                    }


                    /* ========================================
       SECTION 35 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-35 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s35-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s35-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s35-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s35-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s35-description,
                    .cyclic-s35-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s35-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s35-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s35-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s35-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s35-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s35-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s35-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-35 {
                            padding: 64px 18px;
                        }

                        .cyclic-s35-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s35-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 36 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-36 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s36-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s36-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s36-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s36-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s36-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s36-text:last-child {
                        margin-bottom: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-36 {
                            padding: 64px 18px;
                        }

                        .cyclic-s36-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s36-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 37 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-37 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                        text-align: center;
                    }

                    .cyclic-s37-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s37-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 22px;
                    }

                    .cyclic-s37-ghost {
                        font-size: 4.2rem;
                        font-weight: 800;
                        line-height: 1.05;
                        margin: 0 0 30px 0;
                        color: transparent;
                        -webkit-text-stroke: 1.5px #292D32;
                        transition: all 0.35s ease;
                        cursor: default;
                    }

                    .cyclic-s37-ghost:hover {
                        color: #D99A00;
                        -webkit-text-stroke: 1.5px #D99A00;
                    }

                    .cyclic-s37-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 16px 0;
                    }

                    @media (max-width:768px) {
                        .cyclic-s37-ghost {
                            font-size: 2.8rem;
                        }

                        #cyclic-section-37 {
                            padding: 64px 18px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s37-ghost {
                            font-size: 2.1rem;
                        }
                    }

                    /* ========================================
       SECTION 38 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-38 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s38-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s38-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s38-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s38-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s38-description,
                    .cyclic-s38-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s38-grid {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s38-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s38-card:hover {
                        transform: translateY(-4px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s38-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s38-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-38 {
                            padding: 64px 18px;
                        }

                        .cyclic-s38-heading {
                            font-size: 32px;
                        }

                        .cyclic-s38-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s38-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 39 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-39 {
                        background: #FFFFFF;
                        padding: 45px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s39-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s39-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s39-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s39-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s39-description,
                    .cyclic-s39-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s39-chipwrap {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 16px;
                        justify-content: center;
                        margin-top: 6px;
                    }

                    .cyclic-s39-chip {
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        border-radius: 6px;
                        padding: 18px 20px;
                        width: calc(33.333% - 12px);
                        transition: all 0.25s ease;
                    }

                    .cyclic-s39-chip:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s39-chip-label {
                        display: inline-block;
                        background: #111111;
                        color: #FFFFFF;
                        font-size: 0.75rem;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 0.6px;
                        padding: 3px 12px;
                        border-radius: 5px;
                        margin-bottom: 10px;
                    }

                    .cyclic-s39-chip-text {
                        font-size: 0.92rem;
                        line-height: 1.55;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s39-chip {
                            width: calc(50% - 8px);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-39 {
                            padding: 64px 18px;
                        }

                        .cyclic-s39-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s39-heading {
                            font-size: 28px;
                        }

                        .cyclic-s39-chip {
                            width: 100%;
                        }
                    }


                    /* ========================================
       SECTION 41 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-41 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s41-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s41-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s41-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s41-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s41-description,
                    .cyclic-s41-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s41-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s41-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s41-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s41-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s41-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s41-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s41-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-41 {
                            padding: 64px 18px;
                        }

                        .cyclic-s41-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s41-heading {
                            font-size: 28px;
                        }
                    }


                    /* ========================================
       SECTION 44 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-44 {
                        background: #0A0A0A;
                        padding: px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s44-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s44-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s44-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s44-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s44-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s44-text:last-child {
                        margin-bottom: 0;
                    }

                    .cyclic-s44-cta {
                        text-align: center;
                        margin-top: 24px;
                        font-weight: 700;
                        font-size: 1.15rem;
                    }

                    .cyclic-s44-cta a {
                        color: #D9A300;
                        border-bottom: 2px solid #D9A300;
                        padding-bottom: 2px;
                        transition: opacity 0.2s;
                    }

                    .cyclic-s44-cta a:hover {
                        opacity: 0.7;
                    }

                    .cyclic-s44-cta span {
                        color: #D0D0D0;
                        padding: 0 6px;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-44 {
                            padding: 64px 18px;
                        }

                        .cyclic-s44-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s44-heading {
                            font-size: 28px;
                        }
                    }
                
                </head>

                <body>

                    <!-- ========================================
     SECTION 01 — CYCLIC 1
     EMAIL MARKETING INTRO — CONTENT + IMAGE
======================================== -->
                    <section id="email-intro-01" class="email-intro-01">

                        <div class="email-intro-01-container">

                            <!-- LEFT CONTENT -->
                            <div class="email-intro-01-content">

                                <div class="email-intro-01-eyebrow-wrap">
                                    <span class="email-intro-01-eyebrow">
                                        Trichy Digital Marketing
                                    </span>
                                </div>

                                <h2 class="email-intro-01-heading">
                                    Email Marketing Services in Trichy
                                </h2>

                                <div class="email-intro-01-copy">

                                    <p class="email-intro-01-text">
                                        Most businesses already have an email list sitting somewhere &mdash; past
                                        customers, enquiry form submissions, a contact sheet from an event, a
                                        spreadsheet nobody has opened in months &mdash; that nobody is actually using.
                                        <a href="https://mailchimp.com/resources/email-marketing-benchmarks/"
                                            class="internal-gold" target="_blank">Email Marketing</a> exist to turn that
                                        dormant list, or a new one built
                                        the right way, into a channel that keeps bringing people back, without
                                        relying entirely on social media algorithms or ongoing ad spend to reach the
                                        same audience twice.
                                    </p>

                                    <p class="email-intro-01-text">
                                        At its core, email marketing services in Trichy cover the strategy, content,
                                        automation, and technical setup involved in sending marketing, newsletter,
                                        and lead-nurturing emails on a business's behalf &mdash; deciding what to
                                        send, writing and designing it, setting up the systems that send it reliably,
                                        and reviewing whether it's actually working. <a
                                            href="https://www.trichydigitalmarketing.com/" class='internal-gold'>Trichy
                                            Digital Marketing</a> is a
                                        Trichy-based digital marketing company already offering SEO, social media
                                        marketing, Google Ads and <a
                                            href="https://www.trichydigitalmarketing.com/meta-ads-management-trichy"
                                            class="internal-gold">Meta Ads</a> management, <a
                                            href="https://www.trichydigitalmarketing.com/google-business-profile-optimization-services-in-trichy"
                                            class="internal-gold">Google Business Profile</a>
                                        optimization, graphic design, and video marketing services. This page explains
                                        how email marketing services in Trichy and Tiruchirappalli typically work,
                                        what a professional email program genuinely involves, and what to check before
                                        choosing a provider &mdash; whether you're starting completely from zero or
                                        already sending emails that aren't performing the way they should.
                                    </p>

                                    <p class="email-intro-01-text">
                                        If your business already has customers, subscribers, or leads sitting in a
                                        spreadsheet, the fastest way to find out what email marketing could
                                        realistically
                                        do for you is a short conversation about your list, your goals, and your
                                        timeline.
                                    </p>

                                </div>

                                <div class="email-intro-01-cta">
                                    <a href="tel:9384819143">
                                        Talk to Our Team
                                        <span>&rarr;</span>
                                    </a>
                                </div>

                            </div>


                            <!-- RIGHT IMAGE -->
                            <div class="email-intro-01-visual">

                                <div class="email-intro-01-image-frame">

                                    <div class="email-intro-01-image-accent"></div>

                                    <img src="assets\images\service-details\Email-Marketing-Services-in-Trichy.webp"
                                        alt="Email Marketing Services in Trichy" class="email-intro-01-image">



                                </div>

                            </div>

                        </div>

                    </section>


                    
                        /* ========================================
   SECTION 01 — CYCLIC 1
   EMAIL MARKETING INTRO
======================================== */

                        #email-intro-01 {
                            position: relative;
                            background: #FFFFFF;
                            padding: 88px 24px;
                            overflow: hidden;
                        }


                        /* ========================================
   MAIN CONTAINER
======================================== */

                        .email-intro-01-container {
                            max-width: 1180px;
                            margin: 0 auto;
                            display: grid;
                            grid-template-columns: 1fr 0.92fr;
                            gap: 70px;
                            align-items: center;
                        }


                        /* ========================================
   LEFT CONTENT
======================================== */

                        .email-intro-01-content {
                            position: relative;
                            z-index: 2;
                        }


                        /* ========================================
   EYEBROW
======================================== */

                        .email-intro-01-eyebrow-wrap {
                            margin-bottom: 18px;
                        }

                        .email-intro-01-eyebrow {
                            display: inline-block;
                            padding: 6px 16px;
                            background: rgba(217, 154, 0, 0.10);
                            border: 1px solid rgba(217, 154, 0, 0.28);
                            border-radius: 999px;
                            color: #D99A00;
                            font-size: 10px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.4px;
                        }


                        /* ========================================
   HEADING
======================================== */

                        .email-intro-01-heading {
                            margin: 0 0 25px;
                            color: #292D32;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            letter-spacing: -0.5px;
                        }


                        /* ========================================
   PARAGRAPHS
======================================== */

                        .email-intro-01-copy {
                            max-width: 650px;
                        }

                        .email-intro-01-text {
                            margin: 0 0 17px;
                            color: #30343A;
                            font-size: 15px;
                            line-height: 1.72;
                            text-align: justify;
                        }

                        .email-intro-01-text:last-child {
                            margin-bottom: 0;
                        }


                        /* ========================================
   CTA
======================================== */

                        .email-intro-01-cta {
                            margin-top: 27px;
                        }

                        .email-intro-01-cta a {
                            display: inline-flex;
                            align-items: center;
                            gap: 9px;
                            padding: 11px 19px;
                            background: #D4A017;
                            border: 1px solid #292D32;
                            border-radius: 5px;
                            color: #FFFFFF;
                            font-size: 13px;
                            font-weight: 700;
                            text-decoration: none;
                            transition:
                                background 0.25s ease,
                                color 0.25s ease,
                                border-color 0.25s ease,
                                transform 0.25s ease;
                        }

                        .email-intro-01-cta a span {
                            color: black;
                            font-size: 17px;
                            line-height: 1;
                            transition: transform 0.25s ease;
                        }

                        .email-intro-01-cta a:hover {
                            background: gold;
                            border-color: #D99A00;
                            color: black;
                            transform: translateY(-2px);
                        }

                        .email-intro-01-cta a:hover span {
                            color: black;
                            transform: translateX(4px);
                        }


                        /* ========================================
   RIGHT VISUAL
======================================== */

                        .email-intro-01-visual {
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }

                        .email-intro-01-image-frame {
                            position: relative;
                            width: 100%;
                            max-width: 510px;
                            padding: 9px;
                            background: #FFE28A;
                            border-radius: 14px;
                        }

                        .email-intro-01-image {
                            position: relative;
                            z-index: 2;
                            display: block;
                            width: 100%;
                            height: auto;
                            max-height: 510px;
                            object-fit: contain;
                            border-radius: 9px;
                        }

                        /* ========================================
   DECORATIVE ACCENT
======================================== */

                        .email-intro-01-image-accent {
                            position: absolute;
                            width: 105px;
                            height: 105px;
                            top: -22px;
                            right: -22px;
                            border-top: 3px solid #D99A00;
                            border-right: 3px solid #D99A00;
                            border-radius: 0 12px 0 0;
                            pointer-events: none;
                        }


                        /* ========================================
   IMAGE TAG
======================================== */








                        /* ========================================
   TABLET
======================================== */

                        @media (max-width: 950px) {

                            #email-intro-01 {
                                padding: 70px 22px;
                            }

                            .email-intro-01-container {
                                grid-template-columns: 1fr 0.9fr;
                                gap: 40px;
                            }

                            .email-intro-01-heading {
                                font-size: 40px;
                            }

                            .email-intro-01-text {
                                font-size: 14px;
                                line-height: 1.68;
                            }

                            .email-intro-01-image-frame {
                                min-height: 430px;
                            }

                            .email-intro-01-image {
                                height: 402px;
                            }


                        }


                        /* ========================================
   MOBILE
======================================== */

                        @media (max-width: 700px) {

                            #email-intro-01 {
                                padding: 60px 18px;
                            }

                            .email-intro-01-container {
                                grid-template-columns: 1fr;
                                gap: 42px;
                            }

                            .email-intro-01-content {
                                max-width: 100%;
                            }

                            .email-intro-01-heading {
                                font-size: 40px;
                                line-height: 1.2;
                                margin-bottom: 22px;
                            }

                            .email-intro-01-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }

                            .email-intro-01-visual {
                                width: 100%;
                            }

                            .email-intro-01-image-frame {
                                max-width: 100%;
                                min-height: auto;
                            }

                            .email-intro-01-image {
                                height: 390px;
                            }

                            .email-intro-01-image-accent {
                                right: -10px;
                                top: -12px;
                            }


                        }


                        /* ========================================
   SMALL MOBILE
======================================== */

                        @media (max-width: 480px) {

                            #email-intro-01 {
                                padding: 52px 14px;
                            }

                            .email-intro-01-eyebrow {
                                padding: 6px 13px;
                                font-size: 9px;
                                letter-spacing: 1.2px;
                            }

                            .email-intro-01-heading {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .email-intro-01-text {
                                font-size: 13.5px;
                                line-height: 1.68;
                            }

                            .email-intro-01-cta {
                                margin-top: 23px;
                            }

                            .email-intro-01-cta a {
                                padding: 10px 16px;
                                font-size: 12px;
                            }

                            .email-intro-01-container {
                                gap: 34px;
                            }

                            .email-intro-01-image-frame {
                                padding: 10px;
                                border-radius: 10px;
                            }

                            .email-intro-01-image {
                                height: 232px;
                                border-radius: 7px;
                            }


                        }


                        /* ========================================
   EXTRA SMALL
======================================== */

                        @media (max-width: 360px) {

                            .email-intro-01-heading {
                                font-size: 29px;
                            }

                            .email-intro-01-text {
                                font-size: 13px;
                            }

                            .email-intro-01-image {
                                height: 285px;
                            }
                        }
                    

                    <!-- SECTION 2 — CYCLIC 2 -->
                    <section id="cyclic-section-02" class="cyclic-section-02">
                        <div class="cyclic-s02-container">
                            <div class="cyclic-s02-eyebrow-wrap"><span class="cyclic-s02-eyebrow">Definitions</span>
                            </div>
                            <h2 class="cyclic-s02-heading">What Are Email Marketing Services?</h2>
                            <p class="cyclic-s02-description">Email marketing services cover a handful of distinct but
                                connected pieces
                                of work, and understanding them separately makes it much easier to know what you
                                actually need.</p>
                            <div class="cyclic-s02-grid">
                                <div class="cyclic-s02-card">
                                    <h3 class="cyclic-s02-card-title">Strategy</h3>
                                    <p class="cyclic-s02-card-text">Strategy decides what emails to send, to whom, how
                                        often, and why
                                        &mdash; tied to an actual business goal like repeat purchases, lead conversion,
                                        or customer
                                        retention, rather than “sending something because it's been a while.”</p>
                                </div>
                                <div class="cyclic-s02-card">
                                    <h3 class="cyclic-s02-card-title">Content Creation</h3>
                                    <p class="cyclic-s02-card-text"> <a
                                            href="https://www.trichydigitalmarketing.com/content-marketing-services-in-trichy"
                                            class="internal-gold">Content creation</a> is the writing and design work:
                                        subject lines, body
                                        copy, layout, and calls to action, shaped for the specific audience and goal of
                                        that email.</p>
                                </div>
                                <div class="cyclic-s02-card">
                                    <h3 class="cyclic-s02-card-title">List Management</h3>
                                    <p class="cyclic-s02-card-text">List management organises who receives what, based
                                        on behaviour,
                                        interests, or stage in the customer relationship &mdash; this is called
                                        segmentation, and it's
                                        one of the biggest differences between an email program that feels relevant and
                                        one that feels
                                        like noise.</p>
                                </div>
                                <div class="cyclic-s02-card">
                                    <h3 class="cyclic-s02-card-title">Automation</h3>
                                    <p class="cyclic-s02-card-text">Automation sets up sequences that send automatically
                                        based on a
                                        trigger &mdash; someone joining a list, submitting an enquiry, or making a first
                                        purchase
                                        &mdash; rather than every email being written and sent manually, one at a time,
                                        forever.</p>
                                </div>
                                <div class="cyclic-s02-card">
                                    <h3 class="cyclic-s02-card-title">Technical Setup &amp; Deliverability</h3>
                                    <p class="cyclic-s02-card-text">Configuring sending domains and authentication
                                        correctly so emails
                                        actually reach the inbox instead of the spam folder, which no amount of good
                                        writing can fix on
                                        its own.</p>
                                </div>
                                <div class="cyclic-s02-card">
                                    <h3 class="cyclic-s02-card-title">Measurement</h3>
                                    <p class="cyclic-s02-card-text">Measurement reviews opens, clicks, and conversions
                                        to understand
                                        what's actually working, so the next campaign is better informed than the last
                                        one.</p>
                                </div>
                            </div>
                            <p class="cyclic-s02-text" style="margin-top:30px;">A narrow “email campaign” service might
                                just write and
                                send a single promotional email. A fuller “email marketing service” also handles the
                                strategy behind
                                what gets sent, the segmentation that determines who sees it, the automation that runs
                                in the
                                background, and the technical groundwork that determines whether it's seen at all. Most
                                businesses
                                evaluating providers are really asking which of these pieces a given provider actually
                                covers &mdash;
                                worth clarifying early, since “we do email marketing” can mean very different scopes of
                                work from one
                                provider to the next.</p>
                        </div>
                    </section>

                    <!-- SECTION 3 — CYCLIC 1 -->
                    <section id="cyclic-section-03" class="cyclic-section-03">
                        <div class="cyclic-s03-container">
                            <div class="cyclic-s03-eyebrow-wrap"><span class="cyclic-s03-eyebrow">The Case For
                                    Email</span></div>
                            <h2 class="cyclic-s03-heading">Why Email Marketing Still Works for Businesses</h2>
                            <p class="cyclic-s03-description">It's a fair question &mdash; with social media and paid
                                advertising
                                getting most of the marketing attention today, is email still worth the effort? A closer
                                look at what
                                email actually does differently from other channels explains why it hasn't gone
                                anywhere.</p>
                            <ul class="cyclic-s03-list">
                                <li class="cyclic-s03-item">
                                    <div class="cyclic-s03-badge">1</div>
                                    <div class="cyclic-s03-item-body">
                                        <h3>Email Gives Businesses Direct Customer Access</h3>
                                        <p>Every other major channel puts something between a business and its audience
                                            &mdash; a social
                                            platform's algorithm decides who sees a post, and an ad platform requires
                                            ongoing payment to
                                            keep reaching people. Email is closer to a direct line: once someone is on a
                                            list, a
                                            business can reach them without asking a third party's permission each time,
                                            and without
                                            that reach quietly shrinking because of a platform policy change that had
                                            nothing to do with
                                            the business itself.</p>
                                    </div>
                                </li>
                                <li class="cyclic-s03-item">
                                    <div class="cyclic-s03-badge">2</div>
                                    <div class="cyclic-s03-item-body">
                                        <h3>Email Supports Customer Retention</h3>
                                        <p>Acquiring a new customer is consistently more effort than keeping an existing
                                            one engaged,
                                            and email is particularly well suited to the retention side of that
                                            equation. A consistent,
                                            relevant email presence &mdash; order updates, useful content, occasional
                                            offers &mdash;
                                            keeps a business in a customer's inbox between purchases, rather than
                                            relying on the
                                            customer to remember to come back on their own.</p>
                                    </div>
                                </li>
                                <li class="cyclic-s03-item">
                                    <div class="cyclic-s03-badge">3</div>
                                    <div class="cyclic-s03-item-body">
                                        <h3>Email Helps Nurture Long Sales Cycles</h3>
                                        <p>Not every purchase happens on the first visit. For higher-consideration
                                            purchases &mdash; a
                                            service engagement, a significant product, a B2B contract &mdash; a prospect
                                            often needs
                                            multiple touchpoints before they're ready to decide. Email is one of the few
                                            channels built
                                            to sustain that kind of ongoing, patient communication over days or weeks
                                            without requiring
                                            a salesperson to personally follow up with every single lead by hand.</p>
                                    </div>
                                </li>
                                <li class="cyclic-s03-item">
                                    <div class="cyclic-s03-badge">4</div>
                                    <div class="cyclic-s03-item-body">
                                        <h3>Email Complements Paid Advertising</h3>
                                        <p>Paid ads are excellent at reaching new people quickly, but that reach
                                            disappears the moment
                                            spending stops. Capturing an email address from a paid campaign &mdash;
                                            through a signup
                                            form, a downloadable resource, or a promotional offer &mdash; lets a
                                            business continue the
                                            relationship afterward at a much lower ongoing cost than repeatedly paying
                                            to show the same
                                            person another ad.</p>
                                    </div>
                                </li>
                                <li class="cyclic-s03-item">
                                    <div class="cyclic-s03-badge">5</div>
                                    <div class="cyclic-s03-item-body">
                                        <h3>Email Supports Repeat Purchases</h3>
                                        <p>For businesses that depend on repeat business &mdash; retail, e-commerce,
                                            subscription
                                            services, regular service appointments &mdash; email is one of the most
                                            direct ways to
                                            prompt a second, third, or tenth purchase from someone who already trusts
                                            the brand, rather
                                            than spending marketing budget exclusively on acquiring first-time
                                            customers.</p>
                                    </div>
                                </li>
                                <li class="cyclic-s03-item">
                                    <div class="cyclic-s03-badge">6</div>
                                    <div class="cyclic-s03-item-body">
                                        <h3>Email Helps Businesses Communicate Consistently</h3>
                                        <p>A newsletter or a regular update cadence keeps a business visible to its
                                            audience even in
                                            weeks when there's no specific offer or announcement to make. This kind of
                                            consistent,
                                            low-pressure communication tends to build familiarity in a way that purely
                                            promotional
                                            contact doesn't.</p>
                                    </div>
                                </li>
                                <li class="cyclic-s03-item">
                                    <div class="cyclic-s03-badge">7</div>
                                    <div class="cyclic-s03-item-body">
                                        <h3>Email Is Useful Beyond Promotional Campaigns</h3>
                                        <p>Not every valuable email is trying to sell something. Order confirmations,
                                            appointment
                                            reminders, onboarding instructions, and educational content all fall under
                                            the same
                                            technical and strategic umbrella as promotional email, and often do more to
                                            build trust and
                                            reduce customer support burden than any discount ever could.</p>
                                    </div>
                                </li>
                            </ul>
                            <p class="cyclic-s03-text" style="margin-top:26px;">None of this means email automatically
                                outperforms every
                                other channel for every business. A brand-new business with no existing list and an
                                audience that's
                                purely discovery-driven on social media may get more immediate value from social content
                                or paid ads.
                                Email tends to earn its place specifically once a business has some list &mdash; however
                                small &mdash;
                                and customers or leads worth nurturing over time rather than reaching only once.</p>
                        </div>
                    </section>





                    <!-- ============================================================
     SECTION 04 — CYCLIC 2
============================================================ -->

                    <section id="cyclic-section-04" class="cyclic-section-04">

                        <div class="cyclic-s04-container">

                            <!-- INTRO -->
                            <div class="cyclic-s04-intro">

                                <div class="cyclic-s04-intro-left">

                                    <div class="cyclic-s04-eyebrow-wrap">
                                        <span class="cyclic-s04-eyebrow">Fit Check</span>
                                    </div>

                                    <h2 class="cyclic-s04-heading">
                                        Who Needs Email Marketing Services?
                                    </h2>

                                </div>

                                <div class="cyclic-s04-intro-right">

                                    <p><strong>Businesses that typically benefit strongly:</strong></p>

                                </div>

                            </div>


                            <!-- DECISION AREA -->
                            <div class="cyclic-s04-decision-area">

                                <!-- FIT COLUMN -->
                                <div class="cyclic-s04-column cyclic-s04-column-fit">

                                    <div class="cyclic-s04-column-header">

                                        <h3 class="cyclic-s04-column-title">
                                            Businesses that typically benefit strongly:
                                        </h3>

                                        <span class="cyclic-s04-column-number">01</span>

                                    </div>

                                    <ul class="cyclic-s04-list">

                                        <li>Businesses with an existing customer or enquiry list, even a small or
                                            informal one, since
                                            there's already a relationship to build on</li>

                                        <li>Businesses with repeat-purchase potential &mdash; retail, e-commerce,
                                            salons, clinics,
                                            professional services with recurring needs</li>

                                        <li>B2B companies with longer sales cycles, where ongoing, informative contact
                                            matters more than
                                            a
                                            single promotional push</li>

                                        <li>Service businesses that rely on trust before a decision &mdash; real estate,
                                            healthcare,
                                            education, financial or legal services</li>

                                        <li>Businesses already running paid ads or SEO, since email gives those channels
                                            somewhere
                                            productive to send captured leads instead of losing them after one visit
                                        </li>

                                        <li>Membership, subscription, or community-based businesses, where regular
                                            communication is part
                                            of
                                            the actual product experience</li>

                                    </ul>

                                </div>


                                <!-- NOT FIT COLUMN -->
                                <div class="cyclic-s04-column cyclic-s04-column-not-fit">

                                    <div class="cyclic-s04-column-header">

                                        <h3 class="cyclic-s04-column-title">
                                            When email marketing may not be the right first priority:
                                        </h3>

                                        <span class="cyclic-s04-column-number">02</span>

                                    </div>

                                    <ul class="cyclic-s04-list">

                                        <li>There's no permission-based audience yet, and no realistic near-term plan to
                                            build one
                                            &mdash;
                                            starting an email program with an empty list means the first months are
                                            entirely about
                                            list-building, not campaigns</li>

                                        <li>There's no repeat-customer relationship at all &mdash; a genuinely one-time
                                            purchase
                                            business
                                            (certain project-based work, for example) may get more consistent value from
                                            channels
                                            focused on
                                            new-customer acquisition</li>

                                        <li>There's no clear offer or conversion path &mdash; email works best when
                                            there's something
                                            specific for a recipient to do next; without that, campaigns tend to feel
                                            aimless</li>

                                        <li>The business isn't ready to commit to consistent content &mdash; an email
                                            list that hears
                                            from a
                                            business twice a year isn't really being used as a channel</li>

                                        <li>The expectation is instant results from a brand-new list &mdash; email is
                                            generally a
                                            compounding channel, more valuable after months of consistent sending than
                                            from a single
                                            first
                                            campaign</li>

                                    </ul>

                                </div>

                            </div>


                            <!-- FINAL MESSAGE -->
                            <div class="cyclic-s04-bottom-message">

                                <p>Being upfront about this second list matters: a provider that tells a business email
                                    isn't the right
                                    first move &mdash; because there's no list, no offer, and no bandwidth for
                                    consistent content
                                    &mdash; is giving more honest advice than one that sells the service regardless.</p>

                            </div>

                        </div>

                    </section>


                    <!-- SECTION 5 — CYCLIC 1 -->
                    <section id="cyclic-section-05" class="cyclic-section-05">
                        <div class="cyclic-s05-container">
                            <div class="cyclic-s05-eyebrow-wrap"><span class="cyclic-s05-eyebrow">Our Services</span>
                            </div>
                            <h2 class="cyclic-s05-heading">Email Marketing Services We Provide</h2>
                            <p class="cyclic-s05-description">The sections below describe the components of a
                                professional email
                                marketing program, based on standard, accurate industry practice. Specific current
                                service availability,
                                packages, and deliverables should be confirmed directly with Trichy Digital Marketing's
                                team, since
                                email marketing is offered alongside the agency's broader, documented digital marketing
                                services rather
                                than as a page with its own published packages today.</p>
                            <div class="cyclic-s05-grid">
                                <div class="cyclic-s05-card">
                                    <h3 class="cyclic-s05-card-title">Email Marketing Strategy</h3>
                                    <p class="cyclic-s05-card-text">Before any email gets written, strategy work decides
                                        what the email
                                        program is actually for &mdash; <a
                                            href="https://www.trichydigitalmarketing.com/blog/lead-generation-ideas-for-businesses-in-trichy"
                                            class="internal-gold"> welcoming new leads</a>, nurturing prospects who
                                        aren't ready to buy
                                        yet, re-engaging inactive customers, or promoting specific offers &mdash; and
                                        maps out roughly
                                        how often to send, to which segments, and what success looks like for each type
                                        of email. A
                                        strategy also sets realistic expectations upfront: what the list currently looks
                                        like, what a
                                        reasonable first-quarter goal is, and which metrics will actually be tracked.
                                        Without this step,
                                        businesses tend to either send too rarely to matter or too often to be welcome,
                                        both of which
                                        hurt results in different ways.</p>
                                </div>
                                <div class="cyclic-s05-card">
                                    <h3 class="cyclic-s05-card-title">Email Campaign Management</h3>
                                    <p class="cyclic-s05-card-text">This covers the practical, ongoing work of running
                                        email as a
                                        channel: planning a send calendar, writing and designing individual campaigns,
                                        testing them,
                                        sending them, and reviewing performance afterward. It's essentially the
                                        operational side of
                                        keeping an email program running consistently rather than sporadically &mdash;
                                        the difference
                                        between a business that sends “whenever someone remembers to” and one with a
                                        dependable, planned
                                        cadence a subscriber can come to expect.</p>
                                </div>
                                <div class="cyclic-s05-card">
                                    <h3 class="cyclic-s05-card-title">Bulk Email Services</h3>
                                    <p class="cyclic-s05-card-text">“Bulk email” refers to sending a marketing email to
                                        a larger list at
                                        one time &mdash; a newsletter, a promotion, an announcement &mdash; as opposed
                                        to a one-to-one
                                        automated trigger email. Done properly, bulk sending involves the same
                                        deliverability and
                                        list-hygiene considerations as any other email marketing work; it isn't simply
                                        about volume.
                                        Sending to a large, poorly maintained, or unengaged list can actively hurt a
                                        sender's reputation
                                        rather than help results.</p>
                                </div>
                                <div class="cyclic-s05-card">
                                    <h3 class="cyclic-s05-card-title">Email Newsletter Services</h3>
                                    <p class="cyclic-s05-card-text">A newsletter is a recurring email &mdash; weekly,
                                        monthly, or
                                        another regular cadence &mdash; that keeps a business in front of its audience
                                        even when there's
                                        no specific offer to promote. It typically mixes useful or interesting content
                                        with occasional
                                        business updates, rather than being purely promotional every time, which tends
                                        to keep
                                        subscribers more engaged over the long run than a list that only ever hears from
                                        a business when
                                        it's actively selling something.</p>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!-- SECTION 6 — CYCLIC 2 -->
                    <section id="cyclic-section-06" class="cyclic-section-06">
                        <div class="cyclic-s06-container">
                            <div class="cyclic-s06-eyebrow-wrap"><span class="cyclic-s06-eyebrow">More Core
                                    Services</span></div>
                            <h2 class="cyclic-s06-heading">Automation, B2B &amp; Small Business Email</h2>
                            <div class="cyclic-s06-blockwrap">
                                <div class="cyclic-s06-block">
                                    <h3>Email Automation Services</h3>
                                    <p>Automation means setting up email sequences that trigger automatically based on
                                        an action &mdash;
                                        someone joins a mailing list, submits an enquiry, or makes a first purchase
                                        &mdash; rather than
                                        a person manually sending each email individually. Once built, these sequences
                                        run continuously
                                        in the background, which makes automation one of the more efficient parts of an
                                        email program:
                                        the setup work happens once, but it keeps working for every new contact who
                                        enters it, months or
                                        years later.</p>
                                </div>
                                <div class="cyclic-s06-block">
                                    <h3>B2B Email Marketing</h3>
                                    <p>Business-to-business email marketing generally differs from consumer email in a
                                        few practical
                                        ways: longer decision cycles, smaller and more targeted lists, content that
                                        leans more
                                        informational and less promotional (case studies, industry insights, product
                                        updates), and a
                                        stronger emphasis on nurturing a relationship over multiple touches rather than
                                        driving an
                                        immediate purchase. It's a natural fit for professional services, manufacturing,
                                        technology, and
                                        other businesses selling to other businesses rather than individual consumers,
                                        where a single
                                        email rarely closes a deal on its own but a well-timed sequence can keep a
                                        business top of mind
                                        through a long evaluation process.</p>
                                </div>
                                <div class="cyclic-s06-block">
                                    <h3>Email Marketing for Small Businesses</h3>
                                    <p>Small businesses often start with a modest list &mdash; past customers, local
                                        contacts, event
                                        signups &mdash; and don't need enterprise-level complexity to get real value
                                        from email. A
                                        practical starting point usually means a simple, consistent sending cadence, a
                                        straightforward
                                        welcome sequence for new contacts, and clear, honest communication rather than
                                        an elaborate
                                        multi-segment strategy from day one. The right scope depends entirely on the
                                        size of the
                                        existing list and the business's goals, which is best discussed directly rather
                                        than assumed
                                        from a generic package.</p>
                                </div>
                            </div>
                        </div>
                    </section>

                    
                        /* ============================================================
   SECTION 07 — CYCLIC 1
   Full Redesign — Editorial Feature Layout
============================================================ */

                        #cyclic-section-07 {
                            position: relative;
                            background: #FFFFFF;
                            padding: 100px 24px;
                            overflow: hidden;
                        }

                        #cyclic-section-07::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 5px;

                        }

                        #cyclic-section-07::after {
                            content: "";
                            position: absolute;
                            right: -120px;
                            bottom: -180px;
                            width: 360px;
                            height: 360px;
                            border: 1px solid rgba(217, 154, 0, 0.18);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .cyclic-s07-container {
                            position: relative;
                            z-index: 1;
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   MAIN LAYOUT
============================================================ */

                        .cyclic-s07-layout {
                            display: grid;
                            grid-template-columns: 0.72fr 1.28fr;
                            gap: 85px;
                            align-items: center;
                        }


                        /* ============================================================
   LEFT FEATURE AREA
============================================================ */

                        .cyclic-s07-feature {
                            position: relative;
                            padding: 20px 35px;
                            background: #FFE28A;
                            border-radius: 8px;
                            overflow: hidden;
                        }

                        .cyclic-s07-feature::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 7px;
                            height: 100%;
                            background: #D99A00;
                        }

                        .cyclic-s07-feature::after {
                            content: "07";
                            position: absolute;
                            right: -10px;
                            bottom: -28px;
                            color: rgba(17, 17, 17, 0.07);
                            font-size: 130px;
                            font-weight: 800;
                            line-height: 1;
                            pointer-events: none;
                        }

                        .cyclic-s07-eyebrow-wrap {
                            position: relative;
                            z-index: 1;
                            margin-bottom: 25px;
                            text-align: left;
                        }

                        .cyclic-s07-eyebrow {
                            display: inline-block;
                            padding: 7px 14px;
                            background: #111111;
                            color: #FFFFFF;
                            border-radius: 4px;
                            font-size: 10px;
                            font-weight: 700;
                            line-height: 1;
                            letter-spacing: 1.5px;
                            text-transform: uppercase;
                        }

                        .cyclic-s07-heading {
                            position: relative;
                            z-index: 1;
                            max-width: 420px;
                            margin: 0;
                            color: #292D32;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.6px;
                            text-align: left;
                        }


                        /* ============================================================
   RIGHT CONTENT AREA
============================================================ */

                        .cyclic-s07-content {
                            position: relative;
                            padding-top: 8px;
                        }

                        .cyclic-s07-content::before {
                            content: "";
                            display: block;
                            width: 48px;
                            height: 3px;
                            margin-bottom: 27px;

                        }

                        .cyclic-s07-text {
                            margin: 0;
                            color: #30343A;
                            font-size: 17px;
                            line-height: 1.85;
                            text-align: justify;
                        }


                        /* ============================================================
   CONTENT HIGHLIGHT
============================================================ */

                        .cyclic-s07-content-highlight {
                            margin-top: 32px;
                            padding: 20px 22px;
                            background: #F9F9F9;
                            border: 1px solid #E5E5E5;
                            border-left: 3px solid #D99A00;
                            border-radius: 4px;
                        }

                        .cyclic-s07-content-highlight span {
                            display: block;
                            width: 7px;
                            height: 7px;
                            margin-bottom: 10px;
                            background: #D99A00;
                            border-radius: 50%;
                        }


                        /* ============================================================
   HOVER
============================================================ */

                        .cyclic-s07-feature {
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .cyclic-s07-feature:hover {
                            transform: translateY(-5px);
                            box-shadow: 0 16px 35px rgba(0, 0, 0, 0.10);
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #cyclic-section-07 {
                                padding: 82px 22px;
                            }

                            .cyclic-s07-layout {
                                grid-template-columns: 0.8fr 1.2fr;
                                gap: 50px;
                            }

                            .cyclic-s07-feature {
                                padding: 35px 28px;
                            }

                            .cyclic-s07-heading {
                                font-size: 40px;
                            }

                            .cyclic-s07-text {
                                font-size: 16px;
                                line-height: 1.78;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 768px) {

                            #cyclic-section-07 {
                                padding: 68px 18px;
                            }

                            .cyclic-s07-layout {
                                grid-template-columns: 1fr;
                                gap: 38px;
                            }

                            .cyclic-s07-feature {
                                padding: 34px 28px;
                            }

                            .cyclic-s07-eyebrow-wrap {
                                text-align: center;
                            }

                            .cyclic-s07-heading {
                                max-width: 100%;
                                font-size: 40px;
                                line-height: 1.2;
                                text-align: center;
                            }

                            .cyclic-s07-content {
                                padding-top: 0;
                            }

                            .cyclic-s07-content::before {
                                margin: 0 auto 25px;
                            }

                            .cyclic-s07-text {
                                font-size: 15.5px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #cyclic-section-07 {
                                padding: 56px 14px;
                            }

                            .cyclic-s07-layout {
                                gap: 30px;
                            }

                            .cyclic-s07-feature {
                                padding: 28px 22px;
                            }

                            .cyclic-s07-eyebrow {
                                font-size: 9px;
                                padding: 7px 12px;
                            }

                            .cyclic-s07-heading {
                                font-size: 32px;
                            }

                            .cyclic-s07-text {
                                font-size: 14.5px;
                                line-height: 1.72;
                            }

                            .cyclic-s07-content-highlight {
                                padding: 18px;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL DEVICES
============================================================ */

                        @media (max-width: 360px) {

                            #cyclic-section-07 {
                                padding: 48px 12px;
                            }

                            .cyclic-s07-feature {
                                padding: 25px 18px;
                            }

                            .cyclic-s07-heading {
                                font-size: 29px;
                            }

                            .cyclic-s07-text {
                                font-size: 14px;
                            }
                        }
                    


       
                        /* ============================================================
   SECTION 10 — CYCLIC 2
   FULL REDESIGN
   Unique Section-Specific CSS
============================================================ */

                        #cyclic-dark-design-10 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 50px 24px 70px overflow: hidden;
                        }

                        #cyclic-dark-design-10::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 1px;
                            background: linear-gradient(90deg,
                                    transparent,
                                    #D9A300,
                                    transparent);
                        }

                        #cyclic-dark-design-10::after {
                            content: "";
                            position: absolute;
                            width: 420px;
                            height: 420px;
                            right: -210px;
                            top: 80px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .design10-dark-wrap {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1220px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .design10-dark-header {
                            display: grid;
                            grid-template-columns: 0.65fr 1.35fr;
                            gap: 75px;
                            align-items: end;
                            margin-bottom: 55px;
                        }

                        .design10-dark-label-area {
                            position: relative;
                        }

                        .design10-dark-eyebrow-holder {
                            margin-bottom: 20px;
                            text-align: left;
                        }

                        .design10-dark-eyebrow {
                            display: inline-block;
                            padding: 7px 14px;
                            background: rgba(217, 163, 0, 0.11);
                            border: 1px solid rgba(217, 163, 0, 0.35);
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 10px;
                            font-weight: 700;
                            letter-spacing: 1.6px;
                            line-height: 1;
                            text-transform: uppercase;
                        }

                        .design10-dark-heading {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.6px;
                            text-align: left;
                        }

                        .design10-dark-intro {
                            position: relative;
                            padding-left: 28px;
                            border-left: 2px solid #D9A300;
                        }

                        .design10-dark-intro::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: -5px;
                            width: 8px;
                            height: 8px;
                            background: #D9A300;
                            border-radius: 50%;
                        }

                        .design10-dark-description {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   CARD GRID
============================================================ */

                        .design10-dark-grid {
                            display: grid;
                            grid-template-columns: repeat(4, minmax(0, 1fr));
                            gap: 14px;
                        }


                        /* ============================================================
   INDIVIDUAL CARDS
============================================================ */

                        .design10-dark-card {
                            position: relative;
                            min-height: 245px;
                            padding: 26px 24px 24px;
                            background: #FFE28A;
                            border: 1px solid transparent;
                            border-radius: 6px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                border-color 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .design10-dark-card::after {
                            content: "";
                            position: absolute;
                            right: -15px;
                            bottom: -25px;
                            width: 90px;
                            height: 90px;
                            border: 1px solid rgba(17, 17, 17, 0.08);
                            border-radius: 50%;
                        }

                        .design10-dark-card:hover {
                            transform: translateY(-5px);
                            border-color: #D9A300;
                            box-shadow: 0 14px 30px rgba(217, 163, 0, 0.12);
                        }


                        /* ============================================================
   CARD NUMBER
============================================================ */

                        .design10-dark-card-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 31px;
                            height: 31px;
                            margin-bottom: 25px;
                            background: #111111;
                            border-radius: 4px;
                            color: #FFFFFF;
                            font-size: 10px;
                            font-weight: 700;
                            letter-spacing: 0.5px;
                        }


                        /* ============================================================
   CARD TITLE
============================================================ */

                        .design10-dark-card-title {
                            position: relative;
                            z-index: 1;
                            margin: 0 0 12px;
                            color: #111111;
                            font-size: 17px;
                            font-weight: 700;
                            line-height: 1.35;
                        }


                        /* ============================================================
   CARD TEXT
============================================================ */

                        .design10-dark-card-text {
                            position: relative;
                            z-index: 1;
                            margin: 0;
                            color: #303030;
                            font-size: 14px;
                            line-height: 1.68;
                            text-align: justify;
                        }


                        /* ============================================================
   BOTTOM CONTENT
============================================================ */

                        .design10-dark-footer {
                            position: relative;
                            display: grid;
                            grid-template-columns: 80px 1fr;
                            gap: 28px;
                            align-items: center;
                            margin-top: 30px;
                            padding: 28px 30px;
                            background: #10150A;
                            border: 1px solid rgba(217, 163, 0, 0.22);
                            border-radius: 6px;
                        }

                        .design10-dark-footer-mark {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 58px;
                            height: 58px;
                            border: 1px solid #D9A300;
                            border-radius: 50%;
                            color: #D9A300;
                            font-size: 17px;
                            font-weight: 700;
                        }

                        .design10-dark-footer-text {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 15px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 1100px) {

                            #cyclic-dark-design-10 {
                                padding: 88px 22px;
                            }

                            .design10-dark-header {
                                grid-template-columns: 0.75fr 1.25fr;
                                gap: 50px;
                            }

                            .design10-dark-grid {
                                grid-template-columns: repeat(2, minmax(0, 1fr));
                                gap: 16px;
                            }

                            .design10-dark-card {
                                min-height: 230px;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 768px) {

                            #cyclic-dark-design-10 {
                                padding: 70px 18px 72px;
                            }

                            .design10-dark-header {
                                grid-template-columns: 1fr;
                                gap: 32px;
                                margin-bottom: 40px;
                            }

                            .design10-dark-eyebrow-holder {
                                text-align: center;
                            }

                            .design10-dark-heading {
                                font-size: 40px;
                                line-height: 1.2;
                                text-align: center;
                            }

                            .design10-dark-intro {
                                padding-left: 22px;
                            }

                            .design10-dark-description {
                                font-size: 15px;
                                line-height: 1.72;
                            }

                            .design10-dark-grid {
                                grid-template-columns: repeat(2, minmax(0, 1fr));
                                gap: 12px;
                            }

                            .design10-dark-card {
                                min-height: 250px;
                                padding: 23px 20px;
                            }

                            .design10-dark-footer {
                                grid-template-columns: 1fr;
                                gap: 18px;
                                padding: 24px 21px;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 520px) {

                            #cyclic-dark-design-10 {
                                padding: 58px 14px 60px;
                            }

                            .design10-dark-header {
                                gap: 27px;
                                margin-bottom: 32px;
                            }

                            .design10-dark-eyebrow {
                                font-size: 9px;
                                padding: 7px 12px;
                            }

                            .design10-dark-heading {
                                font-size: 32px;
                            }

                            .design10-dark-intro {
                                padding-left: 17px;
                            }

                            .design10-dark-description {
                                font-size: 14.5px;
                            }

                            .design10-dark-grid {
                                grid-template-columns: 1fr;
                                gap: 12px;
                            }

                            .design10-dark-card {
                                min-height: auto;
                                padding: 24px 21px;
                            }

                            .design10-dark-card-number {
                                margin-bottom: 20px;
                            }

                            .design10-dark-card-title {
                                font-size: 17px;
                            }

                            .design10-dark-card-text {
                                font-size: 14px;
                            }

                            .design10-dark-footer-mark {
                                width: 50px;
                                height: 50px;
                                font-size: 15px;
                            }

                            .design10-dark-footer-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL DEVICES
============================================================ */

                        @media (max-width: 360px) {

                            #cyclic-dark-design-10 {
                                padding: 50px 12px 54px;
                            }

                            .design10-dark-heading {
                                font-size: 29px;
                            }

                            .design10-dark-card {
                                padding: 21px 18px;
                            }

                            .design10-dark-card-title {
                                font-size: 16px;
                            }

                            .design10-dark-card-text {
                                font-size: 13.5px;
                            }
                        }
                    




                        
                        /* ============================================================
   SECTION 10 — MAIN
============================================================ */

                        #email-design-dark-section-10 {
                            position: relative;
                            width: 100%;
                            background: #0A0A0A;
                            padding: 90px 24px;
                            overflow: hidden;
                        }


                        /* ============================================================
   BACKGROUND DETAILS
============================================================ */

                        #email-design-dark-section-10::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 420px;
                            height: 420px;
                            border: 1px solid rgba(217, 163, 0, 0.10);
                            border-radius: 50%;
                            transform: translate(45%, -45%);
                            pointer-events: none;
                        }

                        #email-design-dark-section-10::after {
                            content: "";
                            position: absolute;
                            bottom: -180px;
                            left: -180px;
                            width: 420px;
                            height: 420px;
                            border: 1px solid rgba(217, 163, 0, 0.07);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   WRAPPER
============================================================ */

                        .email-design-dark-wrapper-10 {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email-design-dark-header-10 {
                            display: grid;
                            grid-template-columns: 0.8fr 1.2fr;
                            gap: 90px;
                            align-items: end;
                            padding-bottom: 48px;
                            margin-bottom: 48px;
                            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
                        }


                        /* ============================================================
   TITLE AREA
============================================================ */

                        .email-design-dark-title-10 {
                            position: relative;
                        }

                        .email-design-dark-label-10 {
                            display: flex;
                            align-items: center;
                            gap: 10px;
                            margin-bottom: 20px;
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                            letter-spacing: 2px;
                            text-transform: uppercase;
                        }

                        .email-design-dark-label-10::before {
                            content: "";
                            width: 30px;
                            height: 2px;
                            background: #D9A300;
                        }

                        .email-design-dark-heading-10 {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.15;
                            letter-spacing: -0.7px;
                            text-align: left;
                        }


                        /* ============================================================
   INTRO
============================================================ */

                        .email-design-dark-intro-10 {
                            padding-left: 28px;
                            border-left: 2px solid #D9A300;
                        }

                        .email-design-dark-intro-text-10 {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   CARD GRID
============================================================ */

                        .email-design-dark-cards-10 {
                            display: grid;
                            grid-template-columns: repeat(12, 1fr);
                            gap: 18px;
                        }


                        /* ============================================================
   CARD
============================================================ */

                        .email-design-dark-card-10 {
                            position: relative;
                            grid-column: span 4;
                            min-height: 270px;
                            padding: 30px 28px 34px;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 163, 0, 0.25);
                            border-radius: 8px;
                            overflow: hidden;

                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease,
                                border-color 0.3s ease;
                        }


                        /* ============================================================
   CARD VARIATIONS
============================================================ */

                        .email-design-dark-card-10:nth-child(4),
                        .email-design-dark-card-10:nth-child(5),
                        .email-design-dark-card-10:nth-child(6) {
                            grid-column: span 4;
                        }

                        .email-design-dark-card-10:nth-child(7),
                        .email-design-dark-card-10:nth-child(8) {
                            grid-column: span 6;
                            min-height: 245px;
                        }


                        /* ============================================================
   CARD DECORATION
============================================================ */

                        .email-design-dark-card-10::before {
                            content: "";
                            position: absolute;
                            right: -35px;
                            bottom: -45px;
                            width: 150px;
                            height: 150px;
                            border: 1px solid rgba(17, 17, 17, 0.10);
                            border-radius: 50%;
                            transition: transform 0.4s ease;
                        }

                        .email-design-dark-card-10::after {
                            content: "";
                            position: absolute;
                            left: 28px;
                            bottom: 0;
                            width: 42px;
                            height: 3px;
                            background: #111111;
                            transition: width 0.3s ease;
                        }


                        /* ============================================================
   HOVER
============================================================ */

                        .email-design-dark-card-10:hover {
                            transform: translateY(-7px);
                            border-color: #D9A300;
                            box-shadow: 0 18px 38px rgba(0, 0, 0, 0.30);
                        }

                        .email-design-dark-card-10:hover::before {
                            transform: scale(1.15);
                        }

                        .email-design-dark-card-10:hover::after {
                            width: 90px;
                        }


                        /* ============================================================
   NUMBER
============================================================ */

                        .email-design-dark-number-10 {
                            position: relative;
                            z-index: 2;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            width: 42px;
                            height: 42px;

                            margin-bottom: 25px;

                            background: #111111;
                            color: #D9A300;

                            border-radius: 50%;

                            font-size: 11px;
                            font-weight: 800;
                            letter-spacing: 0.5px;
                        }


                        /* ============================================================
   CARD TITLE
============================================================ */

                        .email-design-dark-card-title-10 {
                            position: relative;
                            z-index: 2;

                            margin: 0 0 13px;

                            color: #111111;
                            font-size: 19px;
                            font-weight: 700;
                            line-height: 1.3;
                        }


                        /* ============================================================
   CARD TEXT
============================================================ */

                        .email-design-dark-card-text-10 {
                            position: relative;
                            z-index: 2;

                            margin: 0;

                            color: #303030;
                            font-size: 14px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   FOOTER / BRAND MESSAGE
============================================================ */

                        .email-design-dark-footer-10 {
                            position: relative;

                            display: grid;
                            grid-template-columns: 78px 1fr;
                            gap: 28px;
                            align-items: center;

                            margin-top: 20px;
                            padding: 28px 32px;

                            background: #111111;

                            border: 1px solid rgba(217, 163, 0, 0.30);
                            border-radius: 8px;

                            overflow: hidden;
                        }


                        /* ============================================================
   FOOTER ACCENT
============================================================ */

                        .email-design-dark-footer-10::before {
                            content: "";
                            position: absolute;

                            left: 0;
                            top: 0;

                            width: 4px;
                            height: 100%;

                            background: #D9A300;
                        }

                        .email-design-dark-footer-10::after {
                            content: "";
                            position: absolute;

                            right: -70px;
                            top: -100px;

                            width: 230px;
                            height: 230px;

                            border: 1px solid rgba(217, 163, 0, 0.10);
                            border-radius: 50%;
                        }


                        /* ============================================================
   FOOTER NUMBER
============================================================ */

                        .email-design-dark-footer-number-10 {
                            position: relative;
                            z-index: 2;

                            display: flex;
                            align-items: center;
                            justify-content: center;

                            width: 62px;
                            height: 62px;

                            background: #FFE28A;
                            color: #111111;

                            border-radius: 50%;

                            font-size: 15px;
                            font-weight: 800;
                        }


                        /* ============================================================
   FOOTER TEXT
============================================================ */

                        .email-design-dark-footer-text-10 {
                            position: relative;
                            z-index: 2;

                            margin: 0;

                            color: #D0D0D0;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   LARGE TABLET
============================================================ */

                        @media (max-width: 1000px) {

                            #email-design-dark-section-10 {
                                padding: 75px 22px;
                            }

                            .email-design-dark-header-10 {
                                gap: 55px;
                            }

                            .email-design-dark-card-10 {
                                padding: 27px 24px 30px;
                            }

                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 800px) {

                            #email-design-dark-section-10 {
                                padding: 68px 18px;
                            }

                            .email-design-dark-header-10 {
                                grid-template-columns: 1fr;
                                gap: 30px;
                                margin-bottom: 38px;
                                padding-bottom: 34px;
                            }

                            .email-design-dark-heading-10 {
                                font-size: 40px;
                            }

                            .email-design-dark-cards-10 {
                                grid-template-columns: repeat(2, 1fr);
                            }

                            .email-design-dark-card-10,
                            .email-design-dark-card-10:nth-child(4),
                            .email-design-dark-card-10:nth-child(5),
                            .email-design-dark-card-10:nth-child(6),
                            .email-design-dark-card-10:nth-child(7),
                            .email-design-dark-card-10:nth-child(8) {
                                grid-column: span 1;
                            }

                            .email-design-dark-card-10:nth-child(7),
                            .email-design-dark-card-10:nth-child(8) {
                                min-height: 250px;
                            }

                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 560px) {

                            #email-design-dark-section-10 {
                                padding: 58px 14px 62px;
                            }

                            #email-design-dark-section-10::before,
                            #email-design-dark-section-10::after {
                                display: none;
                            }

                            .email-design-dark-header-10 {
                                gap: 25px;
                                margin-bottom: 32px;
                                padding-bottom: 30px;
                            }

                            .email-design-dark-label-10 {
                                font-size: 9px;
                                letter-spacing: 1.5px;
                            }

                            .email-design-dark-heading-10 {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .email-design-dark-intro-10 {
                                padding-left: 18px;
                            }

                            .email-design-dark-intro-text-10 {
                                font-size: 14px;
                                line-height: 1.75;
                            }

                            .email-design-dark-cards-10 {
                                grid-template-columns: 1fr;
                                gap: 14px;
                            }

                            .email-design-dark-card-10,
                            .email-design-dark-card-10:nth-child(7),
                            .email-design-dark-card-10:nth-child(8) {
                                grid-column: span 1;
                                min-height: auto;
                                padding: 25px 21px 29px;
                            }

                            .email-design-dark-number-10 {
                                width: 38px;
                                height: 38px;
                                margin-bottom: 21px;
                                font-size: 10px;
                            }

                            .email-design-dark-card-title-10 {
                                font-size: 18px;
                                margin-bottom: 11px;
                            }

                            .email-design-dark-card-text-10 {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                            .email-design-dark-card-10::after {
                                left: 21px;
                            }

                            .email-design-dark-footer-10 {
                                grid-template-columns: 1fr;
                                gap: 18px;
                                margin-top: 18px;
                                padding: 24px 20px;
                            }

                            .email-design-dark-footer-number-10 {
                                width: 56px;
                                height: 56px;
                                font-size: 13px;
                            }

                            .email-design-dark-footer-text-10 {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-design-dark-section-10 {
                                padding: 50px 12px 55px;
                            }

                            .email-design-dark-heading-10 {
                                font-size: 29px;
                            }

                            .email-design-dark-card-10 {
                                padding: 22px 18px 26px;
                            }

                            .email-design-dark-card-title-10 {
                                font-size: 17px;
                            }

                            .email-design-dark-card-text-10 {
                                font-size: 13px;
                            }

                            .email-design-dark-footer-10 {
                                padding: 21px 17px;
                            }

                        }
                    



                    
                    
                        /* ============================================================
   SECTION 12 — CYCLIC 2
   FULL REDESIGN — DARK STEP JOURNEY
============================================================ */

                        #email-cyclic-dark-12 {
                            position: relative;
                            width: 100%;
                            max-width: 100%;
                            background: #0A0A0A;
                            padding: 40px 24px 60px;
                            overflow: hidden;
                        }

                        /* ============================================================
   BACKGROUND DECORATION
============================================================ */

                        #email-cyclic-dark-12::before {
                            content: "";
                            position: absolute;
                            width: 520px;
                            height: 520px;
                            top: -260px;
                            right: -180px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        #email-cyclic-dark-12::after {
                            content: "";
                            position: absolute;
                            width: 300px;
                            height: 300px;
                            bottom: -180px;
                            left: -120px;
                            border: 1px solid rgba(217, 163, 0, 0.06);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   MAIN WRAPPER
============================================================ */

                        .email12-dark-wrapper {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email12-dark-header {
                            display: grid;
                            grid-template-columns: 0.85fr 1.15fr;
                            gap: 80px;
                            align-items: end;
                            width: 100%;
                            margin-bottom: 60px;
                        }

                        .email12-dark-title-area {
                            position: relative;
                            width: 100%;
                            min-width: 0;
                        }

                        .email12-dark-eyebrow-holder {
                            margin-bottom: 20px;
                            text-align: left;
                        }

                        .email12-dark-eyebrow {
                            display: inline-block;
                            padding: 7px 14px;
                            background: rgba(217, 163, 0, 0.11);
                            border: 1px solid rgba(217, 163, 0, 0.35);
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 10px;
                            font-weight: 700;
                            line-height: 1;
                            letter-spacing: 1.5px;
                            text-transform: uppercase;
                        }

                        .email12-dark-heading {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.6px;
                            text-align: left;
                            overflow-wrap: break-word;
                        }

                        .email12-dark-intro {
                            width: 100%;
                            min-width: 0;
                            padding-left: 28px;
                            border-left: 2px solid #D9A300;
                        }

                        .email12-dark-description {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                            overflow-wrap: break-word;
                        }


                        /* ============================================================
   STEP GRID
============================================================ */

                        .email12-dark-steps {
                            display: grid;
                            grid-template-columns: repeat(5, minmax(0, 1fr));
                            gap: 12px;
                            width: 100%;
                            align-items: stretch;
                        }


                        /* ============================================================
   STEP CARD
============================================================ */

                        .email12-dark-step {
                            position: relative;
                            display: flex;
                            flex-direction: column;
                            min-width: 0;
                            min-height: 310px;
                            padding: 27px 22px 24px;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 163, 0, 0.20);
                            border-radius: 6px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                background 0.3s ease,
                                border-color 0.3s ease;
                        }

                        .email12-dark-step::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 3px;
                            background: #D9A300;
                            transform: scaleX(0.35);
                            transform-origin: left;
                            transition: transform 0.3s ease;
                        }

                        .email12-dark-step:hover {
                            transform: translateY(-6px);
                            border-color: rgba(217, 163, 0, 0.55);
                        }

                        .email12-dark-step:hover::before {
                            transform: scaleX(1);
                        }


                        /* ============================================================
   STEP NUMBER
============================================================ */

                        .email12-dark-step-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 38px;
                            height: 38px;
                            flex: 0 0 38px;
                            margin-bottom: 28px;
                            background: #FFE28A;
                            border-radius: 4px;
                            color: #111111;
                            font-size: 11px;
                            font-weight: 800;
                        }


                        /* ============================================================
   STEP TITLE
============================================================ */

                        .email12-dark-step-title {
                            margin: 0 0 14px;
                            color: #111111;
                            font-size: 17px;
                            font-weight: 700;
                            line-height: 1.35;
                            overflow-wrap: break-word;
                        }


                        /* ============================================================
   STEP DESCRIPTION
============================================================ */

                        .email12-dark-step-text {
                            margin: 0;
                            color: #111111;
                            font-size: 14px;
                            line-height: 1.7;
                            text-align: justify;
                            overflow-wrap: break-word;
                        }


                        /* ============================================================
   BOTTOM MESSAGE
============================================================ */

                        .email12-dark-result {
                            position: relative;
                            display: grid;
                            grid-template-columns: 95px minmax(0, 1fr);
                            gap: 28px;
                            align-items: center;
                            width: 100%;
                            min-width: 0;
                            margin-top: 28px;
                            padding: 28px 30px;
                            background: #FFE28A;
                            border-radius: 6px;
                            overflow: hidden;
                        }

                        .email12-dark-result::after {
                            content: "";
                            position: absolute;
                            right: -50px;
                            top: -70px;
                            width: 180px;
                            height: 180px;
                            border: 1px solid rgba(17, 17, 17, 0.10);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .email12-dark-result-badge {
                            position: relative;
                            z-index: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 70px;
                            height: 70px;
                            background: #111111;
                            border-radius: 50%;
                            color: #D9A300;
                            font-size: 14px;
                            font-weight: 800;
                            text-align: center;
                        }

                        .email12-dark-result-text {
                            position: relative;
                            z-index: 1;
                            min-width: 0;
                            margin: 0;
                            color: #303030;
                            font-size: 15px;
                            line-height: 1.75;
                            text-align: justify;
                            overflow-wrap: break-word;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 1100px) {

                            #email-cyclic-dark-12 {
                                padding: 88px 22px;
                            }

                            .email12-dark-header {
                                gap: 50px;
                            }

                            .email12-dark-steps {
                                grid-template-columns: repeat(3, minmax(0, 1fr));
                            }

                            .email12-dark-step {
                                min-height: 270px;
                            }
                        }


                        /* ============================================================
   TABLET / SMALL LAPTOP
============================================================ */

                        @media (max-width: 850px) {

                            .email12-dark-header {
                                grid-template-columns: 1fr;
                                gap: 32px;
                                margin-bottom: 42px;
                            }

                            .email12-dark-heading {
                                max-width: 700px;
                            }

                            .email12-dark-steps {
                                grid-template-columns: repeat(2, minmax(0, 1fr));
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 768px) {

                            #email-cyclic-dark-12 {
                                padding: 70px 18px 72px;
                            }

                            .email12-dark-eyebrow-holder {
                                text-align: center;
                            }

                            .email12-dark-heading {
                                font-size: 40px;
                                line-height: 1.2;
                                text-align: center;
                            }

                            .email12-dark-intro {
                                padding-left: 21px;
                            }

                            .email12-dark-description {
                                font-size: 15px;
                                line-height: 1.72;
                            }

                            .email12-dark-steps {
                                gap: 12px;
                            }

                            .email12-dark-step {
                                min-height: 250px;
                                padding: 24px 20px;
                            }

                            .email12-dark-result {
                                grid-template-columns: 1fr;
                                gap: 20px;
                                padding: 25px 22px;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 520px) {

                            #email-cyclic-dark-12 {
                                padding: 58px 14px 60px;
                            }

                            .email12-dark-header {
                                gap: 27px;
                                margin-bottom: 34px;
                            }

                            .email12-dark-eyebrow {
                                font-size: 9px;
                                padding: 7px 12px;
                            }

                            .email12-dark-heading {
                                font-size: 32px;
                            }

                            .email12-dark-intro {
                                padding-left: 17px;
                            }

                            .email12-dark-description {
                                font-size: 14px;
                            }

                            .email12-dark-steps {
                                grid-template-columns: 1fr;
                            }

                            .email12-dark-step {
                                min-height: auto;
                                padding: 24px 21px;
                            }

                            .email12-dark-step-number {
                                width: 34px;
                                height: 34px;
                                flex-basis: 34px;
                                margin-bottom: 20px;
                            }

                            .email12-dark-step-title {
                                font-size: 17px;
                            }

                            .email12-dark-step-text {
                                font-size: 14px;
                                line-height: 1.68;
                            }

                            .email12-dark-result {
                                margin-top: 18px;
                                padding: 23px 19px;
                            }

                            .email12-dark-result-badge {
                                width: 58px;
                                height: 58px;
                                font-size: 12px;
                            }

                            .email12-dark-result-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-cyclic-dark-12 {
                                padding: 50px 12px 54px;
                            }

                            .email12-dark-heading {
                                font-size: 29px;
                            }

                            .email12-dark-step {
                                padding: 21px 18px;
                            }

                            .email12-dark-step-title {
                                font-size: 16px;
                            }

                            .email12-dark-step-text {
                                font-size: 13.5px;
                            }
                        }
                    








                      
                        /* ============================================================
   SECTION 14 — CYCLIC 2
   FULL REDESIGN — PROCESS MATRIX
   No Previous Timeline Design
============================================================ */

                        #email-process-dark-14 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 40px 24px 70px;
                            overflow: hidden;
                        }

                        /* Decorative background geometry */
                        #email-process-dark-14::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 45%;
                            height: 100%;
                            background:
                                linear-gradient(135deg,
                                    transparent 0%,
                                    rgba(217, 163, 0, 0.035) 100%);
                            pointer-events: none;
                        }

                        #email-process-dark-14::after {
                            content: "";
                            position: absolute;
                            left: -180px;
                            bottom: -180px;
                            width: 430px;
                            height: 430px;
                            border: 1px solid rgba(217, 163, 0, 0.07);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .email14-process-wrap {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1220px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email14-process-header {
                            display: grid;
                            grid-template-columns: 0.85fr 1.15fr;
                            gap: 80px;
                            align-items: end;
                            margin-bottom: 60px;
                        }

                        .email14-process-title-block {
                            position: relative;
                        }

                        .email14-process-label-wrap {
                            margin-bottom: 20px;
                            text-align: left;
                        }

                        .email14-process-label {
                            display: inline-block;
                            padding: 7px 14px;
                            background: rgba(217, 163, 0, 0.11);
                            border: 1px solid rgba(217, 163, 0, 0.35);
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 10px;
                            font-weight: 700;
                            line-height: 1;
                            letter-spacing: 1.6px;
                            text-transform: uppercase;
                        }

                        .email14-process-heading {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.6px;
                            text-align: left;
                        }

                        .email14-process-intro {
                            position: relative;
                            padding: 22px 0 22px 28px;
                            border-left: 2px solid #D9A300;
                        }

                        .email14-process-intro::before {
                            content: "";
                            position: absolute;
                            left: -5px;
                            top: 22px;
                            width: 8px;
                            height: 8px;
                            background: #D9A300;
                            border-radius: 50%;
                        }

                        .email14-process-description {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   PROCESS MATRIX
============================================================ */

                        .email14-process-grid {
                            display: grid;
                            grid-template-columns: repeat(3, 1fr);
                            gap: 14px;
                        }


                        /* ============================================================
   PROCESS ITEM
============================================================ */

                        .email14-process-card {
                            position: relative;
                            min-height: 245px;
                            padding: 28px 25px 25px;
                            background: #FFE28A;
                            border-radius: 6px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .email14-process-card::before {
                            content: "";
                            position: absolute;
                            right: -25px;
                            top: -25px;
                            width: 105px;
                            height: 105px;
                            border: 1px solid rgba(17, 17, 17, 0.10);
                            border-radius: 50%;
                        }

                        .email14-process-card::after {
                            content: "";
                            position: absolute;
                            right: 15px;
                            top: 15px;
                            width: 7px;
                            height: 7px;
                            background: #D9A300;
                            border-radius: 50%;
                        }

                        .email14-process-card:hover {
                            transform: translateY(-6px);
                            box-shadow: 0 15px 32px rgba(217, 163, 0, 0.12);
                        }


                        /* ============================================================
   PROCESS NUMBER
============================================================ */

                        .email14-process-number {
                            position: relative;
                            z-index: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 38px;
                            height: 38px;
                            margin-bottom: 28px;
                            background: #111111;
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                        }


                        /* ============================================================
   PROCESS TITLE
============================================================ */

                        .email14-process-card-title {
                            position: relative;
                            z-index: 1;
                            margin: 0 0 12px;
                            color: #111111;
                            font-size: 18px;
                            font-weight: 700;
                            line-height: 1.35;
                        }


                        /* ============================================================
   PROCESS DESCRIPTION
============================================================ */

                        .email14-process-card-text {
                            position: relative;
                            z-index: 1;
                            margin: 0;
                            color: #303030;
                            font-size: 14px;
                            line-height: 1.7;
                            text-align: justify;
                        }


                        /* ============================================================
   FINAL CYCLE MESSAGE
============================================================ */

                        .email14-process-conclusion {
                            position: relative;
                            display: grid;
                            grid-template-columns: 125px 1fr;
                            gap: 30px;
                            align-items: center;
                            margin-top: 28px;
                            padding: 30px 32px;
                            background: #10150A;
                            border: 1px solid rgba(217, 163, 0, 0.25);
                            border-radius: 6px;
                            overflow: hidden;
                        }

                        .email14-process-conclusion::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 4px;
                            height: 100%;
                            background: #D9A300;
                        }

                        .email14-process-cycle-mark {
                            position: relative;
                            z-index: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 82px;
                            height: 82px;
                            border: 1px solid #D9A300;
                            border-radius: 50%;
                            color: #D9A300;
                            font-size: 24px;
                            font-weight: 700;
                        }

                        .email14-process-conclusion-text {
                            position: relative;
                            z-index: 1;
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   LARGE TABLET
============================================================ */

                        @media (max-width: 1050px) {

                            #email-process-dark-14 {
                                padding: 88px 22px;
                            }

                            .email14-process-header {
                                gap: 50px;
                            }

                            .email14-process-grid {
                                grid-template-columns: repeat(2, 1fr);
                            }

                            .email14-process-card {
                                min-height: 225px;
                            }
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 800px) {

                            .email14-process-header {
                                grid-template-columns: 1fr;
                                gap: 32px;
                                margin-bottom: 42px;
                            }

                            .email14-process-heading {
                                max-width: 700px;
                            }

                            .email14-process-intro {
                                max-width: 800px;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 768px) {

                            #email-process-dark-14 {
                                padding: 70px 18px 72px;
                            }

                            .email14-process-label-wrap {
                                text-align: center;
                            }

                            .email14-process-heading {
                                font-size: 40px;
                                line-height: 1.2;
                                text-align: center;
                            }

                            .email14-process-intro {
                                padding-left: 21px;
                            }

                            .email14-process-description {
                                font-size: 15px;
                                line-height: 1.72;
                            }

                            .email14-process-grid {
                                gap: 12px;
                            }

                            .email14-process-card {
                                min-height: 240px;
                                padding: 24px 21px;
                            }

                            .email14-process-conclusion {
                                grid-template-columns: 1fr;
                                gap: 20px;
                                padding: 25px 22px;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 540px) {

                            #email-process-dark-14 {
                                padding: 58px 14px 60px;
                            }

                            .email14-process-header {
                                gap: 27px;
                                margin-bottom: 34px;
                            }

                            .email14-process-label {
                                font-size: 9px;
                                padding: 7px 12px;
                            }

                            .email14-process-heading {
                                font-size: 32px;
                            }

                            .email14-process-intro {
                                padding-left: 17px;
                            }

                            .email14-process-description {
                                font-size: 14px;
                            }

                            .email14-process-grid {
                                grid-template-columns: 1fr;
                                gap: 12px;
                            }

                            .email14-process-card {
                                min-height: auto;
                                padding: 24px 21px;
                            }

                            .email14-process-number {
                                width: 34px;
                                height: 34px;
                                margin-bottom: 20px;
                            }

                            .email14-process-card-title {
                                font-size: 17px;
                            }

                            .email14-process-card-text {
                                font-size: 14px;
                                line-height: 1.68;
                            }

                            .email14-process-conclusion {
                                margin-top: 18px;
                                padding: 23px 19px;
                            }

                            .email14-process-cycle-mark {
                                width: 58px;
                                height: 58px;
                                font-size: 17px;
                            }

                            .email14-process-conclusion-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-process-dark-14 {
                                padding: 50px 12px 54px;
                            }

                            .email14-process-heading {
                                font-size: 29px;
                            }

                            .email14-process-card {
                                padding: 21px 18px;
                            }

                            .email14-process-card-title {
                                font-size: 16px;
                            }

                            .email14-process-card-text {
                                font-size: 13.5px;
                            }
                        }
                    













    
                        /* ============================================================
   SECTION 15 — CYCLIC 1
   BUILDING AND USING YOUR EMAIL LIST
============================================================ */

                        #foundation-email-light-15 {
                            position: relative;
                            width: 100%;
                            max-width: 100%;
                            background: #FFFFFF;
                            padding: 45px 24px 70px;
                            overflow: hidden;
                        }

                        #foundation-email-light-15,
                        #foundation-email-light-15 * {
                            box-sizing: border-box;
                        }


                        /* ============================================================
   BACKGROUND DECORATION
============================================================ */

                        #foundation-email-light-15::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 260px;
                            height: 260px;
                            border-top: 1px solid rgba(217, 154, 0, 0.18);
                            border-right: 1px solid rgba(217, 154, 0, 0.18);
                            pointer-events: none;
                        }

                        #foundation-email-light-15::after {
                            content: "";
                            position: absolute;
                            left: -100px;
                            bottom: -100px;
                            width: 260px;
                            height: 260px;
                            border: 1px solid rgba(217, 154, 0, 0.10);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   MAIN CONTAINER
============================================================ */

                        .email15-foundation-wrap {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email15-foundation-header {
                            display: flex;
                            align-items: flex-end;
                            gap: 40px;
                            margin-bottom: 42px;
                            padding-bottom: 35px;
                            border-bottom: 1px solid #E5E5E5;
                        }

                        .email15-foundation-title-area {
                            width: 100%;
                            max-width: 720px;
                        }

                        .email15-foundation-label-wrap {
                            margin-bottom: 17px;
                        }

                        .email15-foundation-label {
                            display: inline-flex;
                            align-items: center;
                            gap: 9px;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }

                        .email15-foundation-label::before {
                            content: "";
                            width: 28px;
                            height: 2px;
                            flex: 0 0 28px;
                            background: #D99A00;
                        }

                        .email15-foundation-heading {
                            margin: 0;
                            color: #292D32;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            letter-spacing: -0.5px;
                            text-align: left;
                        }


                        /* ============================================================
   INTRODUCTION
============================================================ */

                        .email15-foundation-intro {
                            width: 100%;
                            max-width: 950px;
                            margin-bottom: 32px;
                            padding-left: 20px;
                            border-left: 3px solid #D99A00;
                        }

                        .email15-foundation-intro-text {
                            margin: 0;
                            color: #30343A;
                            font-size: 16px;
                            line-height: 1.75;
                            text-align: justify;
                            overflow-wrap: anywhere;
                        }


                        /* ============================================================
   CONTENT GRID
============================================================ */

                        .email15-foundation-content {
                            display: grid;
                            grid-template-columns: repeat(2, minmax(0, 1fr));
                            gap: 16px;
                            width: 100%;
                        }

                        .email15-foundation-content>* {
                            min-width: 0;
                        }


                        /* ============================================================
   CONTENT PANELS
============================================================ */

                        .email15-foundation-panel {
                            position: relative;
                            min-width: 0;
                            padding: 30px 30px 28px;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 154, 0, 0.22);
                            border-radius: 7px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                border-color 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .email15-foundation-panel::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 42px;
                            height: 4px;
                            background: #D99A00;
                            transition: width 0.3s ease;
                        }

                        .email15-foundation-panel::after {
                            content: "";
                            position: absolute;
                            right: -35px;
                            bottom: -35px;
                            width: 120px;
                            height: 120px;
                            border: 1px solid rgba(17, 17, 17, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .email15-foundation-panel:hover {
                            transform: translateY(-4px);
                            border-color: rgba(217, 154, 0, 0.55);
                            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
                        }

                        .email15-foundation-panel:hover::before {
                            width: 82px;
                        }


                        /* ============================================================
   PANEL NUMBER
============================================================ */

                        .email15-foundation-number {
                            position: relative;
                            z-index: 2;
                            display: block;
                            margin: 0 0 20px;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            letter-spacing: 1.5px;
                        }


                        /* ============================================================
   PANEL TEXT
============================================================ */

                        .email15-foundation-panel-text {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #30343A;
                            font-size: 15px;
                            line-height: 1.78;
                            text-align: justify;
                            overflow-wrap: anywhere;
                        }


                        /* ============================================================
   FINAL EMPHASIS
============================================================ */

                        .email15-foundation-final {
                            position: relative;
                            grid-column: 1 / -1;
                            min-width: 0;
                            padding: 30px 32px 30px 35px;
                            background: #FFFFFF;
                            border: 1px solid #D99A00;
                            border-radius: 7px;
                            overflow: hidden;
                        }

                        .email15-foundation-final::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 5px;
                            height: 100%;
                            background: #111111;
                        }

                        .email15-foundation-final-label {
                            display: block;
                            margin-bottom: 11px;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.4px;
                        }

                        .email15-foundation-final-text {
                            margin: 0;
                            color: #292D32;
                            font-size: 16px;
                            line-height: 1.78;
                            text-align: justify;
                            overflow-wrap: anywhere;
                        }


                        /* ============================================================
   LARGE TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #foundation-email-light-15 {
                                padding: 70px 22px;
                            }

                            .email15-foundation-header {
                                margin-bottom: 35px;
                                padding-bottom: 30px;
                            }

                            .email15-foundation-content {
                                gap: 14px;
                            }

                            .email15-foundation-panel {
                                padding: 27px 25px;
                            }

                            .email15-foundation-final {
                                padding: 28px 30px 28px 33px;
                            }
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 768px) {

                            #foundation-email-light-15 {
                                padding: 64px 18px 68px;
                            }

                            .email15-foundation-header {
                                display: block;
                                margin-bottom: 32px;
                                padding-bottom: 28px;
                            }

                            .email15-foundation-title-area {
                                max-width: 100%;
                            }

                            .email15-foundation-heading {
                                font-size: 40px;
                            }

                            .email15-foundation-intro {
                                margin-bottom: 28px;
                                padding-left: 17px;
                            }

                            .email15-foundation-intro-text {
                                font-size: 15px;
                                line-height: 1.72;
                            }

                            .email15-foundation-content {
                                grid-template-columns: 1fr;
                                gap: 13px;
                            }

                            .email15-foundation-final {
                                grid-column: auto;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 540px) {

                            #foundation-email-light-15 {
                                padding: 55px 14px 58px;
                            }

                            .email15-foundation-header {
                                margin-bottom: 28px;
                                padding-bottom: 25px;
                            }

                            .email15-foundation-label-wrap {
                                margin-bottom: 15px;
                            }

                            .email15-foundation-label {
                                font-size: 9px;
                                letter-spacing: 1.3px;
                            }

                            .email15-foundation-label::before {
                                width: 22px;
                                flex-basis: 22px;
                            }

                            .email15-foundation-heading {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .email15-foundation-intro {
                                margin-bottom: 24px;
                                padding-left: 14px;
                            }

                            .email15-foundation-intro-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }

                            .email15-foundation-content {
                                gap: 12px;
                            }

                            .email15-foundation-panel {
                                padding: 23px 20px 24px;
                            }

                            .email15-foundation-number {
                                margin-bottom: 17px;
                                font-size: 10px;
                            }

                            .email15-foundation-panel-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }

                            .email15-foundation-final {
                                padding: 24px 20px 24px 25px;
                            }

                            .email15-foundation-final-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #foundation-email-light-15 {
                                padding: 48px 12px 52px;
                            }

                            .email15-foundation-heading {
                                font-size: 29px;
                            }

                            .email15-foundation-panel {
                                padding: 21px 17px 22px;
                            }

                            .email15-foundation-panel-text {
                                font-size: 13.5px;
                            }

                            .email15-foundation-final {
                                padding: 22px 17px 22px 22px;
                            }

                            .email15-foundation-final-text {
                                font-size: 13.5px;
                            }
                        }
                    








       
                        /* ============================================================
   SECTION 16 — CYCLIC 2
   UNIQUE DESIGN — 2 X 2 SEGMENTATION CARDS
============================================================ */

                        #segmentation-cyclic-two-16 {
                            background: #0A0A0A;
                            padding: 50px 24px;
                            overflow: hidden;
                        }

                        .seg16-main-wrapper {
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .seg16-header {
                            max-width: 900px;
                            margin: 0 auto 52px;
                            text-align: center;
                        }

                        .seg16-label {
                            display: inline-block;
                            margin-bottom: 18px;
                            padding: 7px 16px;
                            border: 1px solid rgba(217, 163, 0, 0.45);
                            background: rgba(217, 163, 0, 0.10);
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.8px;
                            border-radius: 4px;
                        }

                        .seg16-title {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            text-align: center;
                        }


                        /* ============================================================
   2 X 2 GRID
============================================================ */

                        .seg16-card-grid {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 22px;
                        }


                        /* ============================================================
   CARD
============================================================ */

                        .seg16-card {
                            position: relative;
                            background: #FFE28A;
                            padding: 32px 30px 34px;
                            border-radius: 6px;
                            min-height: 100%;
                            overflow: hidden;
                            border: 1px solid transparent;
                            transition:
                                transform 0.3s ease,
                                border-color 0.3s ease,
                                box-shadow 0.3s ease;
                        }


                        /* Decorative corner */

                        .seg16-card::after {
                            content: "";
                            position: absolute;
                            right: -35px;
                            bottom: -35px;
                            width: 110px;
                            height: 110px;
                            border: 1px solid rgba(17, 17, 17, 0.12);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* Top accent */

                        .seg16-card::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 4px;
                            background: #D9A300;
                        }


                        /* Hover */

                        .seg16-card:hover {
                            transform: translateY(-6px);
                            border-color: #D9A300;
                            box-shadow: 0 18px 35px rgba(0, 0, 0, 0.25);
                        }


                        /* ============================================================
   CARD NUMBER
============================================================ */

                        .seg16-card-number {
                            position: relative;
                            z-index: 2;
                            display: flex;
                            align-items: center;
                            gap: 10px;
                            margin-bottom: 20px;
                        }

                        .seg16-card-number span {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 38px;
                            height: 28px;
                            background: #111111;
                            color: #FFFFFF;
                            border-radius: 4px;
                            font-size: 10px;
                            font-weight: 800;
                            letter-spacing: 1px;
                        }

                        .seg16-card-number-line {
                            width: 35px;
                            height: 1px;
                            background: #111111;
                        }


                        /* ============================================================
   CARD CONTENT
============================================================ */

                        .seg16-card-text {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #303030;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   CARD 04 — FEATURED DARK CARD
============================================================ */

                        .seg16-card-featured {
                            background: #10150A;
                            border: 1px solid rgba(217, 163, 0, 0.35);
                        }

                        .seg16-card-featured::before {
                            background: #D9A300;
                        }

                        .seg16-card-featured .seg16-card-number span {
                            background: #D9A300;
                            color: #111111;
                        }

                        .seg16-card-featured .seg16-card-number-line {
                            background: #D9A300;
                        }

                        .seg16-card-featured .seg16-card-text {
                            color: #D0D0D0;
                        }

                        .seg16-card-featured::after {
                            border-color: rgba(217, 163, 0, 0.18);
                        }


                        /* ============================================================
   RESPONSIVE — TABLET
============================================================ */

                        @media (max-width: 900px) {

                            #segmentation-cyclic-two-16 {
                                padding: 78px 22px;
                            }

                            .seg16-card-grid {
                                gap: 18px;
                            }

                            .seg16-card {
                                padding: 28px 25px 30px;
                            }

                            .seg16-card-text {
                                font-size: 14px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   RESPONSIVE — MOBILE
============================================================ */

                        @media (max-width: 700px) {

                            #segmentation-cyclic-two-16 {
                                padding: 65px 18px;
                            }

                            .seg16-header {
                                margin-bottom: 38px;
                            }

                            .seg16-title {
                                font-size: 40px;
                            }

                            .seg16-card-grid {
                                grid-template-columns: 1fr;
                                gap: 18px;
                            }

                            .seg16-card {
                                padding: 27px 24px 30px;
                            }

                            .seg16-card-text {
                                font-size: 14px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   RESPONSIVE — SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #segmentation-cyclic-two-16 {
                                padding: 55px 14px;
                            }

                            .seg16-label {
                                font-size: 9px;
                                letter-spacing: 1.4px;
                                padding: 6px 13px;
                            }

                            .seg16-title {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .seg16-card {
                                padding: 24px 20px 27px;
                            }

                            .seg16-card-number {
                                margin-bottom: 17px;
                            }

                            .seg16-card-text {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL DEVICES
============================================================ */

                        @media (max-width: 360px) {

                            #segmentation-cyclic-two-16 {
                                padding-left: 12px;
                                padding-right: 12px;
                            }

                            .seg16-title {
                                font-size: 30px;
                            }

                            .seg16-card {
                                padding: 22px 17px 25px;
                            }

                            .seg16-card-text {
                                font-size: 13px;
                            }
                        }
                    










                        
                        /* ============================================================
   SECTION 23 — CYCLIC 1
   UNIQUE DESIGN — AUTHENTICATION FLOW
============================================================ */

                        #deliverability-cyclic-one-23 {
                            position: relative;
                            background: #FFFFFF;
                            padding: 55px 24px 70px;
                            overflow: hidden;
                        }

                        #deliverability-cyclic-one-23::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 38%;
                            height: 100%;
                            background: linear-gradient(135deg,
                                    transparent 0%,
                                    rgba(255, 226, 138, 0.18) 100%);
                            pointer-events: none;
                        }

                        .deliver23-wrapper {
                            position: relative;
                            z-index: 2;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .deliver23-header {
                            max-width: 900px;
                            margin-bottom: 52px;
                        }

                        .deliver23-eyebrow {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            margin-bottom: 18px;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.8px;
                        }

                        .deliver23-eyebrow::before {
                            content: "";
                            width: 32px;
                            height: 2px;
                            background: #D99A00;
                        }

                        .deliver23-heading {
                            margin: 0 0 24px;
                            color: #292D32;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            text-align: left;
                        }

                        .deliver23-intro {
                            margin: 0;
                            color: #30343A;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   AUTHENTICATION FLOW
============================================================ */

                        .deliver23-authentication {
                            position: relative;
                            display: grid;
                            grid-template-columns: repeat(3, 1fr);
                            gap: 22px;
                            margin-top: 48px;
                        }


                        /* connecting line */

                        .deliver23-authentication::before {
                            content: "";
                            position: absolute;
                            top: 38px;
                            left: 13%;
                            right: 13%;
                            height: 1px;
                            background: #E3A900;
                            z-index: 0;
                        }


                        /* ============================================================
   AUTHENTICATION CARD
============================================================ */

                        .deliver23-card {
                            position: relative;
                            z-index: 1;
                            background: #FFE28A;
                            border: 1px solid #E3A900;
                            border-radius: 6px;
                            padding: 28px 25px 30px;
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .deliver23-card:hover {
                            transform: translateY(-7px);
                            box-shadow: 0 14px 30px rgba(217, 154, 0, 0.16);
                        }


                        /* ============================================================
   CARD TOP
============================================================ */

                        .deliver23-card-top {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            margin-bottom: 25px;
                        }

                        .deliver23-card-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 42px;
                            height: 42px;
                            background: #111111;
                            color: #FFFFFF;
                            border-radius: 5px;
                            font-size: 12px;
                            font-weight: 800;
                            letter-spacing: 0.5px;
                        }

                        .deliver23-card-code {
                            color: #D99A00;
                            font-size: 10px;
                            font-weight: 800;
                            letter-spacing: 1.5px;
                        }


                        /* ============================================================
   CARD TITLE
============================================================ */

                        .deliver23-card-title {
                            margin: 0 0 13px;
                            color: #111111;
                            font-size: 20px;
                            font-weight: 700;
                            line-height: 1.25;
                        }


                        /* ============================================================
   CARD TEXT
============================================================ */

                        .deliver23-card-text {
                            margin: 0;
                            color: #30343A;
                            font-size: 14px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   BOTTOM EXPLANATION
============================================================ */

                        .deliver23-conclusion {
                            display: grid;
                            grid-template-columns: 170px 1fr;
                            gap: 30px;
                            align-items: start;
                            margin-top: 48px;
                            padding: 28px 30px;
                            background: #FAFAFA;
                            border-left: 4px solid #D99A00;
                            border-top: 1px solid #E5E5E5;
                            border-right: 1px solid #E5E5E5;
                            border-bottom: 1px solid #E5E5E5;
                        }

                        .deliver23-conclusion-label {
                            margin: 0;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }

                        .deliver23-conclusion-text {
                            margin: 0;
                            color: #30343A;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 900px) {

                            #deliverability-cyclic-one-23 {
                                padding: 78px 22px 85px;
                            }

                            .deliver23-authentication {
                                gap: 16px;
                            }

                            .deliver23-card {
                                padding: 25px 21px 27px;
                            }

                            .deliver23-card-title {
                                font-size: 18px;
                            }

                            .deliver23-card-text {
                                font-size: 13.5px;
                            }

                            .deliver23-conclusion {
                                grid-template-columns: 130px 1fr;
                                gap: 22px;
                            }
                        }


                        /* ============================================================
   MOBILE TABLET
============================================================ */

                        @media (max-width: 700px) {

                            #deliverability-cyclic-one-23 {
                                padding: 68px 18px 75px;
                            }

                            .deliver23-heading {
                                font-size: 40px;
                            }

                            .deliver23-intro {
                                font-size: 15px;
                                line-height: 1.75;
                            }

                            .deliver23-authentication {
                                grid-template-columns: 1fr;
                                gap: 18px;
                                margin-top: 38px;
                            }

                            .deliver23-authentication::before {
                                display: none;
                            }

                            .deliver23-card {
                                padding: 26px 23px 29px;
                            }

                            .deliver23-card-top {
                                margin-bottom: 20px;
                            }

                            .deliver23-card-title {
                                font-size: 19px;
                            }

                            .deliver23-card-text {
                                font-size: 14px;
                                line-height: 1.75;
                            }

                            .deliver23-conclusion {
                                grid-template-columns: 1fr;
                                gap: 12px;
                                margin-top: 35px;
                                padding: 25px 22px;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #deliverability-cyclic-one-23 {
                                padding: 58px 14px 65px;
                            }

                            .deliver23-eyebrow {
                                font-size: 9px;
                                letter-spacing: 1.4px;
                            }

                            .deliver23-eyebrow::before {
                                width: 24px;
                            }

                            .deliver23-heading {
                                font-size: 32px;
                                line-height: 1.2;
                                margin-bottom: 20px;
                            }

                            .deliver23-intro {
                                font-size: 14px;
                                line-height: 1.72;
                            }

                            .deliver23-authentication {
                                margin-top: 30px;
                            }

                            .deliver23-card {
                                padding: 23px 19px 26px;
                            }

                            .deliver23-card-number {
                                width: 38px;
                                height: 38px;
                                font-size: 11px;
                            }

                            .deliver23-card-code {
                                font-size: 9px;
                            }

                            .deliver23-card-title {
                                font-size: 18px;
                            }

                            .deliver23-card-text {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                            .deliver23-conclusion {
                                padding: 22px 18px;
                            }

                            .deliver23-conclusion-text {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #deliverability-cyclic-one-23 {
                                padding-left: 12px;
                                padding-right: 12px;
                            }

                            .deliver23-heading {
                                font-size: 30px;
                            }

                            .deliver23-card {
                                padding: 21px 17px 24px;
                            }
                        }


                        /* ============================================================
   AUTHENTICATION NOTE — SECTION 23
   COMPLETELY UNIQUE CLASS + ID NAMES
============================================================ */

                        #deliverability-auth-note-23 {
                            display: grid;
                            grid-template-columns: 165px 1fr;
                            margin-top: 30px;
                            background: #10150A;
                            border: 1px solid rgba(217, 154, 0, 0.45);
                            border-radius: 8px;
                            overflow: hidden;
                            position: relative;
                            transition: transform 0.3s ease, box-shadow 0.3s ease;
                        }

                        /* LEFT LABEL */

                        .deliverability-auth-tag-23 {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: #FFE28A;
                            padding: 25px 18px;
                            position: relative;
                        }

                        .deliverability-auth-tag-23::after {
                            content: "";
                            position: absolute;
                            top: 18px;
                            right: 0;
                            width: 3px;
                            height: calc(100% - 36px);
                            background: #D9A300;
                        }

                        .deliverability-auth-tag-23 span {
                            color: #111111;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.4px;
                            text-align: center;
                        }

                        /* RIGHT CONTENT */

                        .deliverability-auth-body-23 {
                            padding: 28px 32px;
                            display: flex;
                            align-items: center;
                        }

                        .deliverability-auth-body-23 p {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }

                        /* HOVER */

                        #deliverability-auth-note-23:hover {
                            transform: translateY(-3px);
                            box-shadow: 0 12px 28px rgba(217, 154, 0, 0.12);
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 768px) {

                            #deliverability-auth-note-23 {
                                grid-template-columns: 130px 1fr;
                            }

                            .deliverability-auth-body-23 {
                                padding: 24px;
                            }

                            .deliverability-auth-body-23 p {
                                font-size: 14px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 560px) {

                            #deliverability-auth-note-23 {
                                grid-template-columns: 1fr;
                            }

                            .deliverability-auth-tag-23 {
                                justify-content: flex-start;
                                padding: 14px 20px;
                            }

                            .deliverability-auth-tag-23::after {
                                top: auto;
                                bottom: 0;
                                left: 20px;
                                right: auto;
                                width: 45px;
                                height: 3px;
                            }

                            .deliverability-auth-tag-23 span {
                                font-size: 10px;
                                letter-spacing: 1.2px;
                            }

                            .deliverability-auth-body-23 {
                                padding: 21px 20px 24px;
                            }

                            .deliverability-auth-body-23 p {
                                font-size: 14px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 380px) {

                            .deliverability-auth-tag-23 {
                                padding: 13px 17px;
                            }

                            .deliverability-auth-body-23 {
                                padding: 19px 17px 21px;
                            }

                            .deliverability-auth-body-23 p {
                                font-size: 13.5px;
                            }
                        }
                    














                       
                        /* ============================================================
   SECTION 31 — CYCLIC 1
   UNIQUE DESIGN — CUSTOMER LIFECYCLE GRID
============================================================ */

                        #customer-lifecycle-section-31 {
                            position: relative;
                            background: #FFFFFF;
                            padding: 45px 24px 70px;
                            overflow: hidden;
                        }



                        .customer-lifecycle-wrap-31 {
                            max-width: 1180px;
                            margin: 0 auto;
                            position: relative;
                            z-index: 2;
                        }

                        /* ============================================================
   HEADER
============================================================ */

                        .customer-lifecycle-header-31 {
                            max-width: 900px;
                            margin: 0 auto 48px;
                            text-align: center;
                        }

                        .customer-lifecycle-label-31 {
                            display: inline-block;
                            padding: 7px 16px;
                            margin-bottom: 18px;
                            background: #FFF4C7;
                            border: 1px solid #E3A900;
                            border-radius: 4px;
                            color: #B17A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }

                        .customer-lifecycle-heading-31 {
                            margin: 0 0 24px;
                            color: #292D32;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            text-align: center;
                        }

                        .customer-lifecycle-intro-31 {
                            margin: 0;
                            color: #30343A;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }

                        /* ============================================================
   LIFECYCLE GRID
============================================================ */

                        .customer-lifecycle-grid-31 {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 20px;
                        }

                        /* ============================================================
   LIFECYCLE CARD
============================================================ */

                        .customer-lifecycle-card-31 {
                            position: relative;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 154, 0, 0.45);
                            border-radius: 8px;
                            padding: 28px 30px 30px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease,
                                border-color 0.3s ease;
                        }

                        /* Number accent */

                        .customer-lifecycle-card-31::before {
                            content: attr(data-step);
                            position: absolute;
                            top: 18px;
                            right: 22px;
                            color: rgba(17, 17, 17, 0.12);
                            font-size: 42px;
                            font-weight: 800;
                            line-height: 1;
                        }

                        /* Bottom accent */

                        .customer-lifecycle-card-31::after {
                            content: "";
                            position: absolute;
                            left: 30px;
                            bottom: 0;
                            width: 45px;
                            height: 3px;
                            background: #111111;
                            transition: width 0.3s ease;
                        }

                        .customer-lifecycle-card-31:hover {
                            transform: translateY(-5px);
                            border-color: #D99A00;
                            box-shadow: 0 14px 30px rgba(217, 154, 0, 0.14);
                        }

                        .customer-lifecycle-card-31:hover::after {
                            width: 85px;
                        }

                        /* ============================================================
   CARD CONTENT
============================================================ */

                        .customer-lifecycle-card-title-31 {
                            position: relative;
                            z-index: 2;
                            margin: 0 55px 12px 0;
                            color: #111111;
                            font-size: 19px;
                            font-weight: 700;
                            line-height: 1.35;
                        }

                        .customer-lifecycle-card-text-31 {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #303030;
                            font-size: 15px;
                            line-height: 1.75;
                            text-align: justify;
                        }

                        /* ============================================================
   FINAL INSIGHT
============================================================ */

                        .customer-lifecycle-summary-31 {
                            margin-top: 24px;
                            padding: 27px 30px;
                            background: #FAFAFA;
                            border-left: 4px solid #D99A00;
                            border-top: 1px solid #E8E8E8;
                            border-right: 1px solid #E8E8E8;
                            border-bottom: 1px solid #E8E8E8;
                            border-radius: 0 7px 7px 0;
                        }

                        .customer-lifecycle-summary-31 p {
                            margin: 0;
                            color: #30343A;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }

                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 900px) {

                            #customer-lifecycle-section-31 {
                                padding: 78px 22px 82px;
                            }

                            .customer-lifecycle-grid-31 {
                                gap: 16px;
                            }

                            .customer-lifecycle-card-31 {
                                padding: 25px 24px 28px;
                            }

                            .customer-lifecycle-card-title-31 {
                                font-size: 18px;
                            }

                            .customer-lifecycle-card-text-31 {
                                font-size: 14px;
                            }
                        }

                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 700px) {

                            #customer-lifecycle-section-31 {
                                padding: 68px 18px 72px;
                            }

                            .customer-lifecycle-header-31 {
                                margin-bottom: 34px;
                            }

                            .customer-lifecycle-heading-31 {
                                font-size: 40px;
                                line-height: 1.2;
                            }

                            .customer-lifecycle-intro-31 {
                                font-size: 15px;
                                line-height: 1.75;
                            }

                            .customer-lifecycle-grid-31 {
                                grid-template-columns: 1fr;
                                gap: 15px;
                            }

                            .customer-lifecycle-card-31 {
                                padding: 25px 23px 28px;
                            }

                            .customer-lifecycle-card-text-31 {
                                font-size: 14px;
                                line-height: 1.75;
                            }

                            .customer-lifecycle-summary-31 {
                                margin-top: 18px;
                                padding: 23px 21px;
                            }
                        }

                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #customer-lifecycle-section-31 {
                                padding: 58px 14px 62px;
                            }

                            .customer-lifecycle-label-31 {
                                font-size: 9px;
                                letter-spacing: 1.2px;
                                padding: 6px 13px;
                            }

                            .customer-lifecycle-heading-31 {
                                font-size: 32px;
                            }

                            .customer-lifecycle-intro-31 {
                                font-size: 14px;
                            }

                            .customer-lifecycle-card-31 {
                                padding: 23px 19px 26px;
                            }

                            .customer-lifecycle-card-title-31 {
                                font-size: 17px;
                            }

                            .customer-lifecycle-card-text-31 {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                            .customer-lifecycle-card-31::before {
                                font-size: 34px;
                                right: 17px;
                            }

                            .customer-lifecycle-summary-31 {
                                padding: 20px 18px;
                            }

                            .customer-lifecycle-summary-31 p {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }
                        }
                    










                           
                        /* ============================================================
   SECTION 34 — CYCLIC 2
   UNIQUE DESIGN — 90-DAY ROADMAP CARDS
============================================================ */

                        #email-roadmap-dark-34 {
                            background: #0A0A0A;
                            padding: 45px 24px;
                            overflow: hidden;
                            position: relative;
                        }

                        #email-roadmap-dark-34::before {
                            content: "";
                            position: absolute;
                            width: 320px;
                            height: 320px;
                            top: -160px;
                            right: -120px;
                            border: 1px solid rgba(217, 163, 0, 0.12);
                            border-radius: 50%;
                        }

                        #email-roadmap-dark-34::after {
                            content: "";
                            position: absolute;
                            width: 220px;
                            height: 220px;
                            bottom: -110px;
                            left: -90px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                        }


                        /* ============================================================
   CONTAINER
============================================================ */

                        .email34-roadmap-container {
                            position: relative;
                            z-index: 2;
                            max-width: 1120px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email34-roadmap-header {
                            max-width: 850px;
                            margin: 0 auto 55px;
                            text-align: center;
                        }

                        .email34-roadmap-label {
                            display: inline-flex;
                            align-items: center;
                            gap: 9px;
                            margin-bottom: 18px;
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.8px;
                        }

                        .email34-roadmap-label::before,
                        .email34-roadmap-label::after {
                            content: "";
                            width: 24px;
                            height: 1px;
                            background: #D9A300;
                        }

                        .email34-roadmap-title {
                            margin: 0 0 24px;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.5px;
                        }

                        .email34-roadmap-intro {
                            margin: 0;
                            color: #BEBEBE;
                            font-size: 16px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   ROADMAP GRID
============================================================ */

                        .email34-roadmap-grid {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 20px;
                        }


                        /* ============================================================
   ROADMAP CARD
============================================================ */

                        .email34-roadmap-card {
                            position: relative;
                            background: #FFE28A;
                            padding: 30px 30px 32px;
                            min-height: 250px;
                            border-radius: 8px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .email34-roadmap-card:hover {
                            transform: translateY(-6px);
                            box-shadow: 0 18px 38px rgba(0, 0, 0, 0.25);
                        }


                        /* ============================================================
   CARD DECORATION
============================================================ */

                        .email34-roadmap-card::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 4px;
                            background: #D9A300;
                        }

                        .email34-roadmap-card::after {
                            content: "";
                            position: absolute;
                            width: 100px;
                            height: 100px;
                            right: -42px;
                            bottom: -42px;
                            border: 1px solid rgba(17, 17, 17, 0.12);
                            border-radius: 50%;
                        }


                        /* ============================================================
   CARD TOP
============================================================ */

                        .email34-roadmap-card-top {
                            position: relative;
                            z-index: 2;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            gap: 15px;
                            margin-bottom: 26px;
                        }

                        .email34-roadmap-week {
                            color: #111111;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.3px;
                        }

                        .email34-roadmap-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 36px;
                            height: 36px;
                            border: 1px solid rgba(17, 17, 17, 0.2);
                            border-radius: 50%;
                            color: #111111;
                            font-size: 12px;
                            font-weight: 800;
                        }


                        /* ============================================================
   CARD CONTENT
============================================================ */

                        .email34-roadmap-card-title {
                            position: relative;
                            z-index: 2;
                            margin: 0 0 13px;
                            color: #111111;
                            font-size: 21px;
                            font-weight: 750;
                            line-height: 1.3;
                        }

                        .email34-roadmap-card-text {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #303030;
                            font-size: 14.5px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   FEATURED FINAL CARD
============================================================ */

                        .email34-roadmap-card-featured {
                            grid-column: 1 / -1;
                            background: #111111;
                            border: 1px solid rgba(217, 163, 0, 0.4);
                        }

                        .email34-roadmap-card-featured::before {
                            background: #D9A300;
                        }

                        .email34-roadmap-card-featured::after {
                            border-color: rgba(217, 163, 0, 0.14);
                        }

                        .email34-roadmap-card-featured .email34-roadmap-week,
                        .email34-roadmap-card-featured .email34-roadmap-card-title {
                            color: #F5F5F5;
                        }

                        .email34-roadmap-card-featured .email34-roadmap-number {
                            color: #D9A300;
                            border-color: rgba(217, 163, 0, 0.45);
                        }

                        .email34-roadmap-card-featured .email34-roadmap-card-text {
                            color: #CFCFCF;
                        }


                        /* ============================================================
   BOTTOM NOTE
============================================================ */

                        .email34-roadmap-note {
                            margin-top: 34px;
                            padding: 24px 28px;
                            border-left: 3px solid #D9A300;
                            background: rgba(255, 255, 255, 0.035);
                        }

                        .email34-roadmap-note p {
                            margin: 0;
                            color: #BEBEBE;
                            font-size: 14px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 900px) {

                            #email-roadmap-dark-34 {
                                padding: 82px 22px;
                            }

                            .email34-roadmap-header {
                                margin-bottom: 45px;
                            }

                            .email34-roadmap-grid {
                                gap: 16px;
                            }

                            .email34-roadmap-card {
                                padding: 27px 25px 29px;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 700px) {

                            #email-roadmap-dark-34 {
                                padding: 70px 18px;
                            }

                            .email34-roadmap-title {
                                font-size: 40px;
                            }

                            .email34-roadmap-intro {
                                font-size: 15px;
                            }

                            .email34-roadmap-grid {
                                grid-template-columns: 1fr;
                            }

                            .email34-roadmap-card-featured {
                                grid-column: auto;
                            }

                            .email34-roadmap-card {
                                min-height: auto;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #email-roadmap-dark-34 {
                                padding: 60px 14px;
                            }

                            .email34-roadmap-label {
                                font-size: 9px;
                                letter-spacing: 1.4px;
                            }

                            .email34-roadmap-title {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .email34-roadmap-intro {
                                font-size: 14px;
                                line-height: 1.7;
                            }

                            .email34-roadmap-card {
                                padding: 24px 21px 26px;
                            }

                            .email34-roadmap-card-title {
                                font-size: 19px;
                            }

                            .email34-roadmap-card-text {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                            .email34-roadmap-note {
                                padding: 20px 20px;
                            }

                            .email34-roadmap-note p {
                                font-size: 13.5px;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            .email34-roadmap-title {
                                font-size: 29px;
                            }

                            .email34-roadmap-card {
                                padding: 21px 18px 23px;
                            }

                            .email34-roadmap-card-title {
                                font-size: 18px;
                            }

                            .email34-roadmap-card-text {
                                font-size: 13px;
                            }
                        }
                    











    
                        /* ============================================================
   SECTION 40 — CYCLIC 2
   3 × 3 GRID + CENTERED 10TH CARD
============================================================ */

                        #email-engagement-grid-40 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 50px 24px 65px;
                            overflow: hidden;
                        }


                        /* ============================================================
   BACKGROUND DECORATION
============================================================ */

                        #email-engagement-grid-40::before {
                            content: "";
                            position: absolute;
                            width: 420px;
                            height: 420px;
                            top: -210px;
                            right: -160px;
                            border: 1px solid rgba(217, 163, 0, 0.10);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        #email-engagement-grid-40::after {
                            content: "";
                            position: absolute;
                            width: 280px;
                            height: 280px;
                            bottom: -150px;
                            left: -120px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   MAIN CONTAINER
============================================================ */

                        .email40-grid-container {
                            position: relative;
                            z-index: 2;
                            max-width: 1120px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email40-grid-header {
                            max-width: 900px;
                            margin: 0 auto 48px;
                            text-align: center;
                        }

                        .email40-grid-eyebrow {
                            display: inline-block;
                            position: relative;
                            margin-bottom: 18px;
                            padding: 6px 15px;
                            color: #D9A300;
                            background: rgba(217, 163, 0, 0.10);
                            border: 1px solid rgba(217, 163, 0, 0.30);
                            border-radius: 4px;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.6px;
                        }

                        .email40-grid-heading {
                            margin: 0 0 22px;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            letter-spacing: -0.5px;
                            text-align: center;
                        }

                        .email40-grid-description {
                            max-width: 850px;
                            margin: 0 auto;
                            color: #C8C8C8;
                            font-size: 16px;
                            line-height: 1.7;
                            text-align: justify;
                        }


                        /* ============================================================
   3 × 3 GRID
============================================================ */

                        .email40-grid-layout {
                            display: grid;
                            grid-template-columns: repeat(3, 1fr);
                            gap: 16px;
                            align-items: stretch;
                        }


                        /* ============================================================
   CARD
============================================================ */

                        .email40-grid-card {
                            position: relative;
                            min-height: 0;
                            padding: 23px 24px 25px;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 163, 0, 0.45);
                            border-radius: 8px;
                            overflow: hidden;

                            display: flex;
                            flex-direction: column;

                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease,
                                border-color 0.3s ease;
                        }


                        /* ============================================================
   CARD HOVER
============================================================ */

                        .email40-grid-card:hover {
                            transform: translateY(-5px);
                            border-color: #D9A300;
                            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
                        }


                        /* ============================================================
   CARD TOP ACCENT
============================================================ */

                        .email40-grid-card::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 3px;
                            background: #D9A300;
                        }


                        /* ============================================================
   DECORATIVE CORNER
============================================================ */

                        .email40-grid-card::after {
                            content: "";
                            position: absolute;
                            width: 85px;
                            height: 85px;
                            right: -40px;
                            bottom: -40px;
                            border: 1px solid rgba(17, 17, 17, 0.12);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   NUMBER
============================================================ */

                        .email40-grid-number {
                            position: relative;
                            z-index: 2;

                            display: flex;
                            align-items: center;
                            justify-content: center;

                            width: 36px;
                            height: 36px;

                            margin-bottom: 16px;

                            color: #111111;
                            background: transparent;

                            border: 1px solid rgba(17, 17, 17, 0.25);
                            border-radius: 50%;

                            font-size: 10px;
                            font-weight: 800;
                            letter-spacing: 0.5px;

                            transition:
                                background 0.3s ease,
                                color 0.3s ease,
                                transform 0.3s ease;
                        }


                        /* ============================================================
   NUMBER HOVER
============================================================ */

                        .email40-grid-card:hover .email40-grid-number {
                            background: #111111;
                            color: #FFE28A;
                            transform: rotate(8deg);
                        }


                        /* ============================================================
   CARD TITLE
============================================================ */

                        .email40-grid-card-title {
                            position: relative;
                            z-index: 2;

                            margin: 0 0 7px;

                            color: #111111;

                            font-size: 18px;
                            font-weight: 700;
                            line-height: 1.3;
                        }


                        /* ============================================================
   CARD TEXT
============================================================ */

                        .email40-grid-card-text {
                            position: relative;
                            z-index: 2;

                            margin: 0;

                            color: #333333;

                            font-size: 14px;
                            line-height: 1.58;

                            text-align: justify;
                        }


                        /* ============================================================
   10TH CARD — CENTERED
============================================================ */

                        .email40-grid-card:nth-child(10) {
                            grid-column: 2;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #email-engagement-grid-40 {
                                padding: 78px 22px 82px;
                            }

                            .email40-grid-layout {
                                grid-template-columns: repeat(2, 1fr);
                                gap: 15px;
                            }

                            /* Reset centered position on 2-column layout */
                            .email40-grid-card:nth-child(10) {
                                grid-column: auto;
                            }

                            .email40-grid-card {
                                padding: 22px 22px 24px;
                            }

                            .email40-grid-number {
                                width: 35px;
                                height: 35px;
                                margin-bottom: 15px;
                            }
                        }


                        /* ============================================================
   MOBILE TABLET
============================================================ */

                        @media (max-width: 700px) {

                            #email-engagement-grid-40 {
                                padding: 66px 18px 72px;
                            }

                            .email40-grid-header {
                                margin-bottom: 34px;
                            }

                            .email40-grid-heading {
                                font-size: 40px;
                                line-height: 1.2;
                            }

                            .email40-grid-description {
                                font-size: 15px;
                                line-height: 1.68;
                            }

                            .email40-grid-layout {
                                grid-template-columns: 1fr;
                                gap: 14px;
                            }

                            .email40-grid-card:nth-child(10) {
                                grid-column: auto;
                            }

                            .email40-grid-card {
                                min-height: 0;
                                padding: 21px 21px 23px;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #email-engagement-grid-40 {
                                padding: 58px 14px 62px;
                            }

                            .email40-grid-eyebrow {
                                font-size: 9px;
                                letter-spacing: 1.3px;
                                padding: 6px 13px;
                            }

                            .email40-grid-heading {
                                font-size: 32px;
                                line-height: 1.2;
                                letter-spacing: -0.3px;
                            }

                            .email40-grid-description {
                                font-size: 14px;
                                line-height: 1.68;
                            }

                            .email40-grid-card {
                                padding: 20px 18px 22px;
                                border-radius: 7px;
                            }

                            .email40-grid-number {
                                width: 34px;
                                height: 34px;
                                margin-bottom: 14px;
                                font-size: 10px;
                            }

                            .email40-grid-card-title {
                                font-size: 17px;
                                line-height: 1.3;
                            }

                            .email40-grid-card-text {
                                font-size: 13.5px;
                                line-height: 1.62;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-engagement-grid-40 {
                                padding: 54px 12px 58px;
                            }

                            .email40-grid-heading {
                                font-size: 29px;
                            }

                            .email40-grid-card {
                                padding: 19px 17px 21px;
                            }

                            .email40-grid-number {
                                width: 32px;
                                height: 32px;
                                margin-bottom: 13px;
                            }

                            .email40-grid-card-title {
                                font-size: 16px;
                            }

                            .email40-grid-card-text {
                                font-size: 13px;
                                line-height: 1.6;
                            }
                        }
                    









                      
                        /* ============================================================
   SECTION 42 — CYCLIC 2
   WHY US — 2×2 FEATURE GRID + STATS
============================================================ */

                        #email-why-us-42 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 50px 24px 65px;
                            overflow: hidden;
                        }

                        /* ============================================================
   BACKGROUND DECORATION
============================================================ */

                        #email-why-us-42::before {
                            content: "";
                            position: absolute;
                            width: 360px;
                            height: 360px;
                            top: -210px;
                            right: -150px;
                            border: 1px solid rgba(217, 163, 0, 0.09);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        #email-why-us-42::after {
                            content: "";
                            position: absolute;
                            width: 240px;
                            height: 240px;
                            bottom: -145px;
                            left: -115px;
                            border: 1px solid rgba(217, 163, 0, 0.07);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        /* ============================================================
   CONTAINER
============================================================ */

                        .email42-why-container {
                            position: relative;
                            z-index: 2;
                            max-width: 1120px;
                            margin: 0 auto;
                        }

                        /* ============================================================
   HEADER
============================================================ */

                        .email42-why-header {
                            max-width: 900px;
                            margin: 0 auto 44px;
                            text-align: center;
                        }

                        .email42-why-eyebrow {
                            display: inline-block;
                            margin-bottom: 16px;
                            padding: 7px 16px;
                            background: rgba(217, 163, 0, 0.10);
                            border: 1px solid rgba(217, 163, 0, 0.28);
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 10px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }

                        .email42-why-heading {
                            margin: 0 0 20px;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            letter-spacing: -0.5px;
                            text-align: center;
                        }

                        .email42-why-description {
                            max-width: 860px;
                            margin: 0 auto;
                            color: #C8C8C8;
                            font-size: 15.5px;
                            line-height: 1.72;
                            text-align: justify;
                        }

                        /* ============================================================
   2 × 2 FEATURE GRID
============================================================ */

                        .email42-why-grid {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 16px;
                        }

                        /* ============================================================
   COMMON CARD
============================================================ */

                        .email42-why-card {
                            position: relative;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 163, 0, 0.32);
                            border-radius: 9px;
                            padding: 28px 27px 30px;
                            overflow: hidden;
                            transition:
                                transform 0.28s ease,
                                border-color 0.28s ease,
                                box-shadow 0.28s ease;
                        }

                        .email42-why-card:hover {
                            transform: translateY(-5px);
                            border-color: #D9A300;
                            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
                        }

                        /* ============================================================
   TOP ACCENT
============================================================ */

                        .email42-why-card::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 4px;
                            background: #D9A300;
                        }

                        /* ============================================================
   DECORATIVE CIRCLE
============================================================ */

                        .email42-why-card::after {
                            content: "";
                            position: absolute;
                            width: 110px;
                            height: 110px;
                            right: -55px;
                            bottom: -55px;
                            border: 1px solid rgba(17, 17, 17, 0.10);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        /* ============================================================
   FEATURE CARD
============================================================ */

                        .email42-why-feature {
                            min-height: 220px;
                        }

                        /* ============================================================
   NUMBER
============================================================ */

                        .email42-why-number {
                            position: relative;
                            z-index: 2;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 40px;
                            height: 40px;
                            margin-bottom: 20px;
                            border: 1px solid rgba(17, 17, 17, 0.22);
                            border-radius: 50%;
                            color: #111111;
                            font-size: 11px;
                            font-weight: 800;
                            letter-spacing: 0.5px;
                        }

                        /* ============================================================
   TITLE
============================================================ */

                        .email42-why-title {
                            position: relative;
                            z-index: 2;
                            margin: 0 0 11px;
                            color: #111111;
                            font-size: 20px;
                            font-weight: 700;
                            line-height: 1.3;
                        }

                        /* ============================================================
   TEXT
============================================================ */

                        .email42-why-text {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #303030;
                            font-size: 14px;
                            line-height: 1.7;
                            text-align: justify;
                        }

                        /* ============================================================
   STATS CARD — FULL WIDTH
============================================================ */

                        .email42-why-stats {
                            grid-column: 1 / -1;
                            background: #111111;
                            border-color: rgba(217, 163, 0, 0.30);
                        }

                        .email42-why-stats:hover {
                            border-color: #D9A300;
                        }

                        .email42-why-stats .email42-why-number {
                            color: #D9A300;
                            border-color: rgba(217, 163, 0, 0.40);
                        }

                        .email42-why-stats .email42-why-title {
                            color: #F5F5F5;
                        }

                        .email42-why-stats .email42-why-text {
                            color: #BEBEBE;
                            max-width: 780px;
                        }

                        /* ============================================================
   STAT LIST
============================================================ */

                        .email42-stat-list {
                            position: relative;
                            z-index: 3;
                            display: grid;
                            grid-template-columns: repeat(5, 1fr);
                            gap: 10px;
                            margin-top: 22px;
                        }

                        .email42-stat-item {
                            padding: 15px 13px;
                            background: rgba(255, 255, 255, 0.045);
                            border: 1px solid rgba(255, 255, 255, 0.09);
                            border-radius: 6px;
                            transition:
                                background 0.25s ease,
                                border-color 0.25s ease,
                                transform 0.25s ease;
                        }

                        .email42-stat-item:hover {
                            background: rgba(217, 163, 0, 0.08);
                            border-color: rgba(217, 163, 0, 0.35);
                            transform: translateY(-2px);
                        }

                        .email42-stat-value {
                            display: block;
                            margin-bottom: 5px;
                            color: #D9A300;
                            font-size: 21px;
                            font-weight: 800;
                            line-height: 1.1;
                        }

                        .email42-stat-label {
                            display: block;
                            color: #BDBDBD;
                            font-size: 10.5px;
                            line-height: 1.4;
                        }

                        /* ============================================================
   BOTTOM NOTE
============================================================ */

                        .email42-why-note {
                            max-width: 980px;
                            margin: 24px auto 0;
                            padding: 17px 21px;
                            background: rgba(255, 255, 255, 0.035);
                            border-left: 3px solid #D9A300;
                        }

                        .email42-why-note p {
                            margin: 0;
                            color: #BEBEBE;
                            font-size: 13px;
                            line-height: 1.68;
                            text-align: justify;
                        }

                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #email-why-us-42 {
                                padding: 68px 22px 74px;
                            }

                            .email42-why-grid {
                                gap: 14px;
                            }

                            .email42-stat-list {
                                grid-template-columns: repeat(3, 1fr);
                            }

                        }

                        /* ============================================================
   MOBILE TABLET
============================================================ */

                        @media (max-width: 700px) {

                            #email-why-us-42 {
                                padding: 60px 18px 66px;
                            }

                            .email42-why-header {
                                margin-bottom: 36px;
                            }

                            .email42-why-heading {
                                font-size: 40px;
                                line-height: 1.2;
                            }

                            .email42-why-description {
                                font-size: 14.5px;
                                line-height: 1.68;
                            }

                            .email42-why-grid {
                                grid-template-columns: 1fr;
                                gap: 13px;
                            }

                            .email42-why-feature,
                            .email42-why-stats {
                                grid-column: auto;
                            }

                            .email42-stat-list {
                                grid-template-columns: repeat(3, 1fr);
                                gap: 8px;
                            }

                        }

                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #email-why-us-42 {
                                padding: 52px 14px 58px;
                            }

                            .email42-why-eyebrow {
                                font-size: 9px;
                                letter-spacing: 1.3px;
                                padding: 6px 13px;
                            }

                            .email42-why-heading {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .email42-why-description {
                                font-size: 13.5px;
                                line-height: 1.65;
                            }

                            .email42-why-card {
                                padding: 23px 20px 25px;
                            }

                            .email42-why-number {
                                width: 35px;
                                height: 35px;
                                margin-bottom: 16px;
                                font-size: 10px;
                            }

                            .email42-why-title {
                                font-size: 18px;
                            }

                            .email42-why-text {
                                font-size: 13px;
                                line-height: 1.68;
                            }

                            .email42-stat-list {
                                grid-template-columns: repeat(2, 1fr);
                                gap: 8px;
                                margin-top: 18px;
                            }

                            .email42-stat-item {
                                padding: 11px 10px;
                            }

                            .email42-stat-value {
                                font-size: 18px;
                            }

                            .email42-stat-label {
                                font-size: 9.5px;
                            }

                            .email42-why-note {
                                margin-top: 18px;
                                padding: 15px 17px;
                            }

                            .email42-why-note p {
                                font-size: 12.5px;
                                line-height: 1.65;
                            }

                        }

                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            .email42-why-heading {
                                font-size: 29px;
                            }

                            .email42-why-card {
                                padding: 21px 17px 23px;
                            }

                            .email42-stat-list {
                                grid-template-columns: 1fr 1fr;
                            }

                        }
                    







  
                        .fq-section {
                            --fq-accent: #D4AF37;
                            /* Rich Gold */
                            --fq-accent2: #FFD700;
                            /* Bright Gold */
                            --fq-dark: #0d1117;
                            --fq-card: #141b22;

                            --fq-border: rgba(212, 175, 55, 0.25);

                            --fq-text: #c9d1d9;
                            --fq-muted: #8b949e;
                            --fq-white: #ffffff;
                            --fq-radius: 14px;
                            --fq-trans: 0.32s cubic-bezier(.4, 0, .2, 1);
                            background: #000;
                            padding: 72px 0 80px;
                            overflow: hidden
                        }


                        .fq-blob {
                            position: absolute;
                            border-radius: 50%;
                            filter: blur(90px);
                            pointer-events: none;
                            opacity: .18
                        }

                        .fq-blob--1 {
                            width: 400px;
                            height: 400px;
                            background: var(--fq-accent);
                            top: -120px;
                            left: -100px
                        }

                        .fq-blob--2 {
                            width: 300px;
                            height: 300px;
                            background: var(--fq-accent2);
                            bottom: -80px;
                            right: -80px
                        }

                        .fq-wrap {
                            max-width: 860px;
                            margin: 0 auto;
                            padding: 0 20px;
                            position: relative;
                            z-index: 1
                        }

                        .fq-header {
                            text-align: center;
                            margin-bottom: 48px
                        }

                        .fq-badge {
                            display: inline-block;
                            background: rgb(145 217 4 / .12);
                            border: 1px solid var(--fq-border);
                            color: var(--fq-accent);
                            letter-spacing: .12em;
                            font-size: .72rem;
                            font-weight: 700;
                            text-transform: uppercase;
                            padding: 5px 16px;
                            border-radius: 50px;
                            margin-bottom: 18px
                        }

                        .fq-title {
                            color: var(--fq-white);
                            font-size: clamp(1.6rem, 3.5vw, 2.4rem);
                            font-weight: 800;
                            line-height: 1.22;
                            margin: 0 0 14px;
                            letter-spacing: -.02em
                        }

                        .fq-title span {
                            color: var(--fq-accent)
                        }

                        .fq-sub {
                            color: var(--fq-muted);
                            font-size: .97rem;
                            max-width: 520px;
                            margin: 0 auto;
                            line-height: 1.65
                        }

                        .fq-list {
                            list-style: none;
                            margin: 0;
                            padding: 0;
                            display: flex;
                            flex-direction: column;
                            gap: 12px
                        }

                        .fq-item {
                            background: var(--fq-card);
                            border: 1px solid var(--fq-border);
                            border-radius: var(--fq-radius);
                            overflow: hidden;
                            transition: border-color var(--fq-trans), box-shadow var(--fq-trans)
                        }

                        .fq-item:hover {
                            border-color: #D4AF37;
                        }

                        .fq-item.fq-open {
                            border-color: var(--fq-accent);
                            box-shadow: 0 0 0 1px rgb(145 217 4 / .25), 0 8px 32px rgb(0 0 0 / .35)
                        }

                        .fq-btn {
                            width: 100%;
                            background: none;
                            border: none;
                            padding: 20px 22px;
                            display: flex;
                            align-items: center;
                            gap: 16px;
                            cursor: pointer;
                            text-align: left;
                            outline: none
                        }

                        .fq-btn:focus-visible {
                            outline: 2px solid var(--fq-accent);
                            outline-offset: -2px
                        }

                        .fq-num {
                            flex-shrink: 0;
                            width: 32px;
                            height: 32px;
                            border-radius: 50%;
                            background: rgb(145 217 4 / .1);
                            border: 1px solid var(--fq-border);
                            color: var(--fq-accent);
                            font-size: .7rem;
                            font-weight: 800;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            letter-spacing: .05em;
                            transition: background var(--fq-trans), border-color var(--fq-trans)
                        }

                        .fq-open .fq-num {
                            background: var(--fq-accent);
                            border-color: var(--fq-accent);
                            color: var(--fq-dark)
                        }

                        h2.fq-q-text {
                            margin: 0;
                            padding: 0;
                            font-size: 1rem;
                            font-weight: 600;
                            line-height: 1.4;
                            flex: 1;
                            color: var(--fq-white);
                            transition: color var(--fq-trans)
                        }

                        .fq-open h2.fq-q-text {
                            color: var(--fq-accent)
                        }

                        .fq-icon {
                            flex-shrink: 0;
                            width: 28px;
                            height: 28px;
                            border-radius: 50%;
                            background: #000;
                            border: 1px solid var(--fq-border);
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            transition: background var(--fq-trans), transform var(--fq-trans)
                        }

                        .fq-icon svg {
                            width: 13px;
                            height: 13px;
                            stroke: var(--fq-accent);
                            transition: transform var(--fq-trans)
                        }

                        .fq-open .fq-icon {
                            background: var(--fq-accent)
                        }

                        .fq-open .fq-icon svg {
                            stroke: var(--fq-dark);
                            transform: rotate(45deg)
                        }

                        .fq-answer {
                            max-height: 0;
                            overflow: hidden;
                            transition: max-height var(--fq-trans)
                        }

                        .fq-answer-inner {
                            padding: 0 22px 20px 70px;
                            text-align: justify;
                            color: var(--fq-text);
                            font-size: .94rem;
                            line-height: 1.72
                        }

                        .fq-more-wrap {
                            text-align: center;
                            margin-top: 40px
                        }

                        .fq-more-btn {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            background: var(--fq-accent);
                            color: var(--fq-dark);
                            font-size: .9rem;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: .08em;
                            padding: 14px 32px;
                            border-radius: 50px;
                            text-decoration: none;
                            border: none;
                            cursor: pointer;
                            transition: background var(--fq-trans), transform var(--fq-trans), box-shadow var(--fq-trans);
                            box-shadow: 0 4px 20px rgb(145 217 4 / .25)
                        }

                        .fq-more-btn:hover {
                            background: var(--fq-accent2);
                            transform: translateY(-2px);
                            box-shadow: 0 8px 28px rgb(145 217 4 / .35)
                        }

                        .fq-more-btn svg {
                            width: 16px;
                            height: 16px;
                            stroke: var(--fq-dark);
                            flex-shrink: 0;
                            transition: transform var(--fq-trans)
                        }

                        .fq-more-btn:hover svg {
                            transform: translateX(3px)
                        }

                        .fq-answer {
                            cursor: pointer
                        }

                        @media (max-width:600px) {
                            .fq-section {
                                padding: 52px 0 60px
                            }

                            .fq-answer-inner {
                                padding-left: 22px
                            }

                            .fq-btn {
                                padding: 16px 16px;
                                gap: 12px
                            }
                        }
                    
                    
                        /* ============================================================
   SECTION 44 — CYCLIC 2
   NEW DESIGN — EMAIL GROWTH CTA
============================================================ */

                        #email-growth-cta-44 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 80px 24px;
                            overflow: hidden;
                        }


                        /* ============================================================
   BACKGROUND DETAILS
============================================================ */

                        #email-growth-cta-44::before {
                            content: "";
                            position: absolute;
                            width: 520px;
                            height: 520px;
                            right: -250px;
                            top: -260px;
                            border: 1px solid rgba(217, 163, 0, 0.12);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        #email-growth-cta-44::after {
                            content: "";
                            position: absolute;
                            width: 360px;
                            height: 360px;
                            left: -220px;
                            bottom: -210px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   MAIN SHELL
============================================================ */

                        .email-growth-cta-shell {
                            position: relative;
                            z-index: 2;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   TOP ACCENT
============================================================ */

                        .email-growth-cta-accent {
                            display: flex;
                            align-items: center;
                            gap: 6px;
                            margin-bottom: 38px;
                        }

                        .email-growth-cta-accent span {
                            display: block;
                            height: 3px;
                            background: #D9A300;
                        }

                        .email-growth-cta-accent span:nth-child(1) {
                            width: 52px;
                        }

                        .email-growth-cta-accent span:nth-child(2) {
                            width: 18px;
                            opacity: 0.55;
                        }

                        .email-growth-cta-accent span:nth-child(3) {
                            width: 8px;
                            opacity: 0.3;
                        }


                        /* ============================================================
   MAIN CONTENT
============================================================ */

                        .email-growth-cta-main {
                            max-width: 900px;
                        }


                        /* ============================================================
   LABEL
============================================================ */

                        .email-growth-cta-label {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            margin-bottom: 20px;
                        }

                        .email-growth-cta-label-dot {
                            width: 8px;
                            height: 8px;
                            background: #D9A300;
                            border-radius: 50%;
                            box-shadow: 0 0 0 5px rgba(217, 163, 0, 0.10);
                        }

                        .email-growth-cta-label-text {
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.8px;
                        }


                        /* ============================================================
   HEADING
============================================================ */

                        .email-growth-cta-title {
                            margin: 0 0 25px;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            letter-spacing: -0.5px;
                            text-align: left;
                        }


                        /* ============================================================
   DESCRIPTION
============================================================ */

                        .email-growth-cta-description {
                            max-width: 920px;
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.85;
                            text-align: justify;
                        }


                        /* ============================================================
   CTA PANEL
============================================================ */

                        .email-growth-cta-panel {
                            display: grid;
                            grid-template-columns: 1fr 1.25fr;
                            gap: 35px;
                            align-items: center;
                            margin-top: 55px;
                            padding: 30px;
                            background: #FFE28A;
                            border-radius: 10px;
                            position: relative;
                            overflow: hidden;
                        }


                        /* ============================================================
   PANEL DECORATION
============================================================ */

                        .email-growth-cta-panel::after {
                            content: "";
                            position: absolute;
                            width: 230px;
                            height: 230px;
                            right: -110px;
                            bottom: -145px;
                            border: 1px solid rgba(17, 17, 17, 0.12);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   PANEL HEADING
============================================================ */

                        .email-growth-cta-panel-heading {
                            display: flex;
                            align-items: center;
                            gap: 18px;
                            position: relative;
                            z-index: 2;
                        }


                        /* ============================================================
   PANEL NUMBER
============================================================ */

                        .email-growth-cta-panel-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex-shrink: 0;
                            width: 62px;
                            height: 62px;
                            background: #111111;
                            border-radius: 50%;
                            color: #D9A300;
                            font-size: 13px;
                            font-weight: 800;
                            letter-spacing: 1px;
                        }


                        /* ============================================================
   PANEL KICKER
============================================================ */

                        .email-growth-cta-panel-kicker {
                            display: block;
                            margin-bottom: 5px;
                            color: #5B4A13;
                            font-size: 10px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }


                        /* ============================================================
   PANEL TITLE
============================================================ */

                        .email-growth-cta-panel-title {
                            display: block;
                            color: #111111;
                            font-size: 17px;
                            font-weight: 700;
                            line-height: 1.4;
                        }


                        /* ============================================================
   CTA ACTIONS
============================================================ */

                        .email-growth-cta-actions {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 12px;
                            position: relative;
                            z-index: 2;
                        }


                        /* ============================================================
   ACTION CARD
============================================================ */

                        .email-growth-cta-action {
                            display: flex;
                            align-items: center;
                            gap: 13px;
                            min-height: 72px;
                            padding: 14px 16px;
                            background: #111111;
                            border: 1px solid #111111;
                            border-radius: 7px;
                            text-decoration: none;
                            transition:
                                transform 0.3s ease,
                                background 0.3s ease,
                                border-color 0.3s ease;
                        }

                        .email-growth-cta-action:hover {
                            transform: translateY(-5px);
                            background: #1B1B1B;
                            border-color: #D9A300;
                        }


                        /* ============================================================
   ACTION ICON
============================================================ */

                        .email-growth-cta-action-icon {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex-shrink: 0;
                            width: 36px;
                            height: 36px;
                            border: 1px solid rgba(217, 163, 0, 0.5);
                            border-radius: 5px;
                            color: #D9A300;
                            font-size: 14px;
                            font-weight: 800;
                        }


                        /* ============================================================
   ACTION CONTENT
============================================================ */

                        .email-growth-cta-action-content {
                            display: flex;
                            flex-direction: column;
                            min-width: 0;
                        }

                        .email-growth-cta-action-content small {
                            margin-bottom: 4px;
                            color: #929292;
                            font-size: 9px;
                            font-weight: 700;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                        }

                        .email-growth-cta-action-content strong {
                            color: #FFFFFF;
                            font-size: 13px;
                            font-weight: 700;
                            line-height: 1.35;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #email-growth-cta-44 {
                                padding: 70px 22px;
                            }

                            .email-growth-cta-panel {
                                grid-template-columns: 1fr;
                                gap: 25px;
                            }

                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 700px) {

                            #email-growth-cta-44 {
                                padding: 65px 18px;
                            }

                            .email-growth-cta-accent {
                                margin-bottom: 32px;
                            }

                            .email-growth-cta-title {
                                font-size: 40px;
                                line-height: 1.2;
                            }

                            .email-growth-cta-description {
                                font-size: 15px;
                                line-height: 1.75;
                            }

                            .email-growth-cta-panel {
                                margin-top: 40px;
                                padding: 24px;
                                border-radius: 8px;
                            }

                            .email-growth-cta-actions {
                                grid-template-columns: 1fr;
                            }

                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #email-growth-cta-44 {
                                padding: 55px 14px 60px;
                            }

                            .email-growth-cta-label-text {
                                font-size: 9px;
                                letter-spacing: 1.4px;
                            }

                            .email-growth-cta-title {
                                font-size: 32px;
                                line-height: 1.2;
                                margin-bottom: 20px;
                            }

                            .email-growth-cta-description {
                                font-size: 14px;
                                line-height: 1.72;
                            }

                            .email-growth-cta-panel {
                                margin-top: 32px;
                                padding: 20px;
                            }

                            .email-growth-cta-panel-heading {
                                gap: 14px;
                            }

                            .email-growth-cta-panel-number {
                                width: 52px;
                                height: 52px;
                                font-size: 11px;
                            }

                            .email-growth-cta-panel-kicker {
                                font-size: 9px;
                            }

                            .email-growth-cta-panel-title {
                                font-size: 15px;
                            }

                            .email-growth-cta-action {
                                min-height: 66px;
                                padding: 12px 14px;
                            }

                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-growth-cta-44 {
                                padding-left: 12px;
                                padding-right: 12px;
                            }

                            .email-growth-cta-title {
                                font-size: 29px;
                            }

                            .email-growth-cta-description {
                                font-size: 13.5px;
                            }

                            .email-growth-cta-panel {
                                padding: 17px;
                            }

                            .email-growth-cta-action-content strong {
                                font-size: 12px;
                            }

                        }

                        
                    
                        /* ============================================================
   SECTION 07 — CYCLIC 1
   Full Redesign — Editorial Feature Layout
============================================================ */

                        #cyclic-section-07 {
                            position: relative;
                            background: #FFFFFF;
                            padding: 100px 24px;
                            overflow: hidden;
                        }

                        #cyclic-section-07::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 5px;

                        }

                        #cyclic-section-07::after {
                            content: "";
                            position: absolute;
                            right: -120px;
                            bottom: -180px;
                            width: 360px;
                            height: 360px;
                            border: 1px solid rgba(217, 154, 0, 0.18);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .cyclic-s07-container {
                            position: relative;
                            z-index: 1;
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   MAIN LAYOUT
============================================================ */

                        .cyclic-s07-layout {
                            display: grid;
                            grid-template-columns: 0.72fr 1.28fr;
                            gap: 85px;
                            align-items: center;
                        }


                        /* ============================================================
   LEFT FEATURE AREA
============================================================ */

                        .cyclic-s07-feature {
                            position: relative;
                            padding: 20px 35px;
                            background: #FFE28A;
                            border-radius: 8px;
                            overflow: hidden;
                        }

                        .cyclic-s07-feature::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 7px;
                            height: 100%;
                            background: #D99A00;
                        }

                        .cyclic-s07-feature::after {
                            content: "07";
                            position: absolute;
                            right: -10px;
                            bottom: -28px;
                            color: rgba(17, 17, 17, 0.07);
                            font-size: 130px;
                            font-weight: 800;
                            line-height: 1;
                            pointer-events: none;
                        }

                        .cyclic-s07-eyebrow-wrap {
                            position: relative;
                            z-index: 1;
                            margin-bottom: 25px;
                            text-align: left;
                        }

                        .cyclic-s07-eyebrow {
                            display: inline-block;
                            padding: 7px 14px;
                            background: #111111;
                            color: #FFFFFF;
                            border-radius: 4px;
                            font-size: 10px;
                            font-weight: 700;
                            line-height: 1;
                            letter-spacing: 1.5px;
                            text-transform: uppercase;
                        }

                        .cyclic-s07-heading {
                            position: relative;
                            z-index: 1;
                            max-width: 420px;
                            margin: 0;
                            color: #292D32;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.6px;
                            text-align: left;
                        }


                        /* ============================================================
   RIGHT CONTENT AREA
============================================================ */

                        .cyclic-s07-content {
                            position: relative;
                            padding-top: 8px;
                        }

                        .cyclic-s07-content::before {
                            content: "";
                            display: block;
                            width: 48px;
                            height: 3px;
                            margin-bottom: 27px;

                        }

                        .cyclic-s07-text {
                            margin: 0;
                            color: #30343A;
                            font-size: 17px;
                            line-height: 1.85;
                            text-align: justify;
                        }


                        /* ============================================================
   CONTENT HIGHLIGHT
============================================================ */

                        .cyclic-s07-content-highlight {
                            margin-top: 32px;
                            padding: 20px 22px;
                            background: #F9F9F9;
                            border: 1px solid #E5E5E5;
                            border-left: 3px solid #D99A00;
                            border-radius: 4px;
                        }

                        .cyclic-s07-content-highlight span {
                            display: block;
                            width: 7px;
                            height: 7px;
                            margin-bottom: 10px;
                            background: #D99A00;
                            border-radius: 50%;
                        }


                        /* ============================================================
   HOVER
============================================================ */

                        .cyclic-s07-feature {
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .cyclic-s07-feature:hover {
                            transform: translateY(-5px);
                            box-shadow: 0 16px 35px rgba(0, 0, 0, 0.10);
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #cyclic-section-07 {
                                padding: 82px 22px;
                            }

                            .cyclic-s07-layout {
                                grid-template-columns: 0.8fr 1.2fr;
                                gap: 50px;
                            }

                            .cyclic-s07-feature {
                                padding: 35px 28px;
                            }

                            .cyclic-s07-heading {
                                font-size: 40px;
                            }

                            .cyclic-s07-text {
                                font-size: 16px;
                                line-height: 1.78;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 768px) {

                            #cyclic-section-07 {
                                padding: 68px 18px;
                            }

                            .cyclic-s07-layout {
                                grid-template-columns: 1fr;
                                gap: 38px;
                            }

                            .cyclic-s07-feature {
                                padding: 34px 28px;
                            }

                            .cyclic-s07-eyebrow-wrap {
                                text-align: center;
                            }

                            .cyclic-s07-heading {
                                max-width: 100%;
                                font-size: 40px;
                                line-height: 1.2;
                                text-align: center;
                            }

                            .cyclic-s07-content {
                                padding-top: 0;
                            }

                            .cyclic-s07-content::before {
                                margin: 0 auto 25px;
                            }

                            .cyclic-s07-text {
                                font-size: 15.5px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #cyclic-section-07 {
                                padding: 56px 14px;
                            }

                            .cyclic-s07-layout {
                                gap: 30px;
                            }

                            .cyclic-s07-feature {
                                padding: 28px 22px;
                            }

                            .cyclic-s07-eyebrow {
                                font-size: 9px;
                                padding: 7px 12px;
                            }

                            .cyclic-s07-heading {
                                font-size: 32px;
                            }

                            .cyclic-s07-text {
                                font-size: 14.5px;
                                line-height: 1.72;
                            }

                            .cyclic-s07-content-highlight {
                                padding: 18px;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL DEVICES
============================================================ */

                        @media (max-width: 360px) {

                            #cyclic-section-07 {
                                padding: 48px 12px;
                            }

                            .cyclic-s07-feature {
                                padding: 25px 18px;
                            }

                            .cyclic-s07-heading {
                                font-size: 29px;
                            }

                            .cyclic-s07-text {
                                font-size: 14px;
                            }
                        }
                    


                        /* ============================================================
   SECTION 10 — CYCLIC 2
   FULL REDESIGN
   Unique Section-Specific CSS
============================================================ */

                        #cyclic-dark-design-10 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 50px 24px 70px overflow: hidden;
                        }

                        #cyclic-dark-design-10::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 1px;
                            background: linear-gradient(90deg,
                                    transparent,
                                    #D9A300,
                                    transparent);
                        }

                        #cyclic-dark-design-10::after {
                            content: "";
                            position: absolute;
                            width: 420px;
                            height: 420px;
                            right: -210px;
                            top: 80px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .design10-dark-wrap {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1220px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .design10-dark-header {
                            display: grid;
                            grid-template-columns: 0.65fr 1.35fr;
                            gap: 75px;
                            align-items: end;
                            margin-bottom: 55px;
                        }

                        .design10-dark-label-area {
                            position: relative;
                        }

                        .design10-dark-eyebrow-holder {
                            margin-bottom: 20px;
                            text-align: left;
                        }

                        .design10-dark-eyebrow {
                            display: inline-block;
                            padding: 7px 14px;
                            background: rgba(217, 163, 0, 0.11);
                            border: 1px solid rgba(217, 163, 0, 0.35);
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 10px;
                            font-weight: 700;
                            letter-spacing: 1.6px;
                            line-height: 1;
                            text-transform: uppercase;
                        }

                        .design10-dark-heading {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.6px;
                            text-align: left;
                        }

                        .design10-dark-intro {
                            position: relative;
                            padding-left: 28px;
                            border-left: 2px solid #D9A300;
                        }

                        .design10-dark-intro::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: -5px;
                            width: 8px;
                            height: 8px;
                            background: #D9A300;
                            border-radius: 50%;
                        }

                        .design10-dark-description {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   CARD GRID
============================================================ */

                        .design10-dark-grid {
                            display: grid;
                            grid-template-columns: repeat(4, minmax(0, 1fr));
                            gap: 14px;
                        }


                        /* ============================================================
   INDIVIDUAL CARDS
============================================================ */

                        .design10-dark-card {
                            position: relative;
                            min-height: 245px;
                            padding: 26px 24px 24px;
                            background: #FFE28A;
                            border: 1px solid transparent;
                            border-radius: 6px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                border-color 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .design10-dark-card::after {
                            content: "";
                            position: absolute;
                            right: -15px;
                            bottom: -25px;
                            width: 90px;
                            height: 90px;
                            border: 1px solid rgba(17, 17, 17, 0.08);
                            border-radius: 50%;
                        }

                        .design10-dark-card:hover {
                            transform: translateY(-5px);
                            border-color: #D9A300;
                            box-shadow: 0 14px 30px rgba(217, 163, 0, 0.12);
                        }


                        /* ============================================================
   CARD NUMBER
============================================================ */

                        .design10-dark-card-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 31px;
                            height: 31px;
                            margin-bottom: 25px;
                            background: #111111;
                            border-radius: 4px;
                            color: #FFFFFF;
                            font-size: 10px;
                            font-weight: 700;
                            letter-spacing: 0.5px;
                        }


                        /* ============================================================
   CARD TITLE
============================================================ */

                        .design10-dark-card-title {
                            position: relative;
                            z-index: 1;
                            margin: 0 0 12px;
                            color: #111111;
                            font-size: 17px;
                            font-weight: 700;
                            line-height: 1.35;
                        }


                        /* ============================================================
   CARD TEXT
============================================================ */

                        .design10-dark-card-text {
                            position: relative;
                            z-index: 1;
                            margin: 0;
                            color: #303030;
                            font-size: 14px;
                            line-height: 1.68;
                            text-align: justify;
                        }


                        /* ============================================================
   BOTTOM CONTENT
============================================================ */

                        .design10-dark-footer {
                            position: relative;
                            display: grid;
                            grid-template-columns: 80px 1fr;
                            gap: 28px;
                            align-items: center;
                            margin-top: 30px;
                            padding: 28px 30px;
                            background: #10150A;
                            border: 1px solid rgba(217, 163, 0, 0.22);
                            border-radius: 6px;
                        }

                        .design10-dark-footer-mark {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 58px;
                            height: 58px;
                            border: 1px solid #D9A300;
                            border-radius: 50%;
                            color: #D9A300;
                            font-size: 17px;
                            font-weight: 700;
                        }

                        .design10-dark-footer-text {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 15px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 1100px) {

                            #cyclic-dark-design-10 {
                                padding: 88px 22px;
                            }

                            .design10-dark-header {
                                grid-template-columns: 0.75fr 1.25fr;
                                gap: 50px;
                            }

                            .design10-dark-grid {
                                grid-template-columns: repeat(2, minmax(0, 1fr));
                                gap: 16px;
                            }

                            .design10-dark-card {
                                min-height: 230px;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 768px) {

                            #cyclic-dark-design-10 {
                                padding: 70px 18px 72px;
                            }

                            .design10-dark-header {
                                grid-template-columns: 1fr;
                                gap: 32px;
                                margin-bottom: 40px;
                            }

                            .design10-dark-eyebrow-holder {
                                text-align: center;
                            }

                            .design10-dark-heading {
                                font-size: 40px;
                                line-height: 1.2;
                                text-align: center;
                            }

                            .design10-dark-intro {
                                padding-left: 22px;
                            }

                            .design10-dark-description {
                                font-size: 15px;
                                line-height: 1.72;
                            }

                            .design10-dark-grid {
                                grid-template-columns: repeat(2, minmax(0, 1fr));
                                gap: 12px;
                            }

                            .design10-dark-card {
                                min-height: 250px;
                                padding: 23px 20px;
                            }

                            .design10-dark-footer {
                                grid-template-columns: 1fr;
                                gap: 18px;
                                padding: 24px 21px;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 520px) {

                            #cyclic-dark-design-10 {
                                padding: 58px 14px 60px;
                            }

                            .design10-dark-header {
                                gap: 27px;
                                margin-bottom: 32px;
                            }

                            .design10-dark-eyebrow {
                                font-size: 9px;
                                padding: 7px 12px;
                            }

                            .design10-dark-heading {
                                font-size: 32px;
                            }

                            .design10-dark-intro {
                                padding-left: 17px;
                            }

                            .design10-dark-description {
                                font-size: 14.5px;
                            }

                            .design10-dark-grid {
                                grid-template-columns: 1fr;
                                gap: 12px;
                            }

                            .design10-dark-card {
                                min-height: auto;
                                padding: 24px 21px;
                            }

                            .design10-dark-card-number {
                                margin-bottom: 20px;
                            }

                            .design10-dark-card-title {
                                font-size: 17px;
                            }

                            .design10-dark-card-text {
                                font-size: 14px;
                            }

                            .design10-dark-footer-mark {
                                width: 50px;
                                height: 50px;
                                font-size: 15px;
                            }

                            .design10-dark-footer-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL DEVICES
============================================================ */

                        @media (max-width: 360px) {

                            #cyclic-dark-design-10 {
                                padding: 50px 12px 54px;
                            }

                            .design10-dark-heading {
                                font-size: 29px;
                            }

                            .design10-dark-card {
                                padding: 21px 18px;
                            }

                            .design10-dark-card-title {
                                font-size: 16px;
                            }

                            .design10-dark-card-text {
                                font-size: 13.5px;
                            }
                        }




                                            
                        /* ============================================================
   SECTION 10 — MAIN
============================================================ */

                        #email-design-dark-section-10 {
                            position: relative;
                            width: 100%;
                            background: #0A0A0A;
                            padding: 90px 24px;
                            overflow: hidden;
                        }


                        /* ============================================================
   BACKGROUND DETAILS
============================================================ */

                        #email-design-dark-section-10::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 420px;
                            height: 420px;
                            border: 1px solid rgba(217, 163, 0, 0.10);
                            border-radius: 50%;
                            transform: translate(45%, -45%);
                            pointer-events: none;
                        }

                        #email-design-dark-section-10::after {
                            content: "";
                            position: absolute;
                            bottom: -180px;
                            left: -180px;
                            width: 420px;
                            height: 420px;
                            border: 1px solid rgba(217, 163, 0, 0.07);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   WRAPPER
============================================================ */

                        .email-design-dark-wrapper-10 {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email-design-dark-header-10 {
                            display: grid;
                            grid-template-columns: 0.8fr 1.2fr;
                            gap: 90px;
                            align-items: end;
                            padding-bottom: 48px;
                            margin-bottom: 48px;
                            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
                        }


                        /* ============================================================
   TITLE AREA
============================================================ */

                        .email-design-dark-title-10 {
                            position: relative;
                        }

                        .email-design-dark-label-10 {
                            display: flex;
                            align-items: center;
                            gap: 10px;
                            margin-bottom: 20px;
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                            letter-spacing: 2px;
                            text-transform: uppercase;
                        }

                        .email-design-dark-label-10::before {
                            content: "";
                            width: 30px;
                            height: 2px;
                            background: #D9A300;
                        }

                        .email-design-dark-heading-10 {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.15;
                            letter-spacing: -0.7px;
                            text-align: left;
                        }


                        /* ============================================================
   INTRO
============================================================ */

                        .email-design-dark-intro-10 {
                            padding-left: 28px;
                            border-left: 2px solid #D9A300;
                        }

                        .email-design-dark-intro-text-10 {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   CARD GRID
============================================================ */

                        .email-design-dark-cards-10 {
                            display: grid;
                            grid-template-columns: repeat(12, 1fr);
                            gap: 18px;
                        }


                        /* ============================================================
   CARD
============================================================ */

                        .email-design-dark-card-10 {
                            position: relative;
                            grid-column: span 4;
                            min-height: 270px;
                            padding: 30px 28px 34px;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 163, 0, 0.25);
                            border-radius: 8px;
                            overflow: hidden;

                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease,
                                border-color 0.3s ease;
                        }


                        /* ============================================================
   CARD VARIATIONS
============================================================ */

                        .email-design-dark-card-10:nth-child(4),
                        .email-design-dark-card-10:nth-child(5),
                        .email-design-dark-card-10:nth-child(6) {
                            grid-column: span 4;
                        }

                        .email-design-dark-card-10:nth-child(7),
                        .email-design-dark-card-10:nth-child(8) {
                            grid-column: span 6;
                            min-height: 245px;
                        }


                        /* ============================================================
   CARD DECORATION
============================================================ */

                        .email-design-dark-card-10::before {
                            content: "";
                            position: absolute;
                            right: -35px;
                            bottom: -45px;
                            width: 150px;
                            height: 150px;
                            border: 1px solid rgba(17, 17, 17, 0.10);
                            border-radius: 50%;
                            transition: transform 0.4s ease;
                        }

                        .email-design-dark-card-10::after {
                            content: "";
                            position: absolute;
                            left: 28px;
                            bottom: 0;
                            width: 42px;
                            height: 3px;
                            background: #111111;
                            transition: width 0.3s ease;
                        }


                        /* ============================================================
   HOVER
============================================================ */

                        .email-design-dark-card-10:hover {
                            transform: translateY(-7px);
                            border-color: #D9A300;
                            box-shadow: 0 18px 38px rgba(0, 0, 0, 0.30);
                        }

                        .email-design-dark-card-10:hover::before {
                            transform: scale(1.15);
                        }

                        .email-design-dark-card-10:hover::after {
                            width: 90px;
                        }


                        /* ============================================================
   NUMBER
============================================================ */

                        .email-design-dark-number-10 {
                            position: relative;
                            z-index: 2;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            width: 42px;
                            height: 42px;

                            margin-bottom: 25px;

                            background: #111111;
                            color: #D9A300;

                            border-radius: 50%;

                            font-size: 11px;
                            font-weight: 800;
                            letter-spacing: 0.5px;
                        }


                        /* ============================================================
   CARD TITLE
============================================================ */

                        .email-design-dark-card-title-10 {
                            position: relative;
                            z-index: 2;

                            margin: 0 0 13px;

                            color: #111111;
                            font-size: 19px;
                            font-weight: 700;
                            line-height: 1.3;
                        }


                        /* ============================================================
   CARD TEXT
============================================================ */

                        .email-design-dark-card-text-10 {
                            position: relative;
                            z-index: 2;

                            margin: 0;

                            color: #303030;
                            font-size: 14px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   FOOTER / BRAND MESSAGE
============================================================ */

                        .email-design-dark-footer-10 {
                            position: relative;

                            display: grid;
                            grid-template-columns: 78px 1fr;
                            gap: 28px;
                            align-items: center;

                            margin-top: 20px;
                            padding: 28px 32px;

                            background: #111111;

                            border: 1px solid rgba(217, 163, 0, 0.30);
                            border-radius: 8px;

                            overflow: hidden;
                        }


                        /* ============================================================
   FOOTER ACCENT
============================================================ */

                        .email-design-dark-footer-10::before {
                            content: "";
                            position: absolute;

                            left: 0;
                            top: 0;

                            width: 4px;
                            height: 100%;

                            background: #D9A300;
                        }

                        .email-design-dark-footer-10::after {
                            content: "";
                            position: absolute;

                            right: -70px;
                            top: -100px;

                            width: 230px;
                            height: 230px;

                            border: 1px solid rgba(217, 163, 0, 0.10);
                            border-radius: 50%;
                        }


                        /* ============================================================
   FOOTER NUMBER
============================================================ */

                        .email-design-dark-footer-number-10 {
                            position: relative;
                            z-index: 2;

                            display: flex;
                            align-items: center;
                            justify-content: center;

                            width: 62px;
                            height: 62px;

                            background: #FFE28A;
                            color: #111111;

                            border-radius: 50%;

                            font-size: 15px;
                            font-weight: 800;
                        }


                        /* ============================================================
   FOOTER TEXT
============================================================ */

                        .email-design-dark-footer-text-10 {
                            position: relative;
                            z-index: 2;

                            margin: 0;

                            color: #D0D0D0;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   LARGE TABLET
============================================================ */

                        @media (max-width: 1000px) {

                            #email-design-dark-section-10 {
                                padding: 75px 22px;
                            }

                            .email-design-dark-header-10 {
                                gap: 55px;
                            }

                            .email-design-dark-card-10 {
                                padding: 27px 24px 30px;
                            }

                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 800px) {

                            #email-design-dark-section-10 {
                                padding: 68px 18px;
                            }

                            .email-design-dark-header-10 {
                                grid-template-columns: 1fr;
                                gap: 30px;
                                margin-bottom: 38px;
                                padding-bottom: 34px;
                            }

                            .email-design-dark-heading-10 {
                                font-size: 40px;
                            }

                            .email-design-dark-cards-10 {
                                grid-template-columns: repeat(2, 1fr);
                            }

                            .email-design-dark-card-10,
                            .email-design-dark-card-10:nth-child(4),
                            .email-design-dark-card-10:nth-child(5),
                            .email-design-dark-card-10:nth-child(6),
                            .email-design-dark-card-10:nth-child(7),
                            .email-design-dark-card-10:nth-child(8) {
                                grid-column: span 1;
                            }

                            .email-design-dark-card-10:nth-child(7),
                            .email-design-dark-card-10:nth-child(8) {
                                min-height: 250px;
                            }

                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 560px) {

                            #email-design-dark-section-10 {
                                padding: 58px 14px 62px;
                            }

                            #email-design-dark-section-10::before,
                            #email-design-dark-section-10::after {
                                display: none;
                            }

                            .email-design-dark-header-10 {
                                gap: 25px;
                                margin-bottom: 32px;
                                padding-bottom: 30px;
                            }

                            .email-design-dark-label-10 {
                                font-size: 9px;
                                letter-spacing: 1.5px;
                            }

                            .email-design-dark-heading-10 {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .email-design-dark-intro-10 {
                                padding-left: 18px;
                            }

                            .email-design-dark-intro-text-10 {
                                font-size: 14px;
                                line-height: 1.75;
                            }

                            .email-design-dark-cards-10 {
                                grid-template-columns: 1fr;
                                gap: 14px;
                            }

                            .email-design-dark-card-10,
                            .email-design-dark-card-10:nth-child(7),
                            .email-design-dark-card-10:nth-child(8) {
                                grid-column: span 1;
                                min-height: auto;
                                padding: 25px 21px 29px;
                            }

                            .email-design-dark-number-10 {
                                width: 38px;
                                height: 38px;
                                margin-bottom: 21px;
                                font-size: 10px;
                            }

                            .email-design-dark-card-title-10 {
                                font-size: 18px;
                                margin-bottom: 11px;
                            }

                            .email-design-dark-card-text-10 {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                            .email-design-dark-card-10::after {
                                left: 21px;
                            }

                            .email-design-dark-footer-10 {
                                grid-template-columns: 1fr;
                                gap: 18px;
                                margin-top: 18px;
                                padding: 24px 20px;
                            }

                            .email-design-dark-footer-number-10 {
                                width: 56px;
                                height: 56px;
                                font-size: 13px;
                            }

                            .email-design-dark-footer-text-10 {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-design-dark-section-10 {
                                padding: 50px 12px 55px;
                            }

                            .email-design-dark-heading-10 {
                                font-size: 29px;
                            }

                            .email-design-dark-card-10 {
                                padding: 22px 18px 26px;
                            }

                            .email-design-dark-card-title-10 {
                                font-size: 17px;
                            }

                            .email-design-dark-card-text-10 {
                                font-size: 13px;
                            }

                            .email-design-dark-footer-10 {
                                padding: 21px 17px;
                            }

                        }
                    
                    
                        /* ============================================================
   SECTION 12 — CYCLIC 2
   FULL REDESIGN — DARK STEP JOURNEY
============================================================ */

                        #email-cyclic-dark-12 {
                            position: relative;
                            width: 100%;
                            max-width: 100%;
                            background: #0A0A0A;
                            padding: 40px 24px 60px;
                            overflow: hidden;
                        }

                        /* ============================================================
   BACKGROUND DECORATION
============================================================ */

                        #email-cyclic-dark-12::before {
                            content: "";
                            position: absolute;
                            width: 520px;
                            height: 520px;
                            top: -260px;
                            right: -180px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        #email-cyclic-dark-12::after {
                            content: "";
                            position: absolute;
                            width: 300px;
                            height: 300px;
                            bottom: -180px;
                            left: -120px;
                            border: 1px solid rgba(217, 163, 0, 0.06);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   MAIN WRAPPER
============================================================ */

                        .email12-dark-wrapper {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email12-dark-header {
                            display: grid;
                            grid-template-columns: 0.85fr 1.15fr;
                            gap: 80px;
                            align-items: end;
                            width: 100%;
                            margin-bottom: 60px;
                        }

                        .email12-dark-title-area {
                            position: relative;
                            width: 100%;
                            min-width: 0;
                        }

                        .email12-dark-eyebrow-holder {
                            margin-bottom: 20px;
                            text-align: left;
                        }

                        .email12-dark-eyebrow {
                            display: inline-block;
                            padding: 7px 14px;
                            background: rgba(217, 163, 0, 0.11);
                            border: 1px solid rgba(217, 163, 0, 0.35);
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 10px;
                            font-weight: 700;
                            line-height: 1;
                            letter-spacing: 1.5px;
                            text-transform: uppercase;
                        }

                        .email12-dark-heading {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.6px;
                            text-align: left;
                            overflow-wrap: break-word;
                        }

                        .email12-dark-intro {
                            width: 100%;
                            min-width: 0;
                            padding-left: 28px;
                            border-left: 2px solid #D9A300;
                        }

                        .email12-dark-description {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                            overflow-wrap: break-word;
                        }


                        /* ============================================================
   STEP GRID
============================================================ */

                        .email12-dark-steps {
                            display: grid;
                            grid-template-columns: repeat(5, minmax(0, 1fr));
                            gap: 12px;
                            width: 100%;
                            align-items: stretch;
                        }


                        /* ============================================================
   STEP CARD
============================================================ */

                        .email12-dark-step {
                            position: relative;
                            display: flex;
                            flex-direction: column;
                            min-width: 0;
                            min-height: 310px;
                            padding: 27px 22px 24px;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 163, 0, 0.20);
                            border-radius: 6px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                background 0.3s ease,
                                border-color 0.3s ease;
                        }

                        .email12-dark-step::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 3px;
                            background: #D9A300;
                            transform: scaleX(0.35);
                            transform-origin: left;
                            transition: transform 0.3s ease;
                        }

                        .email12-dark-step:hover {
                            transform: translateY(-6px);
                            border-color: rgba(217, 163, 0, 0.55);
                        }

                        .email12-dark-step:hover::before {
                            transform: scaleX(1);
                        }


                        /* ============================================================
   STEP NUMBER
============================================================ */

                        .email12-dark-step-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 38px;
                            height: 38px;
                            flex: 0 0 38px;
                            margin-bottom: 28px;
                            background: #FFE28A;
                            border-radius: 4px;
                            color: #111111;
                            font-size: 11px;
                            font-weight: 800;
                        }


                        /* ============================================================
   STEP TITLE
============================================================ */

                        .email12-dark-step-title {
                            margin: 0 0 14px;
                            color: #111111;
                            font-size: 17px;
                            font-weight: 700;
                            line-height: 1.35;
                            overflow-wrap: break-word;
                        }


                        /* ============================================================
   STEP DESCRIPTION
============================================================ */

                        .email12-dark-step-text {
                            margin: 0;
                            color: #111111;
                            font-size: 14px;
                            line-height: 1.7;
                            text-align: justify;
                            overflow-wrap: break-word;
                        }


                        /* ============================================================
   BOTTOM MESSAGE
============================================================ */

                        .email12-dark-result {
                            position: relative;
                            display: grid;
                            grid-template-columns: 95px minmax(0, 1fr);
                            gap: 28px;
                            align-items: center;
                            width: 100%;
                            min-width: 0;
                            margin-top: 28px;
                            padding: 28px 30px;
                            background: #FFE28A;
                            border-radius: 6px;
                            overflow: hidden;
                        }

                        .email12-dark-result::after {
                            content: "";
                            position: absolute;
                            right: -50px;
                            top: -70px;
                            width: 180px;
                            height: 180px;
                            border: 1px solid rgba(17, 17, 17, 0.10);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .email12-dark-result-badge {
                            position: relative;
                            z-index: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 70px;
                            height: 70px;
                            background: #111111;
                            border-radius: 50%;
                            color: #D9A300;
                            font-size: 14px;
                            font-weight: 800;
                            text-align: center;
                        }

                        .email12-dark-result-text {
                            position: relative;
                            z-index: 1;
                            min-width: 0;
                            margin: 0;
                            color: #303030;
                            font-size: 15px;
                            line-height: 1.75;
                            text-align: justify;
                            overflow-wrap: break-word;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 1100px) {

                            #email-cyclic-dark-12 {
                                padding: 88px 22px;
                            }

                            .email12-dark-header {
                                gap: 50px;
                            }

                            .email12-dark-steps {
                                grid-template-columns: repeat(3, minmax(0, 1fr));
                            }

                            .email12-dark-step {
                                min-height: 270px;
                            }
                        }


                        /* ============================================================
   TABLET / SMALL LAPTOP
============================================================ */

                        @media (max-width: 850px) {

                            .email12-dark-header {
                                grid-template-columns: 1fr;
                                gap: 32px;
                                margin-bottom: 42px;
                            }

                            .email12-dark-heading {
                                max-width: 700px;
                            }

                            .email12-dark-steps {
                                grid-template-columns: repeat(2, minmax(0, 1fr));
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 768px) {

                            #email-cyclic-dark-12 {
                                padding: 70px 18px 72px;
                            }

                            .email12-dark-eyebrow-holder {
                                text-align: center;
                            }

                            .email12-dark-heading {
                                font-size: 40px;
                                line-height: 1.2;
                                text-align: center;
                            }

                            .email12-dark-intro {
                                padding-left: 21px;
                            }

                            .email12-dark-description {
                                font-size: 15px;
                                line-height: 1.72;
                            }

                            .email12-dark-steps {
                                gap: 12px;
                            }

                            .email12-dark-step {
                                min-height: 250px;
                                padding: 24px 20px;
                            }

                            .email12-dark-result {
                                grid-template-columns: 1fr;
                                gap: 20px;
                                padding: 25px 22px;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 520px) {

                            #email-cyclic-dark-12 {
                                padding: 58px 14px 60px;
                            }

                            .email12-dark-header {
                                gap: 27px;
                                margin-bottom: 34px;
                            }

                            .email12-dark-eyebrow {
                                font-size: 9px;
                                padding: 7px 12px;
                            }

                            .email12-dark-heading {
                                font-size: 32px;
                            }

                            .email12-dark-intro {
                                padding-left: 17px;
                            }

                            .email12-dark-description {
                                font-size: 14px;
                            }

                            .email12-dark-steps {
                                grid-template-columns: 1fr;
                            }

                            .email12-dark-step {
                                min-height: auto;
                                padding: 24px 21px;
                            }

                            .email12-dark-step-number {
                                width: 34px;
                                height: 34px;
                                flex-basis: 34px;
                                margin-bottom: 20px;
                            }

                            .email12-dark-step-title {
                                font-size: 17px;
                            }

                            .email12-dark-step-text {
                                font-size: 14px;
                                line-height: 1.68;
                            }

                            .email12-dark-result {
                                margin-top: 18px;
                                padding: 23px 19px;
                            }

                            .email12-dark-result-badge {
                                width: 58px;
                                height: 58px;
                                font-size: 12px;
                            }

                            .email12-dark-result-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-cyclic-dark-12 {
                                padding: 50px 12px 54px;
                            }

                            .email12-dark-heading {
                                font-size: 29px;
                            }

                            .email12-dark-step {
                                padding: 21px 18px;
                            }

                            .email12-dark-step-title {
                                font-size: 16px;
                            }

                            .email12-dark-step-text {
                                font-size: 13.5px;
                            }
                        }
                    



                            
                        /* ============================================================
   SECTION 14 — CYCLIC 2
   FULL REDESIGN — PROCESS MATRIX
   No Previous Timeline Design
============================================================ */

                        #email-process-dark-14 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 40px 24px 70px;
                            overflow: hidden;
                        }

                        /* Decorative background geometry */
                        #email-process-dark-14::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 45%;
                            height: 100%;
                            background:
                                linear-gradient(135deg,
                                    transparent 0%,
                                    rgba(217, 163, 0, 0.035) 100%);
                            pointer-events: none;
                        }

                        #email-process-dark-14::after {
                            content: "";
                            position: absolute;
                            left: -180px;
                            bottom: -180px;
                            width: 430px;
                            height: 430px;
                            border: 1px solid rgba(217, 163, 0, 0.07);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .email14-process-wrap {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1220px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email14-process-header {
                            display: grid;
                            grid-template-columns: 0.85fr 1.15fr;
                            gap: 80px;
                            align-items: end;
                            margin-bottom: 60px;
                        }

                        .email14-process-title-block {
                            position: relative;
                        }

                        .email14-process-label-wrap {
                            margin-bottom: 20px;
                            text-align: left;
                        }

                        .email14-process-label {
                            display: inline-block;
                            padding: 7px 14px;
                            background: rgba(217, 163, 0, 0.11);
                            border: 1px solid rgba(217, 163, 0, 0.35);
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 10px;
                            font-weight: 700;
                            line-height: 1;
                            letter-spacing: 1.6px;
                            text-transform: uppercase;
                        }

                        .email14-process-heading {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.6px;
                            text-align: left;
                        }

                        .email14-process-intro {
                            position: relative;
                            padding: 22px 0 22px 28px;
                            border-left: 2px solid #D9A300;
                        }

                        .email14-process-intro::before {
                            content: "";
                            position: absolute;
                            left: -5px;
                            top: 22px;
                            width: 8px;
                            height: 8px;
                            background: #D9A300;
                            border-radius: 50%;
                        }

                        .email14-process-description {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   PROCESS MATRIX
============================================================ */

                        .email14-process-grid {
                            display: grid;
                            grid-template-columns: repeat(3, 1fr);
                            gap: 14px;
                        }


                        /* ============================================================
   PROCESS ITEM
============================================================ */

                        .email14-process-card {
                            position: relative;
                            min-height: 245px;
                            padding: 28px 25px 25px;
                            background: #FFE28A;
                            border-radius: 6px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .email14-process-card::before {
                            content: "";
                            position: absolute;
                            right: -25px;
                            top: -25px;
                            width: 105px;
                            height: 105px;
                            border: 1px solid rgba(17, 17, 17, 0.10);
                            border-radius: 50%;
                        }

                        .email14-process-card::after {
                            content: "";
                            position: absolute;
                            right: 15px;
                            top: 15px;
                            width: 7px;
                            height: 7px;
                            background: #D9A300;
                            border-radius: 50%;
                        }

                        .email14-process-card:hover {
                            transform: translateY(-6px);
                            box-shadow: 0 15px 32px rgba(217, 163, 0, 0.12);
                        }


                        /* ============================================================
   PROCESS NUMBER
============================================================ */

                        .email14-process-number {
                            position: relative;
                            z-index: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 38px;
                            height: 38px;
                            margin-bottom: 28px;
                            background: #111111;
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                        }


                        /* ============================================================
   PROCESS TITLE
============================================================ */

                        .email14-process-card-title {
                            position: relative;
                            z-index: 1;
                            margin: 0 0 12px;
                            color: #111111;
                            font-size: 18px;
                            font-weight: 700;
                            line-height: 1.35;
                        }


                        /* ============================================================
   PROCESS DESCRIPTION
============================================================ */

                        .email14-process-card-text {
                            position: relative;
                            z-index: 1;
                            margin: 0;
                            color: #303030;
                            font-size: 14px;
                            line-height: 1.7;
                            text-align: justify;
                        }


                        /* ============================================================
   FINAL CYCLE MESSAGE
============================================================ */

                        .email14-process-conclusion {
                            position: relative;
                            display: grid;
                            grid-template-columns: 125px 1fr;
                            gap: 30px;
                            align-items: center;
                            margin-top: 28px;
                            padding: 30px 32px;
                            background: #10150A;
                            border: 1px solid rgba(217, 163, 0, 0.25);
                            border-radius: 6px;
                            overflow: hidden;
                        }

                        .email14-process-conclusion::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 4px;
                            height: 100%;
                            background: #D9A300;
                        }

                        .email14-process-cycle-mark {
                            position: relative;
                            z-index: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 82px;
                            height: 82px;
                            border: 1px solid #D9A300;
                            border-radius: 50%;
                            color: #D9A300;
                            font-size: 24px;
                            font-weight: 700;
                        }

                        .email14-process-conclusion-text {
                            position: relative;
                            z-index: 1;
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   LARGE TABLET
============================================================ */

                        @media (max-width: 1050px) {

                            #email-process-dark-14 {
                                padding: 88px 22px;
                            }

                            .email14-process-header {
                                gap: 50px;
                            }

                            .email14-process-grid {
                                grid-template-columns: repeat(2, 1fr);
                            }

                            .email14-process-card {
                                min-height: 225px;
                            }
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 800px) {

                            .email14-process-header {
                                grid-template-columns: 1fr;
                                gap: 32px;
                                margin-bottom: 42px;
                            }

                            .email14-process-heading {
                                max-width: 700px;
                            }

                            .email14-process-intro {
                                max-width: 800px;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 768px) {

                            #email-process-dark-14 {
                                padding: 70px 18px 72px;
                            }

                            .email14-process-label-wrap {
                                text-align: center;
                            }

                            .email14-process-heading {
                                font-size: 40px;
                                line-height: 1.2;
                                text-align: center;
                            }

                            .email14-process-intro {
                                padding-left: 21px;
                            }

                            .email14-process-description {
                                font-size: 15px;
                                line-height: 1.72;
                            }

                            .email14-process-grid {
                                gap: 12px;
                            }

                            .email14-process-card {
                                min-height: 240px;
                                padding: 24px 21px;
                            }

                            .email14-process-conclusion {
                                grid-template-columns: 1fr;
                                gap: 20px;
                                padding: 25px 22px;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 540px) {

                            #email-process-dark-14 {
                                padding: 58px 14px 60px;
                            }

                            .email14-process-header {
                                gap: 27px;
                                margin-bottom: 34px;
                            }

                            .email14-process-label {
                                font-size: 9px;
                                padding: 7px 12px;
                            }

                            .email14-process-heading {
                                font-size: 32px;
                            }

                            .email14-process-intro {
                                padding-left: 17px;
                            }

                            .email14-process-description {
                                font-size: 14px;
                            }

                            .email14-process-grid {
                                grid-template-columns: 1fr;
                                gap: 12px;
                            }

                            .email14-process-card {
                                min-height: auto;
                                padding: 24px 21px;
                            }

                            .email14-process-number {
                                width: 34px;
                                height: 34px;
                                margin-bottom: 20px;
                            }

                            .email14-process-card-title {
                                font-size: 17px;
                            }

                            .email14-process-card-text {
                                font-size: 14px;
                                line-height: 1.68;
                            }

                            .email14-process-conclusion {
                                margin-top: 18px;
                                padding: 23px 19px;
                            }

                            .email14-process-cycle-mark {
                                width: 58px;
                                height: 58px;
                                font-size: 17px;
                            }

                            .email14-process-conclusion-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-process-dark-14 {
                                padding: 50px 12px 54px;
                            }

                            .email14-process-heading {
                                font-size: 29px;
                            }

                            .email14-process-card {
                                padding: 21px 18px;
                            }

                            .email14-process-card-title {
                                font-size: 16px;
                            }

                            .email14-process-card-text {
                                font-size: 13.5px;
                            }
                        }



                            
                        /* ============================================================
   SECTION 15 — CYCLIC 1
   BUILDING AND USING YOUR EMAIL LIST
============================================================ */

                        #foundation-email-light-15 {
                            position: relative;
                            width: 100%;
                            max-width: 100%;
                            background: #FFFFFF;
                            padding: 45px 24px 70px;
                            overflow: hidden;
                        }

                        #foundation-email-light-15,
                        #foundation-email-light-15 * {
                            box-sizing: border-box;
                        }


                        /* ============================================================
   BACKGROUND DECORATION
============================================================ */

                        #foundation-email-light-15::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 260px;
                            height: 260px;
                            border-top: 1px solid rgba(217, 154, 0, 0.18);
                            border-right: 1px solid rgba(217, 154, 0, 0.18);
                            pointer-events: none;
                        }

                        #foundation-email-light-15::after {
                            content: "";
                            position: absolute;
                            left: -100px;
                            bottom: -100px;
                            width: 260px;
                            height: 260px;
                            border: 1px solid rgba(217, 154, 0, 0.10);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   MAIN CONTAINER
============================================================ */

                        .email15-foundation-wrap {
                            position: relative;
                            z-index: 2;
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email15-foundation-header {
                            display: flex;
                            align-items: flex-end;
                            gap: 40px;
                            margin-bottom: 42px;
                            padding-bottom: 35px;
                            border-bottom: 1px solid #E5E5E5;
                        }

                        .email15-foundation-title-area {
                            width: 100%;
                            max-width: 720px;
                        }

                        .email15-foundation-label-wrap {
                            margin-bottom: 17px;
                        }

                        .email15-foundation-label {
                            display: inline-flex;
                            align-items: center;
                            gap: 9px;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }

                        .email15-foundation-label::before {
                            content: "";
                            width: 28px;
                            height: 2px;
                            flex: 0 0 28px;
                            background: #D99A00;
                        }

                        .email15-foundation-heading {
                            margin: 0;
                            color: #292D32;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            letter-spacing: -0.5px;
                            text-align: left;
                        }


                        /* ============================================================
   INTRODUCTION
============================================================ */

                        .email15-foundation-intro {
                            width: 100%;
                            max-width: 950px;
                            margin-bottom: 32px;
                            padding-left: 20px;
                            border-left: 3px solid #D99A00;
                        }

                        .email15-foundation-intro-text {
                            margin: 0;
                            color: #30343A;
                            font-size: 16px;
                            line-height: 1.75;
                            text-align: justify;
                            overflow-wrap: anywhere;
                        }


                        /* ============================================================
   CONTENT GRID
============================================================ */

                        .email15-foundation-content {
                            display: grid;
                            grid-template-columns: repeat(2, minmax(0, 1fr));
                            gap: 16px;
                            width: 100%;
                        }

                        .email15-foundation-content>* {
                            min-width: 0;
                        }


                        /* ============================================================
   CONTENT PANELS
============================================================ */

                        .email15-foundation-panel {
                            position: relative;
                            min-width: 0;
                            padding: 30px 30px 28px;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 154, 0, 0.22);
                            border-radius: 7px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                border-color 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .email15-foundation-panel::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 42px;
                            height: 4px;
                            background: #D99A00;
                            transition: width 0.3s ease;
                        }

                        .email15-foundation-panel::after {
                            content: "";
                            position: absolute;
                            right: -35px;
                            bottom: -35px;
                            width: 120px;
                            height: 120px;
                            border: 1px solid rgba(17, 17, 17, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        .email15-foundation-panel:hover {
                            transform: translateY(-4px);
                            border-color: rgba(217, 154, 0, 0.55);
                            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
                        }

                        .email15-foundation-panel:hover::before {
                            width: 82px;
                        }


                        /* ============================================================
   PANEL NUMBER
============================================================ */

                        .email15-foundation-number {
                            position: relative;
                            z-index: 2;
                            display: block;
                            margin: 0 0 20px;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            letter-spacing: 1.5px;
                        }


                        /* ============================================================
   PANEL TEXT
============================================================ */

                        .email15-foundation-panel-text {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #30343A;
                            font-size: 15px;
                            line-height: 1.78;
                            text-align: justify;
                            overflow-wrap: anywhere;
                        }


                        /* ============================================================
   FINAL EMPHASIS
============================================================ */

                        .email15-foundation-final {
                            position: relative;
                            grid-column: 1 / -1;
                            min-width: 0;
                            padding: 30px 32px 30px 35px;
                            background: #FFFFFF;
                            border: 1px solid #D99A00;
                            border-radius: 7px;
                            overflow: hidden;
                        }

                        .email15-foundation-final::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 5px;
                            height: 100%;
                            background: #111111;
                        }

                        .email15-foundation-final-label {
                            display: block;
                            margin-bottom: 11px;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.4px;
                        }

                        .email15-foundation-final-text {
                            margin: 0;
                            color: #292D32;
                            font-size: 16px;
                            line-height: 1.78;
                            text-align: justify;
                            overflow-wrap: anywhere;
                        }


                        /* ============================================================
   LARGE TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #foundation-email-light-15 {
                                padding: 70px 22px;
                            }

                            .email15-foundation-header {
                                margin-bottom: 35px;
                                padding-bottom: 30px;
                            }

                            .email15-foundation-content {
                                gap: 14px;
                            }

                            .email15-foundation-panel {
                                padding: 27px 25px;
                            }

                            .email15-foundation-final {
                                padding: 28px 30px 28px 33px;
                            }
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 768px) {

                            #foundation-email-light-15 {
                                padding: 64px 18px 68px;
                            }

                            .email15-foundation-header {
                                display: block;
                                margin-bottom: 32px;
                                padding-bottom: 28px;
                            }

                            .email15-foundation-title-area {
                                max-width: 100%;
                            }

                            .email15-foundation-heading {
                                font-size: 40px;
                            }

                            .email15-foundation-intro {
                                margin-bottom: 28px;
                                padding-left: 17px;
                            }

                            .email15-foundation-intro-text {
                                font-size: 15px;
                                line-height: 1.72;
                            }

                            .email15-foundation-content {
                                grid-template-columns: 1fr;
                                gap: 13px;
                            }

                            .email15-foundation-final {
                                grid-column: auto;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 540px) {

                            #foundation-email-light-15 {
                                padding: 55px 14px 58px;
                            }

                            .email15-foundation-header {
                                margin-bottom: 28px;
                                padding-bottom: 25px;
                            }

                            .email15-foundation-label-wrap {
                                margin-bottom: 15px;
                            }

                            .email15-foundation-label {
                                font-size: 9px;
                                letter-spacing: 1.3px;
                            }

                            .email15-foundation-label::before {
                                width: 22px;
                                flex-basis: 22px;
                            }

                            .email15-foundation-heading {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .email15-foundation-intro {
                                margin-bottom: 24px;
                                padding-left: 14px;
                            }

                            .email15-foundation-intro-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }

                            .email15-foundation-content {
                                gap: 12px;
                            }

                            .email15-foundation-panel {
                                padding: 23px 20px 24px;
                            }

                            .email15-foundation-number {
                                margin-bottom: 17px;
                                font-size: 10px;
                            }

                            .email15-foundation-panel-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }

                            .email15-foundation-final {
                                padding: 24px 20px 24px 25px;
                            }

                            .email15-foundation-final-text {
                                font-size: 14px;
                                line-height: 1.7;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #foundation-email-light-15 {
                                padding: 48px 12px 52px;
                            }

                            .email15-foundation-heading {
                                font-size: 29px;
                            }

                            .email15-foundation-panel {
                                padding: 21px 17px 22px;
                            }

                            .email15-foundation-panel-text {
                                font-size: 13.5px;
                            }

                            .email15-foundation-final {
                                padding: 22px 17px 22px 22px;
                            }

                            .email15-foundation-final-text {
                                font-size: 13.5px;
                            }
                        }
                    
                    

                        
                    
                        /* ============================================================
   SECTION 16 — CYCLIC 2
   UNIQUE DESIGN — 2 X 2 SEGMENTATION CARDS
============================================================ */

                        #segmentation-cyclic-two-16 {
                            background: #0A0A0A;
                            padding: 50px 24px;
                            overflow: hidden;
                        }

                        .seg16-main-wrapper {
                            width: 100%;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .seg16-header {
                            max-width: 900px;
                            margin: 0 auto 52px;
                            text-align: center;
                        }

                        .seg16-label {
                            display: inline-block;
                            margin-bottom: 18px;
                            padding: 7px 16px;
                            border: 1px solid rgba(217, 163, 0, 0.45);
                            background: rgba(217, 163, 0, 0.10);
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.8px;
                            border-radius: 4px;
                        }

                        .seg16-title {
                            margin: 0;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            text-align: center;
                        }


                        /* ============================================================
   2 X 2 GRID
============================================================ */

                        .seg16-card-grid {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 22px;
                        }


                        /* ============================================================
   CARD
============================================================ */

                        .seg16-card {
                            position: relative;
                            background: #FFE28A;
                            padding: 32px 30px 34px;
                            border-radius: 6px;
                            min-height: 100%;
                            overflow: hidden;
                            border: 1px solid transparent;
                            transition:
                                transform 0.3s ease,
                                border-color 0.3s ease,
                                box-shadow 0.3s ease;
                        }


                        /* Decorative corner */

                        .seg16-card::after {
                            content: "";
                            position: absolute;
                            right: -35px;
                            bottom: -35px;
                            width: 110px;
                            height: 110px;
                            border: 1px solid rgba(17, 17, 17, 0.12);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* Top accent */

                        .seg16-card::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 4px;
                            background: #D9A300;
                        }


                        /* Hover */

                        .seg16-card:hover {
                            transform: translateY(-6px);
                            border-color: #D9A300;
                            box-shadow: 0 18px 35px rgba(0, 0, 0, 0.25);
                        }


                        /* ============================================================
   CARD NUMBER
============================================================ */

                        .seg16-card-number {
                            position: relative;
                            z-index: 2;
                            display: flex;
                            align-items: center;
                            gap: 10px;
                            margin-bottom: 20px;
                        }

                        .seg16-card-number span {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 38px;
                            height: 28px;
                            background: #111111;
                            color: #FFFFFF;
                            border-radius: 4px;
                            font-size: 10px;
                            font-weight: 800;
                            letter-spacing: 1px;
                        }

                        .seg16-card-number-line {
                            width: 35px;
                            height: 1px;
                            background: #111111;
                        }


                        /* ============================================================
   CARD CONTENT
============================================================ */

                        .seg16-card-text {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #303030;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   CARD 04 — FEATURED DARK CARD
============================================================ */

                        .seg16-card-featured {
                            background: #10150A;
                            border: 1px solid rgba(217, 163, 0, 0.35);
                        }

                        .seg16-card-featured::before {
                            background: #D9A300;
                        }

                        .seg16-card-featured .seg16-card-number span {
                            background: #D9A300;
                            color: #111111;
                        }

                        .seg16-card-featured .seg16-card-number-line {
                            background: #D9A300;
                        }

                        .seg16-card-featured .seg16-card-text {
                            color: #D0D0D0;
                        }

                        .seg16-card-featured::after {
                            border-color: rgba(217, 163, 0, 0.18);
                        }


                        /* ============================================================
   RESPONSIVE — TABLET
============================================================ */

                        @media (max-width: 900px) {

                            #segmentation-cyclic-two-16 {
                                padding: 78px 22px;
                            }

                            .seg16-card-grid {
                                gap: 18px;
                            }

                            .seg16-card {
                                padding: 28px 25px 30px;
                            }

                            .seg16-card-text {
                                font-size: 14px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   RESPONSIVE — MOBILE
============================================================ */

                        @media (max-width: 700px) {

                            #segmentation-cyclic-two-16 {
                                padding: 65px 18px;
                            }

                            .seg16-header {
                                margin-bottom: 38px;
                            }

                            .seg16-title {
                                font-size: 40px;
                            }

                            .seg16-card-grid {
                                grid-template-columns: 1fr;
                                gap: 18px;
                            }

                            .seg16-card {
                                padding: 27px 24px 30px;
                            }

                            .seg16-card-text {
                                font-size: 14px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   RESPONSIVE — SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #segmentation-cyclic-two-16 {
                                padding: 55px 14px;
                            }

                            .seg16-label {
                                font-size: 9px;
                                letter-spacing: 1.4px;
                                padding: 6px 13px;
                            }

                            .seg16-title {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .seg16-card {
                                padding: 24px 20px 27px;
                            }

                            .seg16-card-number {
                                margin-bottom: 17px;
                            }

                            .seg16-card-text {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL DEVICES
============================================================ */

                        @media (max-width: 360px) {

                            #segmentation-cyclic-two-16 {
                                padding-left: 12px;
                                padding-right: 12px;
                            }

                            .seg16-title {
                                font-size: 30px;
                            }

                            .seg16-card {
                                padding: 22px 17px 25px;
                            }

                            .seg16-card-text {
                                font-size: 13px;
                            }
                        }
                    

                        
                        /* ============================================================
   SECTION 23 — CYCLIC 1
   UNIQUE DESIGN — AUTHENTICATION FLOW
============================================================ */

                        #deliverability-cyclic-one-23 {
                            position: relative;
                            background: #FFFFFF;
                            padding: 55px 24px 70px;
                            overflow: hidden;
                        }

                        #deliverability-cyclic-one-23::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 38%;
                            height: 100%;
                            background: linear-gradient(135deg,
                                    transparent 0%,
                                    rgba(255, 226, 138, 0.18) 100%);
                            pointer-events: none;
                        }

                        .deliver23-wrapper {
                            position: relative;
                            z-index: 2;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .deliver23-header {
                            max-width: 900px;
                            margin-bottom: 52px;
                        }

                        .deliver23-eyebrow {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            margin-bottom: 18px;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.8px;
                        }

                        .deliver23-eyebrow::before {
                            content: "";
                            width: 32px;
                            height: 2px;
                            background: #D99A00;
                        }

                        .deliver23-heading {
                            margin: 0 0 24px;
                            color: #292D32;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            text-align: left;
                        }

                        .deliver23-intro {
                            margin: 0;
                            color: #30343A;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   AUTHENTICATION FLOW
============================================================ */

                        .deliver23-authentication {
                            position: relative;
                            display: grid;
                            grid-template-columns: repeat(3, 1fr);
                            gap: 22px;
                            margin-top: 48px;
                        }


                        /* connecting line */

                        .deliver23-authentication::before {
                            content: "";
                            position: absolute;
                            top: 38px;
                            left: 13%;
                            right: 13%;
                            height: 1px;
                            background: #E3A900;
                            z-index: 0;
                        }


                        /* ============================================================
   AUTHENTICATION CARD
============================================================ */

                        .deliver23-card {
                            position: relative;
                            z-index: 1;
                            background: #FFE28A;
                            border: 1px solid #E3A900;
                            border-radius: 6px;
                            padding: 28px 25px 30px;
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .deliver23-card:hover {
                            transform: translateY(-7px);
                            box-shadow: 0 14px 30px rgba(217, 154, 0, 0.16);
                        }


                        /* ============================================================
   CARD TOP
============================================================ */

                        .deliver23-card-top {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            margin-bottom: 25px;
                        }

                        .deliver23-card-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 42px;
                            height: 42px;
                            background: #111111;
                            color: #FFFFFF;
                            border-radius: 5px;
                            font-size: 12px;
                            font-weight: 800;
                            letter-spacing: 0.5px;
                        }

                        .deliver23-card-code {
                            color: #D99A00;
                            font-size: 10px;
                            font-weight: 800;
                            letter-spacing: 1.5px;
                        }


                        /* ============================================================
   CARD TITLE
============================================================ */

                        .deliver23-card-title {
                            margin: 0 0 13px;
                            color: #111111;
                            font-size: 20px;
                            font-weight: 700;
                            line-height: 1.25;
                        }


                        /* ============================================================
   CARD TEXT
============================================================ */

                        .deliver23-card-text {
                            margin: 0;
                            color: #30343A;
                            font-size: 14px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   BOTTOM EXPLANATION
============================================================ */

                        .deliver23-conclusion {
                            display: grid;
                            grid-template-columns: 170px 1fr;
                            gap: 30px;
                            align-items: start;
                            margin-top: 48px;
                            padding: 28px 30px;
                            background: #FAFAFA;
                            border-left: 4px solid #D99A00;
                            border-top: 1px solid #E5E5E5;
                            border-right: 1px solid #E5E5E5;
                            border-bottom: 1px solid #E5E5E5;
                        }

                        .deliver23-conclusion-label {
                            margin: 0;
                            color: #D99A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }

                        .deliver23-conclusion-text {
                            margin: 0;
                            color: #30343A;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 900px) {

                            #deliverability-cyclic-one-23 {
                                padding: 78px 22px 85px;
                            }

                            .deliver23-authentication {
                                gap: 16px;
                            }

                            .deliver23-card {
                                padding: 25px 21px 27px;
                            }

                            .deliver23-card-title {
                                font-size: 18px;
                            }

                            .deliver23-card-text {
                                font-size: 13.5px;
                            }

                            .deliver23-conclusion {
                                grid-template-columns: 130px 1fr;
                                gap: 22px;
                            }
                        }


                        /* ============================================================
   MOBILE TABLET
============================================================ */

                        @media (max-width: 700px) {

                            #deliverability-cyclic-one-23 {
                                padding: 68px 18px 75px;
                            }

                            .deliver23-heading {
                                font-size: 40px;
                            }

                            .deliver23-intro {
                                font-size: 15px;
                                line-height: 1.75;
                            }

                            .deliver23-authentication {
                                grid-template-columns: 1fr;
                                gap: 18px;
                                margin-top: 38px;
                            }

                            .deliver23-authentication::before {
                                display: none;
                            }

                            .deliver23-card {
                                padding: 26px 23px 29px;
                            }

                            .deliver23-card-top {
                                margin-bottom: 20px;
                            }

                            .deliver23-card-title {
                                font-size: 19px;
                            }

                            .deliver23-card-text {
                                font-size: 14px;
                                line-height: 1.75;
                            }

                            .deliver23-conclusion {
                                grid-template-columns: 1fr;
                                gap: 12px;
                                margin-top: 35px;
                                padding: 25px 22px;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #deliverability-cyclic-one-23 {
                                padding: 58px 14px 65px;
                            }

                            .deliver23-eyebrow {
                                font-size: 9px;
                                letter-spacing: 1.4px;
                            }

                            .deliver23-eyebrow::before {
                                width: 24px;
                            }

                            .deliver23-heading {
                                font-size: 32px;
                                line-height: 1.2;
                                margin-bottom: 20px;
                            }

                            .deliver23-intro {
                                font-size: 14px;
                                line-height: 1.72;
                            }

                            .deliver23-authentication {
                                margin-top: 30px;
                            }

                            .deliver23-card {
                                padding: 23px 19px 26px;
                            }

                            .deliver23-card-number {
                                width: 38px;
                                height: 38px;
                                font-size: 11px;
                            }

                            .deliver23-card-code {
                                font-size: 9px;
                            }

                            .deliver23-card-title {
                                font-size: 18px;
                            }

                            .deliver23-card-text {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                            .deliver23-conclusion {
                                padding: 22px 18px;
                            }

                            .deliver23-conclusion-text {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #deliverability-cyclic-one-23 {
                                padding-left: 12px;
                                padding-right: 12px;
                            }

                            .deliver23-heading {
                                font-size: 30px;
                            }

                            .deliver23-card {
                                padding: 21px 17px 24px;
                            }
                        }


                        /* ============================================================
   AUTHENTICATION NOTE — SECTION 23
   COMPLETELY UNIQUE CLASS + ID NAMES
============================================================ */

                        #deliverability-auth-note-23 {
                            display: grid;
                            grid-template-columns: 165px 1fr;
                            margin-top: 30px;
                            background: #10150A;
                            border: 1px solid rgba(217, 154, 0, 0.45);
                            border-radius: 8px;
                            overflow: hidden;
                            position: relative;
                            transition: transform 0.3s ease, box-shadow 0.3s ease;
                        }

                        /* LEFT LABEL */

                        .deliverability-auth-tag-23 {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: #FFE28A;
                            padding: 25px 18px;
                            position: relative;
                        }

                        .deliverability-auth-tag-23::after {
                            content: "";
                            position: absolute;
                            top: 18px;
                            right: 0;
                            width: 3px;
                            height: calc(100% - 36px);
                            background: #D9A300;
                        }

                        .deliverability-auth-tag-23 span {
                            color: #111111;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.4px;
                            text-align: center;
                        }

                        /* RIGHT CONTENT */

                        .deliverability-auth-body-23 {
                            padding: 28px 32px;
                            display: flex;
                            align-items: center;
                        }

                        .deliverability-auth-body-23 p {
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }

                        /* HOVER */

                        #deliverability-auth-note-23:hover {
                            transform: translateY(-3px);
                            box-shadow: 0 12px 28px rgba(217, 154, 0, 0.12);
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 768px) {

                            #deliverability-auth-note-23 {
                                grid-template-columns: 130px 1fr;
                            }

                            .deliverability-auth-body-23 {
                                padding: 24px;
                            }

                            .deliverability-auth-body-23 p {
                                font-size: 14px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 560px) {

                            #deliverability-auth-note-23 {
                                grid-template-columns: 1fr;
                            }

                            .deliverability-auth-tag-23 {
                                justify-content: flex-start;
                                padding: 14px 20px;
                            }

                            .deliverability-auth-tag-23::after {
                                top: auto;
                                bottom: 0;
                                left: 20px;
                                right: auto;
                                width: 45px;
                                height: 3px;
                            }

                            .deliverability-auth-tag-23 span {
                                font-size: 10px;
                                letter-spacing: 1.2px;
                            }

                            .deliverability-auth-body-23 {
                                padding: 21px 20px 24px;
                            }

                            .deliverability-auth-body-23 p {
                                font-size: 14px;
                                line-height: 1.75;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 380px) {

                            .deliverability-auth-tag-23 {
                                padding: 13px 17px;
                            }

                            .deliverability-auth-body-23 {
                                padding: 19px 17px 21px;
                            }

                            .deliverability-auth-body-23 p {
                                font-size: 13.5px;
                            }
                        }
                    



                    
                        /* ============================================================
   SECTION 31 — CYCLIC 1
   UNIQUE DESIGN — CUSTOMER LIFECYCLE GRID
============================================================ */

                        #customer-lifecycle-section-31 {
                            position: relative;
                            background: #FFFFFF;
                            padding: 45px 24px 70px;
                            overflow: hidden;
                        }



                        .customer-lifecycle-wrap-31 {
                            max-width: 1180px;
                            margin: 0 auto;
                            position: relative;
                            z-index: 2;
                        }

                        /* ============================================================
   HEADER
============================================================ */

                        .customer-lifecycle-header-31 {
                            max-width: 900px;
                            margin: 0 auto 48px;
                            text-align: center;
                        }

                        .customer-lifecycle-label-31 {
                            display: inline-block;
                            padding: 7px 16px;
                            margin-bottom: 18px;
                            background: #FFF4C7;
                            border: 1px solid #E3A900;
                            border-radius: 4px;
                            color: #B17A00;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }

                        .customer-lifecycle-heading-31 {
                            margin: 0 0 24px;
                            color: #292D32;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            text-align: center;
                        }

                        .customer-lifecycle-intro-31 {
                            margin: 0;
                            color: #30343A;
                            font-size: 16px;
                            line-height: 1.8;
                            text-align: justify;
                        }

                        /* ============================================================
   LIFECYCLE GRID
============================================================ */

                        .customer-lifecycle-grid-31 {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 20px;
                        }

                        /* ============================================================
   LIFECYCLE CARD
============================================================ */

                        .customer-lifecycle-card-31 {
                            position: relative;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 154, 0, 0.45);
                            border-radius: 8px;
                            padding: 28px 30px 30px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease,
                                border-color 0.3s ease;
                        }

                        /* Number accent */

                        .customer-lifecycle-card-31::before {
                            content: attr(data-step);
                            position: absolute;
                            top: 18px;
                            right: 22px;
                            color: rgba(17, 17, 17, 0.12);
                            font-size: 42px;
                            font-weight: 800;
                            line-height: 1;
                        }

                        /* Bottom accent */

                        .customer-lifecycle-card-31::after {
                            content: "";
                            position: absolute;
                            left: 30px;
                            bottom: 0;
                            width: 45px;
                            height: 3px;
                            background: #111111;
                            transition: width 0.3s ease;
                        }

                        .customer-lifecycle-card-31:hover {
                            transform: translateY(-5px);
                            border-color: #D99A00;
                            box-shadow: 0 14px 30px rgba(217, 154, 0, 0.14);
                        }

                        .customer-lifecycle-card-31:hover::after {
                            width: 85px;
                        }

                        /* ============================================================
   CARD CONTENT
============================================================ */

                        .customer-lifecycle-card-title-31 {
                            position: relative;
                            z-index: 2;
                            margin: 0 55px 12px 0;
                            color: #111111;
                            font-size: 19px;
                            font-weight: 700;
                            line-height: 1.35;
                        }

                        .customer-lifecycle-card-text-31 {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #303030;
                            font-size: 15px;
                            line-height: 1.75;
                            text-align: justify;
                        }

                        /* ============================================================
   FINAL INSIGHT
============================================================ */

                        .customer-lifecycle-summary-31 {
                            margin-top: 24px;
                            padding: 27px 30px;
                            background: #FAFAFA;
                            border-left: 4px solid #D99A00;
                            border-top: 1px solid #E8E8E8;
                            border-right: 1px solid #E8E8E8;
                            border-bottom: 1px solid #E8E8E8;
                            border-radius: 0 7px 7px 0;
                        }

                        .customer-lifecycle-summary-31 p {
                            margin: 0;
                            color: #30343A;
                            font-size: 15px;
                            line-height: 1.8;
                            text-align: justify;
                        }

                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 900px) {

                            #customer-lifecycle-section-31 {
                                padding: 78px 22px 82px;
                            }

                            .customer-lifecycle-grid-31 {
                                gap: 16px;
                            }

                            .customer-lifecycle-card-31 {
                                padding: 25px 24px 28px;
                            }

                            .customer-lifecycle-card-title-31 {
                                font-size: 18px;
                            }

                            .customer-lifecycle-card-text-31 {
                                font-size: 14px;
                            }
                        }

                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 700px) {

                            #customer-lifecycle-section-31 {
                                padding: 68px 18px 72px;
                            }

                            .customer-lifecycle-header-31 {
                                margin-bottom: 34px;
                            }

                            .customer-lifecycle-heading-31 {
                                font-size: 40px;
                                line-height: 1.2;
                            }

                            .customer-lifecycle-intro-31 {
                                font-size: 15px;
                                line-height: 1.75;
                            }

                            .customer-lifecycle-grid-31 {
                                grid-template-columns: 1fr;
                                gap: 15px;
                            }

                            .customer-lifecycle-card-31 {
                                padding: 25px 23px 28px;
                            }

                            .customer-lifecycle-card-text-31 {
                                font-size: 14px;
                                line-height: 1.75;
                            }

                            .customer-lifecycle-summary-31 {
                                margin-top: 18px;
                                padding: 23px 21px;
                            }
                        }

                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #customer-lifecycle-section-31 {
                                padding: 58px 14px 62px;
                            }

                            .customer-lifecycle-label-31 {
                                font-size: 9px;
                                letter-spacing: 1.2px;
                                padding: 6px 13px;
                            }

                            .customer-lifecycle-heading-31 {
                                font-size: 32px;
                            }

                            .customer-lifecycle-intro-31 {
                                font-size: 14px;
                            }

                            .customer-lifecycle-card-31 {
                                padding: 23px 19px 26px;
                            }

                            .customer-lifecycle-card-title-31 {
                                font-size: 17px;
                            }

                            .customer-lifecycle-card-text-31 {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                            .customer-lifecycle-card-31::before {
                                font-size: 34px;
                                right: 17px;
                            }

                            .customer-lifecycle-summary-31 {
                                padding: 20px 18px;
                            }

                            .customer-lifecycle-summary-31 p {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }
                        }
                    


                       
                        /* ============================================================
   SECTION 34 — CYCLIC 2
   UNIQUE DESIGN — 90-DAY ROADMAP CARDS
============================================================ */

                        #email-roadmap-dark-34 {
                            background: #0A0A0A;
                            padding: 45px 24px;
                            overflow: hidden;
                            position: relative;
                        }

                        #email-roadmap-dark-34::before {
                            content: "";
                            position: absolute;
                            width: 320px;
                            height: 320px;
                            top: -160px;
                            right: -120px;
                            border: 1px solid rgba(217, 163, 0, 0.12);
                            border-radius: 50%;
                        }

                        #email-roadmap-dark-34::after {
                            content: "";
                            position: absolute;
                            width: 220px;
                            height: 220px;
                            bottom: -110px;
                            left: -90px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                        }


                        /* ============================================================
   CONTAINER
============================================================ */

                        .email34-roadmap-container {
                            position: relative;
                            z-index: 2;
                            max-width: 1120px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email34-roadmap-header {
                            max-width: 850px;
                            margin: 0 auto 55px;
                            text-align: center;
                        }

                        .email34-roadmap-label {
                            display: inline-flex;
                            align-items: center;
                            gap: 9px;
                            margin-bottom: 18px;
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.8px;
                        }

                        .email34-roadmap-label::before,
                        .email34-roadmap-label::after {
                            content: "";
                            width: 24px;
                            height: 1px;
                            background: #D9A300;
                        }

                        .email34-roadmap-title {
                            margin: 0 0 24px;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.18;
                            letter-spacing: -0.5px;
                        }

                        .email34-roadmap-intro {
                            margin: 0;
                            color: #BEBEBE;
                            font-size: 16px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   ROADMAP GRID
============================================================ */

                        .email34-roadmap-grid {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 20px;
                        }


                        /* ============================================================
   ROADMAP CARD
============================================================ */

                        .email34-roadmap-card {
                            position: relative;
                            background: #FFE28A;
                            padding: 30px 30px 32px;
                            min-height: 250px;
                            border-radius: 8px;
                            overflow: hidden;
                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease;
                        }

                        .email34-roadmap-card:hover {
                            transform: translateY(-6px);
                            box-shadow: 0 18px 38px rgba(0, 0, 0, 0.25);
                        }


                        /* ============================================================
   CARD DECORATION
============================================================ */

                        .email34-roadmap-card::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 4px;
                            background: #D9A300;
                        }

                        .email34-roadmap-card::after {
                            content: "";
                            position: absolute;
                            width: 100px;
                            height: 100px;
                            right: -42px;
                            bottom: -42px;
                            border: 1px solid rgba(17, 17, 17, 0.12);
                            border-radius: 50%;
                        }


                        /* ============================================================
   CARD TOP
============================================================ */

                        .email34-roadmap-card-top {
                            position: relative;
                            z-index: 2;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            gap: 15px;
                            margin-bottom: 26px;
                        }

                        .email34-roadmap-week {
                            color: #111111;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.3px;
                        }

                        .email34-roadmap-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 36px;
                            height: 36px;
                            border: 1px solid rgba(17, 17, 17, 0.2);
                            border-radius: 50%;
                            color: #111111;
                            font-size: 12px;
                            font-weight: 800;
                        }


                        /* ============================================================
   CARD CONTENT
============================================================ */

                        .email34-roadmap-card-title {
                            position: relative;
                            z-index: 2;
                            margin: 0 0 13px;
                            color: #111111;
                            font-size: 21px;
                            font-weight: 750;
                            line-height: 1.3;
                        }

                        .email34-roadmap-card-text {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #303030;
                            font-size: 14.5px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   FEATURED FINAL CARD
============================================================ */

                        .email34-roadmap-card-featured {
                            grid-column: 1 / -1;
                            background: #111111;
                            border: 1px solid rgba(217, 163, 0, 0.4);
                        }

                        .email34-roadmap-card-featured::before {
                            background: #D9A300;
                        }

                        .email34-roadmap-card-featured::after {
                            border-color: rgba(217, 163, 0, 0.14);
                        }

                        .email34-roadmap-card-featured .email34-roadmap-week,
                        .email34-roadmap-card-featured .email34-roadmap-card-title {
                            color: #F5F5F5;
                        }

                        .email34-roadmap-card-featured .email34-roadmap-number {
                            color: #D9A300;
                            border-color: rgba(217, 163, 0, 0.45);
                        }

                        .email34-roadmap-card-featured .email34-roadmap-card-text {
                            color: #CFCFCF;
                        }


                        /* ============================================================
   BOTTOM NOTE
============================================================ */

                        .email34-roadmap-note {
                            margin-top: 34px;
                            padding: 24px 28px;
                            border-left: 3px solid #D9A300;
                            background: rgba(255, 255, 255, 0.035);
                        }

                        .email34-roadmap-note p {
                            margin: 0;
                            color: #BEBEBE;
                            font-size: 14px;
                            line-height: 1.75;
                            text-align: justify;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 900px) {

                            #email-roadmap-dark-34 {
                                padding: 82px 22px;
                            }

                            .email34-roadmap-header {
                                margin-bottom: 45px;
                            }

                            .email34-roadmap-grid {
                                gap: 16px;
                            }

                            .email34-roadmap-card {
                                padding: 27px 25px 29px;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 700px) {

                            #email-roadmap-dark-34 {
                                padding: 70px 18px;
                            }

                            .email34-roadmap-title {
                                font-size: 40px;
                            }

                            .email34-roadmap-intro {
                                font-size: 15px;
                            }

                            .email34-roadmap-grid {
                                grid-template-columns: 1fr;
                            }

                            .email34-roadmap-card-featured {
                                grid-column: auto;
                            }

                            .email34-roadmap-card {
                                min-height: auto;
                            }
                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #email-roadmap-dark-34 {
                                padding: 60px 14px;
                            }

                            .email34-roadmap-label {
                                font-size: 9px;
                                letter-spacing: 1.4px;
                            }

                            .email34-roadmap-title {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .email34-roadmap-intro {
                                font-size: 14px;
                                line-height: 1.7;
                            }

                            .email34-roadmap-card {
                                padding: 24px 21px 26px;
                            }

                            .email34-roadmap-card-title {
                                font-size: 19px;
                            }

                            .email34-roadmap-card-text {
                                font-size: 13.5px;
                                line-height: 1.72;
                            }

                            .email34-roadmap-note {
                                padding: 20px 20px;
                            }

                            .email34-roadmap-note p {
                                font-size: 13.5px;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            .email34-roadmap-title {
                                font-size: 29px;
                            }

                            .email34-roadmap-card {
                                padding: 21px 18px 23px;
                            }

                            .email34-roadmap-card-title {
                                font-size: 18px;
                            }

                            .email34-roadmap-card-text {
                                font-size: 13px;
                            }
                        }
                    


                        
                        /* ============================================================
   SECTION 40 — CYCLIC 2
   3 × 3 GRID + CENTERED 10TH CARD
============================================================ */

                        #email-engagement-grid-40 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 50px 24px 65px;
                            overflow: hidden;
                        }


                        /* ============================================================
   BACKGROUND DECORATION
============================================================ */

                        #email-engagement-grid-40::before {
                            content: "";
                            position: absolute;
                            width: 420px;
                            height: 420px;
                            top: -210px;
                            right: -160px;
                            border: 1px solid rgba(217, 163, 0, 0.10);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        #email-engagement-grid-40::after {
                            content: "";
                            position: absolute;
                            width: 280px;
                            height: 280px;
                            bottom: -150px;
                            left: -120px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   MAIN CONTAINER
============================================================ */

                        .email40-grid-container {
                            position: relative;
                            z-index: 2;
                            max-width: 1120px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   HEADER
============================================================ */

                        .email40-grid-header {
                            max-width: 900px;
                            margin: 0 auto 48px;
                            text-align: center;
                        }

                        .email40-grid-eyebrow {
                            display: inline-block;
                            position: relative;
                            margin-bottom: 18px;
                            padding: 6px 15px;
                            color: #D9A300;
                            background: rgba(217, 163, 0, 0.10);
                            border: 1px solid rgba(217, 163, 0, 0.30);
                            border-radius: 4px;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.6px;
                        }

                        .email40-grid-heading {
                            margin: 0 0 22px;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            letter-spacing: -0.5px;
                            text-align: center;
                        }

                        .email40-grid-description {
                            max-width: 850px;
                            margin: 0 auto;
                            color: #C8C8C8;
                            font-size: 16px;
                            line-height: 1.7;
                            text-align: justify;
                        }


                        /* ============================================================
   3 × 3 GRID
============================================================ */

                        .email40-grid-layout {
                            display: grid;
                            grid-template-columns: repeat(3, 1fr);
                            gap: 16px;
                            align-items: stretch;
                        }


                        /* ============================================================
   CARD
============================================================ */

                        .email40-grid-card {
                            position: relative;
                            min-height: 0;
                            padding: 23px 24px 25px;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 163, 0, 0.45);
                            border-radius: 8px;
                            overflow: hidden;

                            display: flex;
                            flex-direction: column;

                            transition:
                                transform 0.3s ease,
                                box-shadow 0.3s ease,
                                border-color 0.3s ease;
                        }


                        /* ============================================================
   CARD HOVER
============================================================ */

                        .email40-grid-card:hover {
                            transform: translateY(-5px);
                            border-color: #D9A300;
                            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
                        }


                        /* ============================================================
   CARD TOP ACCENT
============================================================ */

                        .email40-grid-card::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 3px;
                            background: #D9A300;
                        }


                        /* ============================================================
   DECORATIVE CORNER
============================================================ */

                        .email40-grid-card::after {
                            content: "";
                            position: absolute;
                            width: 85px;
                            height: 85px;
                            right: -40px;
                            bottom: -40px;
                            border: 1px solid rgba(17, 17, 17, 0.12);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   NUMBER
============================================================ */

                        .email40-grid-number {
                            position: relative;
                            z-index: 2;

                            display: flex;
                            align-items: center;
                            justify-content: center;

                            width: 36px;
                            height: 36px;

                            margin-bottom: 16px;

                            color: #111111;
                            background: transparent;

                            border: 1px solid rgba(17, 17, 17, 0.25);
                            border-radius: 50%;

                            font-size: 10px;
                            font-weight: 800;
                            letter-spacing: 0.5px;

                            transition:
                                background 0.3s ease,
                                color 0.3s ease,
                                transform 0.3s ease;
                        }


                        /* ============================================================
   NUMBER HOVER
============================================================ */

                        .email40-grid-card:hover .email40-grid-number {
                            background: #111111;
                            color: #FFE28A;
                            transform: rotate(8deg);
                        }


                        /* ============================================================
   CARD TITLE
============================================================ */

                        .email40-grid-card-title {
                            position: relative;
                            z-index: 2;

                            margin: 0 0 7px;

                            color: #111111;

                            font-size: 18px;
                            font-weight: 700;
                            line-height: 1.3;
                        }


                        /* ============================================================
   CARD TEXT
============================================================ */

                        .email40-grid-card-text {
                            position: relative;
                            z-index: 2;

                            margin: 0;

                            color: #333333;

                            font-size: 14px;
                            line-height: 1.58;

                            text-align: justify;
                        }


                        /* ============================================================
   10TH CARD — CENTERED
============================================================ */

                        .email40-grid-card:nth-child(10) {
                            grid-column: 2;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #email-engagement-grid-40 {
                                padding: 78px 22px 82px;
                            }

                            .email40-grid-layout {
                                grid-template-columns: repeat(2, 1fr);
                                gap: 15px;
                            }

                            /* Reset centered position on 2-column layout */
                            .email40-grid-card:nth-child(10) {
                                grid-column: auto;
                            }

                            .email40-grid-card {
                                padding: 22px 22px 24px;
                            }

                            .email40-grid-number {
                                width: 35px;
                                height: 35px;
                                margin-bottom: 15px;
                            }
                        }


                        /* ============================================================
   MOBILE TABLET
============================================================ */

                        @media (max-width: 700px) {

                            #email-engagement-grid-40 {
                                padding: 66px 18px 72px;
                            }

                            .email40-grid-header {
                                margin-bottom: 34px;
                            }

                            .email40-grid-heading {
                                font-size: 40px;
                                line-height: 1.2;
                            }

                            .email40-grid-description {
                                font-size: 15px;
                                line-height: 1.68;
                            }

                            .email40-grid-layout {
                                grid-template-columns: 1fr;
                                gap: 14px;
                            }

                            .email40-grid-card:nth-child(10) {
                                grid-column: auto;
                            }

                            .email40-grid-card {
                                min-height: 0;
                                padding: 21px 21px 23px;
                            }
                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #email-engagement-grid-40 {
                                padding: 58px 14px 62px;
                            }

                            .email40-grid-eyebrow {
                                font-size: 9px;
                                letter-spacing: 1.3px;
                                padding: 6px 13px;
                            }

                            .email40-grid-heading {
                                font-size: 32px;
                                line-height: 1.2;
                                letter-spacing: -0.3px;
                            }

                            .email40-grid-description {
                                font-size: 14px;
                                line-height: 1.68;
                            }

                            .email40-grid-card {
                                padding: 20px 18px 22px;
                                border-radius: 7px;
                            }

                            .email40-grid-number {
                                width: 34px;
                                height: 34px;
                                margin-bottom: 14px;
                                font-size: 10px;
                            }

                            .email40-grid-card-title {
                                font-size: 17px;
                                line-height: 1.3;
                            }

                            .email40-grid-card-text {
                                font-size: 13.5px;
                                line-height: 1.62;
                            }
                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-engagement-grid-40 {
                                padding: 54px 12px 58px;
                            }

                            .email40-grid-heading {
                                font-size: 29px;
                            }

                            .email40-grid-card {
                                padding: 19px 17px 21px;
                            }

                            .email40-grid-number {
                                width: 32px;
                                height: 32px;
                                margin-bottom: 13px;
                            }

                            .email40-grid-card-title {
                                font-size: 16px;
                            }

                            .email40-grid-card-text {
                                font-size: 13px;
                                line-height: 1.6;
                            }
                        }
                    



                         
                        /* ============================================================
   SECTION 42 — CYCLIC 2
   WHY US — 2×2 FEATURE GRID + STATS
============================================================ */

                        #email-why-us-42 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 50px 24px 65px;
                            overflow: hidden;
                        }

                        /* ============================================================
   BACKGROUND DECORATION
============================================================ */

                        #email-why-us-42::before {
                            content: "";
                            position: absolute;
                            width: 360px;
                            height: 360px;
                            top: -210px;
                            right: -150px;
                            border: 1px solid rgba(217, 163, 0, 0.09);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        #email-why-us-42::after {
                            content: "";
                            position: absolute;
                            width: 240px;
                            height: 240px;
                            bottom: -145px;
                            left: -115px;
                            border: 1px solid rgba(217, 163, 0, 0.07);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        /* ============================================================
   CONTAINER
============================================================ */

                        .email42-why-container {
                            position: relative;
                            z-index: 2;
                            max-width: 1120px;
                            margin: 0 auto;
                        }

                        /* ============================================================
   HEADER
============================================================ */

                        .email42-why-header {
                            max-width: 900px;
                            margin: 0 auto 44px;
                            text-align: center;
                        }

                        .email42-why-eyebrow {
                            display: inline-block;
                            margin-bottom: 16px;
                            padding: 7px 16px;
                            background: rgba(217, 163, 0, 0.10);
                            border: 1px solid rgba(217, 163, 0, 0.28);
                            border-radius: 4px;
                            color: #D9A300;
                            font-size: 10px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }

                        .email42-why-heading {
                            margin: 0 0 20px;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            letter-spacing: -0.5px;
                            text-align: center;
                        }

                        .email42-why-description {
                            max-width: 860px;
                            margin: 0 auto;
                            color: #C8C8C8;
                            font-size: 15.5px;
                            line-height: 1.72;
                            text-align: justify;
                        }

                        /* ============================================================
   2 × 2 FEATURE GRID
============================================================ */

                        .email42-why-grid {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 16px;
                        }

                        /* ============================================================
   COMMON CARD
============================================================ */

                        .email42-why-card {
                            position: relative;
                            background: #FFE28A;
                            border: 1px solid rgba(217, 163, 0, 0.32);
                            border-radius: 9px;
                            padding: 28px 27px 30px;
                            overflow: hidden;
                            transition:
                                transform 0.28s ease,
                                border-color 0.28s ease,
                                box-shadow 0.28s ease;
                        }

                        .email42-why-card:hover {
                            transform: translateY(-5px);
                            border-color: #D9A300;
                            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
                        }

                        /* ============================================================
   TOP ACCENT
============================================================ */

                        .email42-why-card::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 4px;
                            background: #D9A300;
                        }

                        /* ============================================================
   DECORATIVE CIRCLE
============================================================ */

                        .email42-why-card::after {
                            content: "";
                            position: absolute;
                            width: 110px;
                            height: 110px;
                            right: -55px;
                            bottom: -55px;
                            border: 1px solid rgba(17, 17, 17, 0.10);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        /* ============================================================
   FEATURE CARD
============================================================ */

                        .email42-why-feature {
                            min-height: 220px;
                        }

                        /* ============================================================
   NUMBER
============================================================ */

                        .email42-why-number {
                            position: relative;
                            z-index: 2;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 40px;
                            height: 40px;
                            margin-bottom: 20px;
                            border: 1px solid rgba(17, 17, 17, 0.22);
                            border-radius: 50%;
                            color: #111111;
                            font-size: 11px;
                            font-weight: 800;
                            letter-spacing: 0.5px;
                        }

                        /* ============================================================
   TITLE
============================================================ */

                        .email42-why-title {
                            position: relative;
                            z-index: 2;
                            margin: 0 0 11px;
                            color: #111111;
                            font-size: 20px;
                            font-weight: 700;
                            line-height: 1.3;
                        }

                        /* ============================================================
   TEXT
============================================================ */

                        .email42-why-text {
                            position: relative;
                            z-index: 2;
                            margin: 0;
                            color: #303030;
                            font-size: 14px;
                            line-height: 1.7;
                            text-align: justify;
                        }

                        /* ============================================================
   STATS CARD — FULL WIDTH
============================================================ */

                        .email42-why-stats {
                            grid-column: 1 / -1;
                            background: #111111;
                            border-color: rgba(217, 163, 0, 0.30);
                        }

                        .email42-why-stats:hover {
                            border-color: #D9A300;
                        }

                        .email42-why-stats .email42-why-number {
                            color: #D9A300;
                            border-color: rgba(217, 163, 0, 0.40);
                        }

                        .email42-why-stats .email42-why-title {
                            color: #F5F5F5;
                        }

                        .email42-why-stats .email42-why-text {
                            color: #BEBEBE;
                            max-width: 780px;
                        }

                        /* ============================================================
   STAT LIST
============================================================ */

                        .email42-stat-list {
                            position: relative;
                            z-index: 3;
                            display: grid;
                            grid-template-columns: repeat(5, 1fr);
                            gap: 10px;
                            margin-top: 22px;
                        }

                        .email42-stat-item {
                            padding: 15px 13px;
                            background: rgba(255, 255, 255, 0.045);
                            border: 1px solid rgba(255, 255, 255, 0.09);
                            border-radius: 6px;
                            transition:
                                background 0.25s ease,
                                border-color 0.25s ease,
                                transform 0.25s ease;
                        }

                        .email42-stat-item:hover {
                            background: rgba(217, 163, 0, 0.08);
                            border-color: rgba(217, 163, 0, 0.35);
                            transform: translateY(-2px);
                        }

                        .email42-stat-value {
                            display: block;
                            margin-bottom: 5px;
                            color: #D9A300;
                            font-size: 21px;
                            font-weight: 800;
                            line-height: 1.1;
                        }

                        .email42-stat-label {
                            display: block;
                            color: #BDBDBD;
                            font-size: 10.5px;
                            line-height: 1.4;
                        }

                        /* ============================================================
   BOTTOM NOTE
============================================================ */

                        .email42-why-note {
                            max-width: 980px;
                            margin: 24px auto 0;
                            padding: 17px 21px;
                            background: rgba(255, 255, 255, 0.035);
                            border-left: 3px solid #D9A300;
                        }

                        .email42-why-note p {
                            margin: 0;
                            color: #BEBEBE;
                            font-size: 13px;
                            line-height: 1.68;
                            text-align: justify;
                        }

                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #email-why-us-42 {
                                padding: 68px 22px 74px;
                            }

                            .email42-why-grid {
                                gap: 14px;
                            }

                            .email42-stat-list {
                                grid-template-columns: repeat(3, 1fr);
                            }

                        }

                        /* ============================================================
   MOBILE TABLET
============================================================ */

                        @media (max-width: 700px) {

                            #email-why-us-42 {
                                padding: 60px 18px 66px;
                            }

                            .email42-why-header {
                                margin-bottom: 36px;
                            }

                            .email42-why-heading {
                                font-size: 40px;
                                line-height: 1.2;
                            }

                            .email42-why-description {
                                font-size: 14.5px;
                                line-height: 1.68;
                            }

                            .email42-why-grid {
                                grid-template-columns: 1fr;
                                gap: 13px;
                            }

                            .email42-why-feature,
                            .email42-why-stats {
                                grid-column: auto;
                            }

                            .email42-stat-list {
                                grid-template-columns: repeat(3, 1fr);
                                gap: 8px;
                            }

                        }

                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #email-why-us-42 {
                                padding: 52px 14px 58px;
                            }

                            .email42-why-eyebrow {
                                font-size: 9px;
                                letter-spacing: 1.3px;
                                padding: 6px 13px;
                            }

                            .email42-why-heading {
                                font-size: 32px;
                                line-height: 1.2;
                            }

                            .email42-why-description {
                                font-size: 13.5px;
                                line-height: 1.65;
                            }

                            .email42-why-card {
                                padding: 23px 20px 25px;
                            }

                            .email42-why-number {
                                width: 35px;
                                height: 35px;
                                margin-bottom: 16px;
                                font-size: 10px;
                            }

                            .email42-why-title {
                                font-size: 18px;
                            }

                            .email42-why-text {
                                font-size: 13px;
                                line-height: 1.68;
                            }

                            .email42-stat-list {
                                grid-template-columns: repeat(2, 1fr);
                                gap: 8px;
                                margin-top: 18px;
                            }

                            .email42-stat-item {
                                padding: 11px 10px;
                            }

                            .email42-stat-value {
                                font-size: 18px;
                            }

                            .email42-stat-label {
                                font-size: 9.5px;
                            }

                            .email42-why-note {
                                margin-top: 18px;
                                padding: 15px 17px;
                            }

                            .email42-why-note p {
                                font-size: 12.5px;
                                line-height: 1.65;
                            }

                        }

                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            .email42-why-heading {
                                font-size: 29px;
                            }

                            .email42-why-card {
                                padding: 21px 17px 23px;
                            }

                            .email42-stat-list {
                                grid-template-columns: 1fr 1fr;
                            }

                        }
                    


                    
    


.fq-section {
--fq-accent: #D4AF37;      /* Rich Gold */
    --fq-accent2: #FFD700;     /* Bright Gold */
    --fq-dark: #0d1117;
    --fq-card: #141b22;

    --fq-border: rgba(212, 175, 55, 0.25);

    --fq-text: #c9d1d9;
    --fq-muted: #8b949e;
    --fq-white: #ffffff;
  --fq-radius: 14px;
  --fq-trans: 0.32s cubic-bezier(.4, 0, .2, 1);
  background:#000;
  padding: 72px 0 80px;
  overflow: hidden
}


.fq-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
  opacity: .18
}

.fq-blob--1 {
  width: 400px;
  height: 400px;
  background: var(--fq-accent);
  top: -120px;
  left: -100px
}

.fq-blob--2 {
  width: 300px;
  height: 300px;
  background: var(--fq-accent2);
  bottom: -80px;
  right: -80px
}

.fq-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1
}

.fq-header {
  text-align: center;
  margin-bottom: 48px
}

.fq-badge {
  display: inline-block;
  background: rgb(145 217 4 / .12);
  border: 1px solid var(--fq-border);
  color: var(--fq-accent);
  letter-spacing: .12em;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 50px;
  margin-bottom: 18px
}

.fq-title {
  color: var(--fq-white);
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  line-height: 1.22;
  margin: 0 0 14px;
  letter-spacing: -.02em
}

.fq-title span {
  color: var(--fq-accent)
}

.fq-sub {
  color: var(--fq-muted);
  font-size: .97rem;
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.65
}

.fq-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.fq-item {
  background: var(--fq-card);
  border: 1px solid var(--fq-border);
  border-radius: var(--fq-radius);
  overflow: hidden;
  transition: border-color var(--fq-trans), box-shadow var(--fq-trans)
}

.fq-item:hover {
  border-color: #D4AF37;   
}

.fq-item.fq-open {
  border-color: var(--fq-accent);
  box-shadow: 0 0 0 1px rgb(145 217 4 / .25), 0 8px 32px rgb(0 0 0 / .35)
}

.fq-btn {
  width: 100%;
  background: none;
  border: none;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  text-align: left;
  outline: none
}

.fq-btn:focus-visible {
  outline: 2px solid var(--fq-accent);
  outline-offset: -2px
}

.fq-num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgb(145 217 4 / .1);
  border: 1px solid var(--fq-border);
  color: var(--fq-accent);
  font-size: .7rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: .05em;
  transition: background var(--fq-trans), border-color var(--fq-trans)
}

.fq-open .fq-num {
  background: var(--fq-accent);
  border-color: var(--fq-accent);
  color: var(--fq-dark)
}

h2.fq-q-text {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  flex: 1;
  color: var(--fq-white);
  transition: color var(--fq-trans)
}

.fq-open h2.fq-q-text {
  color: var(--fq-accent)
}

.fq-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background:#000;
  border: 1px solid var(--fq-border);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--fq-trans), transform var(--fq-trans)
}

.fq-icon svg {
  width: 13px;
  height: 13px;
  stroke: var(--fq-accent);
  transition: transform var(--fq-trans)
}

.fq-open .fq-icon {
  background: var(--fq-accent)
}

.fq-open .fq-icon svg {
  stroke: var(--fq-dark);
  transform: rotate(45deg)
}

.fq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--fq-trans)
}

.fq-answer-inner {
  padding: 0 22px 20px 70px;
  text-align: justify;
  color: var(--fq-text);
  font-size: .94rem;
  line-height: 1.72
}

.fq-more-wrap {
  text-align: center;
  margin-top: 40px
}

.fq-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--fq-accent);
  color: var(--fq-dark);
  font-size: .9rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background var(--fq-trans), transform var(--fq-trans), box-shadow var(--fq-trans);
  box-shadow: 0 4px 20px rgb(145 217 4 / .25)
}

.fq-more-btn:hover {
  background: var(--fq-accent2);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgb(145 217 4 / .35)
}

.fq-more-btn svg {
  width: 16px;
  height: 16px;
  stroke: var(--fq-dark);
  flex-shrink: 0;
  transition: transform var(--fq-trans)
}

.fq-more-btn:hover svg {
  transform: translateX(3px)
}

.fq-answer {
  cursor: pointer
}

@media (max-width:600px) {
  .fq-section {
    padding: 52px 0 60px
  }
  .fq-answer-inner {
    padding-left: 22px
  }
  .fq-btn {
    padding: 16px 16px;
    gap: 12px
  }
}




           
                        /* ============================================================
   SECTION 44 — CYCLIC 2
   NEW DESIGN — EMAIL GROWTH CTA
============================================================ */

                        #email-growth-cta-44 {
                            position: relative;
                            background: #0A0A0A;
                            padding: 80px 24px;
                            overflow: hidden;
                        }


                        /* ============================================================
   BACKGROUND DETAILS
============================================================ */

                        #email-growth-cta-44::before {
                            content: "";
                            position: absolute;
                            width: 520px;
                            height: 520px;
                            right: -250px;
                            top: -260px;
                            border: 1px solid rgba(217, 163, 0, 0.12);
                            border-radius: 50%;
                            pointer-events: none;
                        }

                        #email-growth-cta-44::after {
                            content: "";
                            position: absolute;
                            width: 360px;
                            height: 360px;
                            left: -220px;
                            bottom: -210px;
                            border: 1px solid rgba(217, 163, 0, 0.08);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   MAIN SHELL
============================================================ */

                        .email-growth-cta-shell {
                            position: relative;
                            z-index: 2;
                            max-width: 1180px;
                            margin: 0 auto;
                        }


                        /* ============================================================
   TOP ACCENT
============================================================ */

                        .email-growth-cta-accent {
                            display: flex;
                            align-items: center;
                            gap: 6px;
                            margin-bottom: 38px;
                        }

                        .email-growth-cta-accent span {
                            display: block;
                            height: 3px;
                            background: #D9A300;
                        }

                        .email-growth-cta-accent span:nth-child(1) {
                            width: 52px;
                        }

                        .email-growth-cta-accent span:nth-child(2) {
                            width: 18px;
                            opacity: 0.55;
                        }

                        .email-growth-cta-accent span:nth-child(3) {
                            width: 8px;
                            opacity: 0.3;
                        }


                        /* ============================================================
   MAIN CONTENT
============================================================ */

                        .email-growth-cta-main {
                            max-width: 900px;
                        }


                        /* ============================================================
   LABEL
============================================================ */

                        .email-growth-cta-label {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            margin-bottom: 20px;
                        }

                        .email-growth-cta-label-dot {
                            width: 8px;
                            height: 8px;
                            background: #D9A300;
                            border-radius: 50%;
                            box-shadow: 0 0 0 5px rgba(217, 163, 0, 0.10);
                        }

                        .email-growth-cta-label-text {
                            color: #D9A300;
                            font-size: 11px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.8px;
                        }


                        /* ============================================================
   HEADING
============================================================ */

                        .email-growth-cta-title {
                            margin: 0 0 25px;
                            color: #F5F5F5;
                            font-size: 40px;
                            font-weight: 700;
                            line-height: 1.2;
                            letter-spacing: -0.5px;
                            text-align: left;
                        }


                        /* ============================================================
   DESCRIPTION
============================================================ */

                        .email-growth-cta-description {
                            max-width: 920px;
                            margin: 0;
                            color: #D0D0D0;
                            font-size: 16px;
                            line-height: 1.85;
                            text-align: justify;
                        }


                        /* ============================================================
   CTA PANEL
============================================================ */

                        .email-growth-cta-panel {
                            display: grid;
                            grid-template-columns: 1fr 1.25fr;
                            gap: 35px;
                            align-items: center;
                            margin-top: 55px;
                            padding: 30px;
                            background: #FFE28A;
                            border-radius: 10px;
                            position: relative;
                            overflow: hidden;
                        }


                        /* ============================================================
   PANEL DECORATION
============================================================ */

                        .email-growth-cta-panel::after {
                            content: "";
                            position: absolute;
                            width: 230px;
                            height: 230px;
                            right: -110px;
                            bottom: -145px;
                            border: 1px solid rgba(17, 17, 17, 0.12);
                            border-radius: 50%;
                            pointer-events: none;
                        }


                        /* ============================================================
   PANEL HEADING
============================================================ */

                        .email-growth-cta-panel-heading {
                            display: flex;
                            align-items: center;
                            gap: 18px;
                            position: relative;
                            z-index: 2;
                        }


                        /* ============================================================
   PANEL NUMBER
============================================================ */

                        .email-growth-cta-panel-number {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex-shrink: 0;
                            width: 62px;
                            height: 62px;
                            background: #111111;
                            border-radius: 50%;
                            color: #D9A300;
                            font-size: 13px;
                            font-weight: 800;
                            letter-spacing: 1px;
                        }


                        /* ============================================================
   PANEL KICKER
============================================================ */

                        .email-growth-cta-panel-kicker {
                            display: block;
                            margin-bottom: 5px;
                            color: #5B4A13;
                            font-size: 10px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                        }


                        /* ============================================================
   PANEL TITLE
============================================================ */

                        .email-growth-cta-panel-title {
                            display: block;
                            color: #111111;
                            font-size: 17px;
                            font-weight: 700;
                            line-height: 1.4;
                        }


                        /* ============================================================
   CTA ACTIONS
============================================================ */

                        .email-growth-cta-actions {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 12px;
                            position: relative;
                            z-index: 2;
                        }


                        /* ============================================================
   ACTION CARD
============================================================ */

                        .email-growth-cta-action {
                            display: flex;
                            align-items: center;
                            gap: 13px;
                            min-height: 72px;
                            padding: 14px 16px;
                            background: #111111;
                            border: 1px solid #111111;
                            border-radius: 7px;
                            text-decoration: none;
                            transition:
                                transform 0.3s ease,
                                background 0.3s ease,
                                border-color 0.3s ease;
                        }

                        .email-growth-cta-action:hover {
                            transform: translateY(-5px);
                            background: #1B1B1B;
                            border-color: #D9A300;
                        }


                        /* ============================================================
   ACTION ICON
============================================================ */

                        .email-growth-cta-action-icon {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex-shrink: 0;
                            width: 36px;
                            height: 36px;
                            border: 1px solid rgba(217, 163, 0, 0.5);
                            border-radius: 5px;
                            color: #D9A300;
                            font-size: 14px;
                            font-weight: 800;
                        }


                        /* ============================================================
   ACTION CONTENT
============================================================ */

                        .email-growth-cta-action-content {
                            display: flex;
                            flex-direction: column;
                            min-width: 0;
                        }

                        .email-growth-cta-action-content small {
                            margin-bottom: 4px;
                            color: #929292;
                            font-size: 9px;
                            font-weight: 700;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                        }

                        .email-growth-cta-action-content strong {
                            color: #FFFFFF;
                            font-size: 13px;
                            font-weight: 700;
                            line-height: 1.35;
                        }


                        /* ============================================================
   TABLET
============================================================ */

                        @media (max-width: 950px) {

                            #email-growth-cta-44 {
                                padding: 70px 22px;
                            }

                            .email-growth-cta-panel {
                                grid-template-columns: 1fr;
                                gap: 25px;
                            }

                        }


                        /* ============================================================
   MOBILE
============================================================ */

                        @media (max-width: 700px) {

                            #email-growth-cta-44 {
                                padding: 65px 18px;
                            }

                            .email-growth-cta-accent {
                                margin-bottom: 32px;
                            }

                            .email-growth-cta-title {
                                font-size: 40px;
                                line-height: 1.2;
                            }

                            .email-growth-cta-description {
                                font-size: 15px;
                                line-height: 1.75;
                            }

                            .email-growth-cta-panel {
                                margin-top: 40px;
                                padding: 24px;
                                border-radius: 8px;
                            }

                            .email-growth-cta-actions {
                                grid-template-columns: 1fr;
                            }

                        }


                        /* ============================================================
   SMALL MOBILE
============================================================ */

                        @media (max-width: 480px) {

                            #email-growth-cta-44 {
                                padding: 55px 14px 60px;
                            }

                            .email-growth-cta-label-text {
                                font-size: 9px;
                                letter-spacing: 1.4px;
                            }

                            .email-growth-cta-title {
                                font-size: 32px;
                                line-height: 1.2;
                                margin-bottom: 20px;
                            }

                            .email-growth-cta-description {
                                font-size: 14px;
                                line-height: 1.72;
                            }

                            .email-growth-cta-panel {
                                margin-top: 32px;
                                padding: 20px;
                            }

                            .email-growth-cta-panel-heading {
                                gap: 14px;
                            }

                            .email-growth-cta-panel-number {
                                width: 52px;
                                height: 52px;
                                font-size: 11px;
                            }

                            .email-growth-cta-panel-kicker {
                                font-size: 9px;
                            }

                            .email-growth-cta-panel-title {
                                font-size: 15px;
                            }

                            .email-growth-cta-action {
                                min-height: 66px;
                                padding: 12px 14px;
                            }

                        }


                        /* ============================================================
   EXTRA SMALL
============================================================ */

                        @media (max-width: 360px) {

                            #email-growth-cta-44 {
                                padding-left: 12px;
                                padding-right: 12px;
                            }

                            .email-growth-cta-title {
                                font-size: 29px;
                            }

                            .email-growth-cta-description {
                                font-size: 13.5px;
                            }

                            .email-growth-cta-panel {
                                padding: 17px;
                            }

                            .email-growth-cta-action-content strong {
                                font-size: 12px;
                            }

                        }
                    
  
                    /* ===== GLOBAL / BASE ===== */
                    * {
                        box-sizing: border-box;

                    }

                    html {
                        scroll-behavior: smooth;
                        width: 100%;
                        overflow-x: hidden;
                    }

                    body {
                        width: 100%;
                        max-width: 100%;
                        margin: 0;
                        font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
                        -webkit-font-smoothing: antialiased;
                        background: #fff;
                        overflow-x: hidden;
                    }

                    img {
                        max-width: 100%;
                        height: auto;
                    }

                    a {
                        cursor: pointer;
                        text-decoration: none;
                    }


                    /* ========================================
       SECTION 02 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-02 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s02-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s02-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s02-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s02-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s02-description,
                    .cyclic-s02-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s02-text:last-child {
                        margin-bottom: 0;
                    }

                    .cyclic-s02-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s02-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s02-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 12px 30px rgba(217, 163, 0, 0.15);
                        border-color: #D9A300;
                    }

                    .cyclic-s02-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s02-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s02-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-02 {
                            padding: 64px 18px;
                        }

                        .cyclic-s02-heading {
                            font-size: 32px;
                        }

                        .cyclic-s02-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s02-heading {
                            font-size: 28px;
                        }

                        .cyclic-s02-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 03 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-03 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s03-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s03-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s03-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s03-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s03-description,
                    .cyclic-s03-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s03-text:last-child {
                        margin-bottom: 0;
                    }

                    .cyclic-s03-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s03-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s03-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s03-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s03-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s03-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s03-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-03 {
                            padding: 64px 18px;
                        }

                        .cyclic-s03-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s03-heading {
                            font-size: 28px;
                        }
                    }


                    /* ============================================================
   SECTION 04 — CYCLIC 2
   FULL REDESIGN
   Dark Editorial Decision Layout
============================================================ */

                    #cyclic-section-04 {
                        position: relative;
                        background: black;
                        padding: 60px 24px;
                        overflow: hidden;
                    }

                    #cyclic-section-04::before {
                        content: "";
                        position: absolute;
                        top: 0;
                        right: 0;
                        width: 42%;
                        height: 100%;
                        background: linear-gradient(135deg,
                                transparent 0%,
                                rgba(217, 163, 0, 0.035) 100%);
                        pointer-events: none;
                    }

                    .cyclic-s04-container {
                        position: relative;
                        z-index: 1;
                        width: 100%;
                        max-width: 1240px;
                        margin: 0 auto;
                    }

                    /* ============================================================
   TOP INTRO
============================================================ */

                    .cyclic-s04-intro {
                        display: grid;
                        grid-template-columns: 1fr 1.35fr;
                        gap: 80px;
                        align-items: end;
                        padding-bottom: 65px;
                        border-bottom: 1px solid rgba(217, 163, 0, 0.2);
                    }

                    .cyclic-s04-intro-left {
                        position: relative;
                    }

                    .cyclic-s04-eyebrow-wrap {
                        margin-bottom: 22px;
                        text-align: left;
                    }

                    .cyclic-s04-eyebrow {
                        display: inline-block;
                        padding: 7px 14px;
                        color: #D9A300;
                        background: rgba(217, 163, 0, 0.10);
                        border: 1px solid rgba(217, 163, 0, 0.35);
                        border-radius: 3px;
                        font-size: 11px;
                        font-weight: 700;
                        line-height: 1;
                        letter-spacing: 1.5px;
                        text-transform: uppercase;
                    }

                    .cyclic-s04-heading {
                        max-width: 560px;
                        margin: 0;
                        color: #F5F5F5;
                        font-size: 40px;
                        font-weight: 700;
                        line-height: 1.18;
                        letter-spacing: -0.7px;
                        text-align: left;
                    }

                    .cyclic-s04-intro-right {
                        position: relative;
                        padding-left: 30px;
                        border-left: 2px solid #D9A300;
                    }

                    .cyclic-s04-intro-right::before {
                        content: "";
                        position: absolute;
                        left: -5px;
                        top: 0;
                        width: 8px;
                        height: 8px;
                        background: #D9A300;
                        border-radius: 50%;
                    }

                    .cyclic-s04-intro-right p {
                        margin: 0;
                        color: #D0D0D0;
                        font-size: 17px;
                        line-height: 1.8;
                        text-align: justify;
                    }


                    /* ============================================================
   DECISION CONTENT
============================================================ */

                    .cyclic-s04-decision-area {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        gap: 24px;
                        margin-top: 55px;
                    }

                    .cyclic-s04-column {
                        min-width: 0;
                        padding: 34px;
                        border-radius: 8px;
                    }

                    .cyclic-s04-column-fit {
                        background: #FFE28A;
                    }

                    .cyclic-s04-column-not-fit {
                        background: #10150A;
                        border: 1px solid rgba(217, 163, 0, 0.28);
                    }

                    .cyclic-s04-column-header {
                        display: flex;
                        align-items: flex-start;
                        justify-content: space-between;
                        gap: 20px;
                        margin-bottom: 30px;
                        padding-bottom: 22px;
                    }

                    .cyclic-s04-column-fit .cyclic-s04-column-header {
                        border-bottom: 1px solid rgba(17, 17, 17, 0.16);
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-column-header {
                        border-bottom: 1px solid rgba(217, 163, 0, 0.18);
                    }

                    .cyclic-s04-column-title {
                        margin: 0;
                        font-size: 21px;
                        font-weight: 700;
                        line-height: 1.35;
                    }

                    .cyclic-s04-column-fit .cyclic-s04-column-title {
                        color: #111111;
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-column-title {
                        color: #F5F5F5;
                    }

                    .cyclic-s04-column-number {
                        flex: 0 0 auto;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 34px;
                        height: 34px;
                        border-radius: 4px;
                        background: #111111;
                        color: #FFFFFF;
                        font-size: 12px;
                        font-weight: 700;
                    }


                    /* ============================================================
   LIST ITEMS
============================================================ */

                    .cyclic-s04-list {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }

                    .cyclic-s04-list li {
                        position: relative;
                        margin: 0;
                        padding: 0 0 22px 32px;
                        font-size: 15px;
                        line-height: 1.7;
                        text-align: justify;
                    }

                    .cyclic-s04-list li:not(:last-child) {
                        margin-bottom: 20px;
                    }

                    .cyclic-s04-column-fit .cyclic-s04-list li {
                        color: #303030;
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-list li {
                        color: #D0D0D0;
                    }

                    .cyclic-s04-list li::before {
                        content: "";
                        position: absolute;
                        left: 2px;
                        top: 8px;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                    }

                    .cyclic-s04-column-fit .cyclic-s04-list li::before {
                        background: #111111;
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-list li::before {
                        background: #D9A300;
                    }

                    .cyclic-s04-list li::after {
                        content: "";
                        position: absolute;
                        left: 6px;
                        top: 23px;
                        width: 2px;
                        height: calc(100% - 13px);
                    }

                    .cyclic-s04-column-fit .cyclic-s04-list li::after {
                        background: rgba(17, 17, 17, 0.15);
                    }

                    .cyclic-s04-column-not-fit .cyclic-s04-list li::after {
                        background: rgba(217, 163, 0, 0.20);
                    }

                    .cyclic-s04-list li:last-child {
                        padding-bottom: 0;
                    }

                    .cyclic-s04-list li:last-child::after {
                        display: none;
                    }


                    /* ============================================================
   FINAL HONESTY MESSAGE
============================================================ */

                    .cyclic-s04-bottom-message {
                        position: relative;
                        margin-top: 24px;
                        padding: 30px 34px;
                        background: #111111;
                        border: 1px solid rgba(217, 163, 0, 0.24);
                        border-radius: 8px;
                        overflow: hidden;
                    }

                    .cyclic-s04-bottom-message::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 4px;
                        height: 100%;
                        background: #D9A300;
                    }

                    .cyclic-s04-bottom-message p {
                        margin: 0;
                        color: #D0D0D0;
                        font-size: 15px;
                        line-height: 1.8;
                        text-align: justify;
                    }


                    /* ============================================================
   SUBTLE HOVER
============================================================ */

                    .cyclic-s04-column-fit,
                    .cyclic-s04-column-not-fit,
                    .cyclic-s04-bottom-message {
                        transition:
                            transform 0.3s ease,
                            border-color 0.3s ease,
                            box-shadow 0.3s ease;
                    }

                    .cyclic-s04-column-fit:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
                    }

                    .cyclic-s04-column-not-fit:hover {
                        transform: translateY(-4px);
                        border-color: rgba(217, 163, 0, 0.5);
                    }

                    .cyclic-s04-bottom-message:hover {
                        border-color: rgba(217, 163, 0, 0.45);
                    }


                    /* ============================================================
   TABLET
============================================================ */

                    @media (max-width: 1000px) {

                        #cyclic-section-04 {
                            padding: 85px 22px;
                        }

                        .cyclic-s04-intro {
                            grid-template-columns: 1fr;
                            gap: 35px;
                            padding-bottom: 50px;
                        }

                        .cyclic-s04-heading {
                            max-width: 700px;
                        }

                        .cyclic-s04-intro-right {
                            max-width: 800px;
                        }

                        .cyclic-s04-decision-area {
                            grid-template-columns: 1fr;
                        }
                    }


                    /* ============================================================
   MOBILE
============================================================ */

                    @media (max-width: 768px) {

                        #cyclic-section-04 {
                            padding: 70px 18px;
                        }

                        .cyclic-s04-intro {
                            gap: 30px;
                            padding-bottom: 40px;
                        }

                        .cyclic-s04-eyebrow-wrap {
                            text-align: center;
                        }

                        .cyclic-s04-heading {
                            max-width: 100%;
                            font-size: 40px;
                            line-height: 1.2;
                            text-align: center;
                        }

                        .cyclic-s04-intro-right {
                            padding-left: 22px;
                        }

                        .cyclic-s04-intro-right p {
                            font-size: 15px;
                            line-height: 1.7;
                        }

                        .cyclic-s04-decision-area {
                            margin-top: 40px;
                            gap: 18px;
                        }

                        .cyclic-s04-column {
                            padding: 26px 22px;
                        }

                        .cyclic-s04-column-header {
                            margin-bottom: 25px;
                        }

                        .cyclic-s04-bottom-message {
                            padding: 25px 22px;
                        }
                    }


                    /* ============================================================
   SMALL MOBILE
============================================================ */

                    @media (max-width: 480px) {

                        #cyclic-section-04 {
                            padding: 58px 14px;
                        }

                        .cyclic-s04-eyebrow {
                            font-size: 10px;
                            padding: 7px 12px;
                        }

                        .cyclic-s04-heading {
                            font-size: 32px;
                            line-height: 1.2;
                        }

                        .cyclic-s04-intro-right {
                            padding-left: 17px;
                        }

                        .cyclic-s04-column {
                            padding: 22px 18px;
                        }

                        .cyclic-s04-column-title {
                            font-size: 18px;
                        }

                        .cyclic-s04-column-number {
                            width: 30px;
                            height: 30px;
                            font-size: 11px;
                        }

                        .cyclic-s04-list li {
                            padding-left: 28px;
                            font-size: 14px;
                            line-height: 1.65;
                        }

                        .cyclic-s04-list li::before {
                            left: 1px;
                            width: 8px;
                            height: 8px;
                        }

                        .cyclic-s04-list li::after {
                            left: 4px;
                        }

                        .cyclic-s04-bottom-message {
                            padding: 22px 18px;
                        }

                        .cyclic-s04-bottom-message p {
                            font-size: 14px;
                            line-height: 1.7;
                        }
                    }


                    /* ============================================================
   EXTRA SMALL DEVICES
============================================================ */

                    @media (max-width: 360px) {

                        #cyclic-section-04 {
                            padding: 50px 12px;
                        }

                        .cyclic-s04-heading {
                            font-size: 29px;
                        }

                        .cyclic-s04-column {
                            padding: 20px 15px;
                        }

                        .cyclic-s04-column-title {
                            font-size: 17px;
                        }

                        .cyclic-s04-list li {
                            font-size: 13.5px;
                        }
                    }

                    /* ========================================
       SECTION 05 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-05 {
                        background: #FFFFFF;
                        padding: 60px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s05-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s05-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s05-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s05-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s05-description,
                    .cyclic-s05-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s05-text:last-child {
                        margin-bottom: 0;
                    }

                    .cyclic-s05-grid {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s05-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s05-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s05-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s05-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-05 {
                            padding: 64px 18px;
                        }

                        .cyclic-s05-heading {
                            font-size: 32px;
                        }

                        .cyclic-s05-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s05-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 06 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-06 {
                        background: #0A0A0A;
                        padding: 60px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s06-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s06-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s06-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s06-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s06-description,
                    .cyclic-s06-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s06-blockwrap {
                        display: flex;
                        flex-direction: column;
                        gap: 18px;
                    }

                    .cyclic-s06-block {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 24px 26px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s06-block:hover {
                        transform: translateY(-3px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s06-block h3 {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s06-block p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-06 {
                            padding: 64px 18px;
                        }

                        .cyclic-s06-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s06-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 07 — CYCLIC 1 (light) - changes 
    ======================================== */
                    #cyclic-section-07 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s07-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s07-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s07-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s07-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s07-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s07-text:last-child {
                        margin-bottom: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-07 {
                            padding: 64px 18px;
                        }

                        .cyclic-s07-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s07-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 08 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-08 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s08-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s08-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s08-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s08-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s08-description,
                    .cyclic-s08-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s08-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s08-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s08-card:hover {
                        transform: translateY(-4px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s08-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s08-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s08-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-08 {
                            padding: 64px 18px;
                        }

                        .cyclic-s08-heading {
                            font-size: 32px;
                        }

                        .cyclic-s08-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s08-heading {
                            font-size: 28px;
                        }

                        .cyclic-s08-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 09 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-09 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s09-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s09-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s09-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s09-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s09-description,
                    .cyclic-s09-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s09-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s09-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s09-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s09-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s09-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s09-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s09-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-09 {
                            padding: 64px 18px;
                        }

                        .cyclic-s09-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s09-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 10 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-10 {
                        background: #0A0A0A;
                        padding: 88px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s10-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s10-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s10-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s10-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s10-description,
                    .cyclic-s10-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s10-grid {
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s10-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s10-card:hover {
                        transform: translateY(-4px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s10-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s10-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s10-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-10 {
                            padding: 64px 18px;
                        }

                        .cyclic-s10-heading {
                            font-size: 32px;
                        }

                        .cyclic-s10-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s10-heading {
                            font-size: 28px;
                        }

                        .cyclic-s10-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 11 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-11 {
                        background: #FFFFFF;
                        padding: 88px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s11-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s11-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s11-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s11-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s11-description,
                    .cyclic-s11-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s11-chipwrap {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 16px;
                        justify-content: center;
                        margin-top: 6px;
                    }

                    .cyclic-s11-chip {
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        border-radius: 6px;
                        padding: 18px 20px;
                        width: calc(33.333% - 12px);
                        transition: all 0.25s ease;
                    }

                    .cyclic-s11-chip:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s11-chip-label {
                        display: inline-block;
                        background: #111111;
                        color: #FFFFFF;
                        font-size: 0.75rem;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 0.6px;
                        padding: 3px 12px;
                        border-radius: 5px;
                        margin-bottom: 10px;
                    }

                    .cyclic-s11-chip-text {
                        font-size: 0.92rem;
                        line-height: 1.55;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s11-chip {
                            width: calc(50% - 8px);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-11 {
                            padding: 64px 18px;
                        }

                        .cyclic-s11-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s11-heading {
                            font-size: 28px;
                        }

                        .cyclic-s11-chip {
                            width: 100%;
                        }
                    }


                    /* ========================================
       SECTION 13 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-13 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s13-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s13-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s13-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s13-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s13-description,
                    .cyclic-s13-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s13-blockwrap {
                        display: flex;
                        flex-direction: column;
                        gap: 18px;
                    }

                    .cyclic-s13-block {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 24px 26px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s13-block:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s13-block h3 {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s13-block p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-13 {
                            padding: 64px 18px;
                        }

                        .cyclic-s13-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s13-heading {
                            font-size: 28px;
                        }
                    }





                    /* ========================================
       SECTION 17 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-17 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s17-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s17-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s17-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s17-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s17-description,
                    .cyclic-s17-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s17-quote {
                        border-left: 5px solid #D99A00;
                        background: #FFE28A;
                        border-radius: 0 6px 6px 0;
                        padding: 30px 32px;
                        margin: 10px 0 26px 0;
                        transition: all 0.25s ease;
                        border: 1px solid #E3A900;
                        border-left-width: 5px;
                    }

                    .cyclic-s17-quote:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s17-quote p {
                        font-size: 1.15rem;
                        line-height: 1.55;
                        color: #292D32;
                        font-weight: 600;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-17 {
                            padding: 64px 18px;
                        }

                        .cyclic-s17-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s17-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 18 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-18 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s18-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s18-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s18-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s18-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s18-description,
                    .cyclic-s18-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s18-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s18-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s18-card:hover {
                        transform: translateY(-4px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s18-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s18-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s18-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-18 {
                            padding: 64px 18px;
                        }

                        .cyclic-s18-heading {
                            font-size: 32px;
                        }

                        .cyclic-s18-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s18-heading {
                            font-size: 28px;
                        }

                        .cyclic-s18-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 19 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-19 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s19-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s19-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s19-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s19-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s19-description,
                    .cyclic-s19-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s19-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s19-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s19-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s19-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s19-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s19-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s19-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-19 {
                            padding: 64px 18px;
                        }

                        .cyclic-s19-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s19-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 20 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-20 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s20-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s20-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s20-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s20-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s20-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s20-text:last-child {
                        margin-bottom: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-20 {
                            padding: 64px 18px;
                        }

                        .cyclic-s20-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s20-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 21 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-21 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s21-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s21-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s21-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s21-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s21-description,
                    .cyclic-s21-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s21-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s21-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s21-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s21-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s21-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s21-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-21 {
                            padding: 64px 18px;
                        }

                        .cyclic-s21-heading {
                            font-size: 32px;
                        }

                        .cyclic-s21-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s21-heading {
                            font-size: 28px;
                        }

                        .cyclic-s21-grid {
                            grid-template-columns: 1fr;
                        }
                    }


                    /* ============================================================
   SECTION 22 — CYCLIC 2
   REDESIGNED — DARK EDITORIAL FEATURE GRID
============================================================ */

                    #cyclic-section-22 {
                        position: relative;
                        width: 100%;
                        max-width: 100%;
                        padding: 82px 24px 88px;
                        background: #0A0A0A;
                        overflow: hidden;
                    }

                    /* ============================================================
   BACKGROUND DETAILS
============================================================ */

                    #cyclic-section-22::before {
                        content: "";
                        position: absolute;
                        top: -180px;
                        right: -120px;
                        width: 420px;
                        height: 420px;
                        border: 1px solid rgba(217, 163, 0, 0.10);
                        border-radius: 50%;
                        pointer-events: none;
                    }

                    #cyclic-section-22::after {
                        content: "";
                        position: absolute;
                        left: -160px;
                        bottom: -190px;
                        width: 420px;
                        height: 420px;
                        border: 1px solid rgba(217, 163, 0, 0.07);
                        border-radius: 50%;
                        pointer-events: none;
                    }


                    /* ============================================================
   MAIN CONTAINER
============================================================ */

                    .cyclic-s22-container {
                        position: relative;
                        z-index: 2;
                        width: 100%;
                        max-width: 1160px;
                        margin: 0 auto;
                    }


                    /* ============================================================
   HEADER
============================================================ */

                    .cyclic-s22-eyebrow-wrap {
                        margin-bottom: 18px;
                        text-align: left;
                    }

                    .cyclic-s22-eyebrow {
                        position: relative;
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        padding: 0;
                        background: transparent;
                        border: 0;
                        border-radius: 0;
                        color: #D9A300;
                        font-size: 10px;
                        font-weight: 800;
                        letter-spacing: 1.8px;
                        line-height: 1;
                        text-transform: uppercase;
                    }

                    .cyclic-s22-eyebrow::before {
                        content: "";
                        width: 30px;
                        height: 2px;
                        background: #D9A300;
                        display: inline-block;
                    }


                    /* ============================================================
   HEADER TITLE
============================================================ */

                    .cyclic-s22-heading {
                        max-width: 850px;
                        margin: 0 0 27px;
                        color: #F5F5F5;
                        font-size: 40px;
                        font-weight: 700;
                        line-height: 1.18;
                        letter-spacing: -0.7px;
                        text-align: left;
                        overflow-wrap: break-word;
                    }


                    /* ============================================================
   INTRODUCTION
============================================================ */

                    .cyclic-s22-description {
                        position: relative;
                        max-width: 980px;
                        margin: 0 0 48px;
                        padding: 22px 25px;
                        background: rgba(255, 255, 255, 0.035);
                        border: 1px solid rgba(255, 255, 255, 0.08);
                        border-left: 3px solid #D9A300;
                        color: #CFCFCF;
                        font-size: 15px;
                        line-height: 1.8;
                        text-align: justify;
                        overflow-wrap: break-word;
                    }


                    /* ============================================================
   FEATURE GRID
============================================================ */

                    .cyclic-s22-blockwrap {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 16px;
                        width: 100%;
                    }


                    /* ============================================================
   FEATURE CARD
============================================================ */

                    .cyclic-s22-block {
                        position: relative;
                        min-width: 0;
                        min-height: 210px;
                        padding: 30px 30px 29px;
                        background: #FFE28A;
                        border: 1px solid rgba(217, 163, 0, 0.20);
                        border-radius: 8px;
                        overflow: hidden;
                        transition:
                            transform 0.3s ease,
                            border-color 0.3s ease,
                            box-shadow 0.3s ease;
                    }

                    /* Number / accent line */

                    .cyclic-s22-block::before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 64px;
                        height: 4px;
                        background: #D9A300;
                        transition: width 0.3s ease;
                    }

                    /* Decorative geometry */

                    .cyclic-s22-block::after {
                        content: "";
                        position: absolute;
                        right: -50px;
                        bottom: -50px;
                        width: 145px;
                        height: 145px;
                        border: 1px solid rgba(17, 17, 17, 0.11);
                        border-radius: 50%;
                        pointer-events: none;
                    }


                    /* ============================================================
   CARD HOVER
============================================================ */

                    .cyclic-s22-block:hover {
                        transform: translateY(-6px);
                        border-color: #D9A300;
                        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
                    }

                    .cyclic-s22-block:hover::before {
                        width: 110px;
                    }


                    /* ============================================================
   CARD HEADING
============================================================ */

                    .cyclic-s22-block h3 {
                        position: relative;
                        z-index: 2;
                        max-width: 360px;
                        margin: 0 0 13px;
                        color: #111111;
                        font-size: 19px;
                        font-weight: 700;
                        line-height: 1.3;
                        overflow-wrap: break-word;
                    }


                    /* ============================================================
   CARD DESCRIPTION
============================================================ */

                    .cyclic-s22-block p {
                        position: relative;
                        z-index: 2;
                        max-width: 500px;
                        margin: 0;
                        color: #303030;
                        font-size: 14px;
                        line-height: 1.72;
                        text-align: justify;
                        overflow-wrap: break-word;
                    }


                    /* ============================================================
   FINAL INSIGHT
============================================================ */

                    .cyclic-s22-text {
                        position: relative;
                        max-width: 100%;
                        margin: 28px 0 0;
                        padding: 25px 28px 25px 32px;
                        background: #111111;
                        border: 1px solid rgba(217, 163, 0, 0.25);
                        border-radius: 8px;
                        color: #CFCFCF;
                        font-size: 14.5px;
                        line-height: 1.78;
                        text-align: justify;
                        overflow-wrap: break-word;
                    }

                    .cyclic-s22-text::before {
                        content: "";
                        position: absolute;
                        top: 20px;
                        bottom: 20px;
                        left: 0;
                        width: 4px;
                        background: #D9A300;
                    }


                    /* ============================================================
   LARGE TABLET
============================================================ */

                    @media (max-width: 950px) {

                        #cyclic-section-22 {
                            padding: 72px 22px 78px;
                        }

                        .cyclic-s22-container {
                            max-width: 900px;
                        }

                        .cyclic-s22-heading {
                            max-width: 750px;
                        }

                        .cyclic-s22-description {
                            margin-bottom: 38px;
                        }

                        .cyclic-s22-block {
                            min-height: 225px;
                            padding: 27px 25px;
                        }
                    }


                    /* ============================================================
   TABLET
============================================================ */

                    @media (max-width: 768px) {

                        #cyclic-section-22 {
                            padding: 65px 18px 72px;
                        }

                        .cyclic-s22-eyebrow-wrap {
                            text-align: center;
                        }

                        .cyclic-s22-heading {
                            max-width: 700px;
                            margin: 0 auto 24px;
                            font-size: 40px;
                            line-height: 1.2;
                            text-align: center;
                        }

                        .cyclic-s22-description {
                            margin-bottom: 32px;
                            padding: 20px 21px;
                            font-size: 14.5px;
                            line-height: 1.72;
                        }

                        .cyclic-s22-blockwrap {
                            grid-template-columns: 1fr;
                            gap: 13px;
                        }

                        .cyclic-s22-block {
                            min-height: auto;
                            padding: 26px 23px;
                        }

                        .cyclic-s22-block h3 {
                            font-size: 18px;
                        }

                        .cyclic-s22-block p {
                            font-size: 14px;
                            line-height: 1.7;
                        }

                        .cyclic-s22-text {
                            margin-top: 22px;
                            padding: 22px 22px 22px 27px;
                            font-size: 14px;
                        }
                    }


                    /* ============================================================
   MOBILE
============================================================ */

                    @media (max-width: 520px) {

                        #cyclic-section-22 {
                            padding: 55px 14px 62px;
                        }

                        .cyclic-s22-eyebrow {
                            font-size: 9px;
                            letter-spacing: 1.4px;
                        }

                        .cyclic-s22-eyebrow::before {
                            width: 23px;
                        }

                        .cyclic-s22-heading {
                            margin-bottom: 21px;
                            font-size: 32px;
                            line-height: 1.2;
                        }

                        .cyclic-s22-description {
                            margin-bottom: 25px;
                            padding: 17px 17px 17px 18px;
                            font-size: 13.5px;
                            line-height: 1.68;
                        }

                        .cyclic-s22-blockwrap {
                            gap: 11px;
                        }

                        .cyclic-s22-block {
                            padding: 23px 20px;
                            border-radius: 7px;
                        }

                        .cyclic-s22-block::before {
                            width: 48px;
                        }

                        .cyclic-s22-block h3 {
                            margin-bottom: 9px;
                            font-size: 17px;
                        }

                        .cyclic-s22-block p {
                            font-size: 13.5px;
                            line-height: 1.68;
                        }

                        .cyclic-s22-text {
                            margin-top: 18px;
                            padding: 19px 18px 19px 23px;
                            font-size: 13px;
                            line-height: 1.68;
                        }

                        .cyclic-s22-text::before {
                            top: 16px;
                            bottom: 16px;
                        }
                    }


                    /* ============================================================
   EXTRA SMALL
============================================================ */

                    @media (max-width: 360px) {

                        #cyclic-section-22 {
                            padding: 48px 12px 55px;
                        }

                        .cyclic-s22-heading {
                            font-size: 29px;
                        }

                        .cyclic-s22-description {
                            font-size: 13px;
                        }

                        .cyclic-s22-block {
                            padding: 21px 17px;
                        }

                        .cyclic-s22-block h3 {
                            font-size: 16px;
                        }

                        .cyclic-s22-block p {
                            font-size: 13px;
                        }

                        .cyclic-s22-text {
                            font-size: 12.5px;
                        }
                    }

                    /* ========================================
       SECTION 24 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-24 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s24-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s24-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s24-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s24-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s24-description,
                    .cyclic-s24-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s24-tblwrap {
                        border-radius: 6px;
                        overflow: hidden;
                        background: #10150A;
                        border-left: 1px solid #D9A300;
                    }

                    .cyclic-s24-table {
                        width: 100%;
                        border-collapse: collapse;
                    }

                    .cyclic-s24-table th {
                        background: #10150A;
                        color: #F5F5F5;
                        text-align: left;
                        font-size: 0.85rem;
                        text-transform: uppercase;
                        letter-spacing: 0.5px;
                        padding: 14px 18px;
                        border-bottom: 2px solid #D9A300;
                    }

                    .cyclic-s24-table td {
                        padding: 14px 18px;
                        font-size: 0.93rem;
                        line-height: 1.55;
                        color: #D0D0D0;
                        border-bottom: 1px solid #2a2a2a;
                        text-align: justify;
                    }

                    .cyclic-s24-table tr:last-child td {
                        border-bottom: none;
                    }

                    .cyclic-s24-table tr {
                        transition: background 0.2s;
                    }

                    .cyclic-s24-table tr:hover td {
                        background: rgba(217, 163, 0, 0.05);
                    }

                    .cyclic-s24-tblscroll {
                        width: 100%;
                        overflow-x: auto;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-24 {
                            padding: 64px 18px;
                        }

                        .cyclic-s24-heading {
                            font-size: 32px;
                        }

                        .cyclic-s24-table th,
                        .cyclic-s24-table td {
                            padding: 10px 12px;
                            font-size: 0.85rem;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s24-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 25 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-25 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s25-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s25-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s25-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s25-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s25-description,
                    .cyclic-s25-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s25-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s25-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s25-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s25-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s25-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s25-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s25-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-25 {
                            padding: 64px 18px;
                        }

                        .cyclic-s25-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s25-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 26 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-26 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s26-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s26-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s26-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s26-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s26-description,
                    .cyclic-s26-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s26-quote {
                        border-left: 5px solid #D9A300;
                        background: #10150A;
                        border-radius: 0 6px 6px 0;
                        padding: 30px 32px;
                        margin: 10px 0 26px 0;
                        transition: all 0.25s ease;
                        border: 1px solid #2a2a2a;
                        border-left-width: 5px;
                    }

                    .cyclic-s26-quote:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 163, 0, 0.08);
                    }

                    .cyclic-s26-quote p {
                        font-size: 1.15rem;
                        line-height: 1.55;
                        color: #F5F5F5;
                        font-weight: 600;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-26 {
                            padding: 64px 18px;
                        }

                        .cyclic-s26-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s26-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 27 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-27 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s27-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s27-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s27-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s27-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s27-description,
                    .cyclic-s27-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s27-grid {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s27-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s27-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s27-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s27-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-27 {
                            padding: 64px 18px;
                        }

                        .cyclic-s27-heading {
                            font-size: 32px;
                        }

                        .cyclic-s27-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s27-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 28 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-28 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s28-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s28-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s28-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s28-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s28-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s28-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s28-item:hover {
                        transform: translateY(-3px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 20px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s28-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s28-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s28-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s28-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-28 {
                            padding: 64px 18px;
                        }

                        .cyclic-s28-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s28-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 29 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-29 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s29-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s29-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s29-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s29-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s29-description,
                    .cyclic-s29-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s29-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s29-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s29-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s29-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s29-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s29-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-29 {
                            padding: 64px 18px;
                        }

                        .cyclic-s29-heading {
                            font-size: 32px;
                        }

                        .cyclic-s29-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s29-heading {
                            font-size: 28px;
                        }

                        .cyclic-s29-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* ========================================
       SECTION 30 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-30 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s30-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s30-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s30-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s30-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s30-description,
                    .cyclic-s30-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s30-tblwrap {
                        border-radius: 6px;
                        overflow: hidden;
                        background: #10150A;
                        border-left: 1px solid #D9A300;
                    }

                    .cyclic-s30-table {
                        width: 100%;
                        border-collapse: collapse;
                    }

                    .cyclic-s30-table th {
                        background: #10150A;
                        color: #F5F5F5;
                        text-align: left;
                        font-size: 0.85rem;
                        text-transform: uppercase;
                        letter-spacing: 0.5px;
                        padding: 14px 18px;
                        border-bottom: 2px solid #D9A300;
                    }

                    .cyclic-s30-table td {
                        padding: 14px 18px;
                        font-size: 0.93rem;
                        line-height: 1.55;
                        color: #D0D0D0;
                        border-bottom: 1px solid #2a2a2a;
                        text-align: justify;
                    }

                    .cyclic-s30-table tr:last-child td {
                        border-bottom: none;
                    }

                    .cyclic-s30-table tr {
                        transition: background 0.2s;
                    }

                    .cyclic-s30-table tr:hover td {
                        background: rgba(217, 163, 0, 0.05);
                    }

                    .cyclic-s30-tblscroll {
                        width: 100%;
                        overflow-x: auto;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-30 {
                            padding: 64px 18px;
                        }

                        .cyclic-s30-heading {
                            font-size: 32px;
                        }

                        .cyclic-s30-table th,
                        .cyclic-s30-table td {
                            padding: 10px 12px;
                            font-size: 0.85rem;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s30-heading {
                            font-size: 28px;
                        }
                    }


  /* ============================================================
   SECTION 32 — CYCLIC 2
   Redesigned Layout
   Background & Color System Preserved
   ============================================================ */

#cyclic-section-32 {
    background: #0A0A0A;
    padding: 90px 24px;
    overflow: hidden;
}

.cyclic-s32-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* ------------------------------------------------------------
   EYEBROW
   ------------------------------------------------------------ */

.cyclic-s32-eyebrow-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
}

.cyclic-s32-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 18px;

    background: rgba(217, 163, 0, 0.15);
    color: #D9A300;
    border: 1px solid rgba(217, 163, 0, 0.3);

    border-radius: 999px;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


/* ------------------------------------------------------------
   HEADING
   ------------------------------------------------------------ */

.cyclic-s32-heading {
    max-width: 900px;
    margin: 0 auto 22px;

    color: #F5F5F5;

    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}


/* ------------------------------------------------------------
   INTRO + BODY TEXT
   ------------------------------------------------------------ */

.cyclic-s32-description,
.cyclic-s32-text {
    color: #D0D0D0;

    font-size: 1rem;
    line-height: 1.75;
    text-align: justify;

    margin: 0;
}

.cyclic-s32-description {
    max-width: 900px;
    margin: 0 auto 38px;
}

.cyclic-s32-text {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}


/* ------------------------------------------------------------
   TABLE OUTER DESIGN
   ------------------------------------------------------------ */

.cyclic-s32-tblwrap {
    position: relative;

    width: 100%;
    margin: 0 auto;

    background: #10150A;

    border: 1px solid rgba(217, 163, 0, 0.22);
    border-left: 3px solid #D9A300;

    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.28);
}


/* ------------------------------------------------------------
   TABLE SCROLL
   ------------------------------------------------------------ */

.cyclic-s32-tblscroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #D9A300 #10150A;
}


/* ------------------------------------------------------------
   TABLE
   ------------------------------------------------------------ */

.cyclic-s32-table {
    width: 100%;
    min-width: 920px;

    border-collapse: separate;
    border-spacing: 0;

    table-layout: fixed;
}


/* ------------------------------------------------------------
   TABLE HEADER
   ------------------------------------------------------------ */

.cyclic-s32-table th {
    padding: 20px 18px;

    background: #10150A;
    color: #F5F5F5;

    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;

    letter-spacing: 0.6px;
    text-transform: uppercase;

    text-align: left;

    border-bottom: 2px solid #D9A300;
    border-right: 1px solid rgba(255, 255, 255, 0.07);

    vertical-align: top;
}

.cyclic-s32-table th:last-child {
    border-right: none;
}


/* ------------------------------------------------------------
   TABLE BODY
   ------------------------------------------------------------ */

.cyclic-s32-table td {
    padding: 20px 18px;

    color: #D0D0D0;

    font-size: 0.93rem;
    line-height: 1.6;

    text-align: justify;
    vertical-align: top;

    border-bottom: 1px solid #2a2a2a;
    border-right: 1px solid rgba(255, 255, 255, 0.055);

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

.cyclic-s32-table td:last-child {
    border-right: none;
}


/* ------------------------------------------------------------
   FIRST COLUMN
   ------------------------------------------------------------ */

.cyclic-s32-table td:first-child {
    width: 19%;

    color: #F5F5F5;

    font-weight: 700;
    text-align: left;
}


/* ------------------------------------------------------------
   COLUMN WIDTHS
   ------------------------------------------------------------ */

.cyclic-s32-table th:first-child {
    width: 19%;
}

.cyclic-s32-table th:nth-child(2),
.cyclic-s32-table th:nth-child(3),
.cyclic-s32-table th:nth-child(4),
.cyclic-s32-table th:nth-child(5) {
    width: 20.25%;
}


/* ------------------------------------------------------------
   LAST ROW
   ------------------------------------------------------------ */

.cyclic-s32-table tbody tr:last-child td {
    border-bottom: none;
}


/* ------------------------------------------------------------
   ROW HOVER
   ------------------------------------------------------------ */

.cyclic-s32-table tbody tr:hover td {
    background: rgba(217, 163, 0, 0.05);
}

.cyclic-s32-table tbody tr:hover td:first-child {
    color: #D9A300;
}


/* ------------------------------------------------------------
   TEXT AFTER TABLE
   ------------------------------------------------------------ */

.cyclic-s32-tblwrap + .cyclic-s32-text {
    margin-top: 26px !important;
}

.cyclic-s32-text + .cyclic-s32-text {
    margin-top: 22px !important;
}


/* ------------------------------------------------------------
   TABLE SCROLLBAR
   ------------------------------------------------------------ */

.cyclic-s32-tblscroll::-webkit-scrollbar {
    height: 8px;
}

.cyclic-s32-tblscroll::-webkit-scrollbar-track {
    background: #10150A;
}

.cyclic-s32-tblscroll::-webkit-scrollbar-thumb {
    background: rgba(217, 163, 0, 0.55);
    border-radius: 999px;
}

.cyclic-s32-tblscroll::-webkit-scrollbar-thumb:hover {
    background: #D9A300;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991px) {

    #cyclic-section-32 {
        padding: 75px 22px;
    }

    .cyclic-s32-container {
        max-width: 900px;
    }

    .cyclic-s32-heading {
        font-size: 40px;
        max-width: 760px;
    }

    .cyclic-s32-description {
        max-width: 760px;
        margin-bottom: 32px;
    }

    .cyclic-s32-tblwrap {
        border-radius: 12px;
    }

    .cyclic-s32-table {
        min-width: 900px;
    }

    .cyclic-s32-table th,
    .cyclic-s32-table td {
        padding: 17px 15px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    #cyclic-section-32 {
        padding: 65px 16px;
    }

    .cyclic-s32-eyebrow-wrap {
        margin-bottom: 18px;
    }

    .cyclic-s32-eyebrow {
        font-size: 11px;
        padding: 7px 15px;
    }

    .cyclic-s32-heading {
        font-size: 32px;
        line-height: 1.25;
        margin-bottom: 20px;
    }

    .cyclic-s32-description,
    .cyclic-s32-text {
        font-size: 0.94rem;
        line-height: 1.7;
    }

    .cyclic-s32-description {
        margin-bottom: 28px;
    }

    .cyclic-s32-tblwrap {
        border-left-width: 2px;
        border-radius: 10px;
    }

    .cyclic-s32-table {
        min-width: 820px;
    }

    .cyclic-s32-table th {
        padding: 15px 13px;

        font-size: 0.72rem;
        line-height: 1.35;
    }

    .cyclic-s32-table td {
        padding: 15px 13px;

        font-size: 0.86rem;
        line-height: 1.55;
    }

    .cyclic-s32-table td:first-child,
    .cyclic-s32-table th:first-child {
        width: 19%;
    }

    .cyclic-s32-text + .cyclic-s32-text {
        margin-top: 20px !important;
    }
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 480px) {

    #cyclic-section-32 {
        padding: 55px 14px;
    }

    .cyclic-s32-heading {
        font-size: 28px;
        line-height: 1.25;
    }

    .cyclic-s32-description,
    .cyclic-s32-text {
        font-size: 0.9rem;
        line-height: 1.68;
    }

    .cyclic-s32-table {
        min-width: 780px;
    }

    .cyclic-s32-table th {
        padding: 13px 11px;
        font-size: 0.68rem;
    }

    .cyclic-s32-table td {
        padding: 13px 11px;
        font-size: 0.82rem;
    }

    .cyclic-s32-tblwrap + .cyclic-s32-text {
        margin-top: 22px !important;
    }
}
                    /* ========================================
       SECTION 33 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-33 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s33-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s33-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s33-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s33-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s33-description,
                    .cyclic-s33-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s33-grid {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s33-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s33-card:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 8px 24px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s33-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s33-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-33 {
                            padding: 64px 18px;
                        }

                        .cyclic-s33-heading {
                            font-size: 32px;
                        }

                        .cyclic-s33-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s33-heading {
                            font-size: 28px;
                        }
                    }


                    /* ========================================
       SECTION 35 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-35 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s35-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s35-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s35-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s35-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s35-description,
                    .cyclic-s35-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s35-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s35-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s35-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s35-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s35-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s35-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s35-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-35 {
                            padding: 64px 18px;
                        }

                        .cyclic-s35-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s35-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 36 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-36 {
                        background: #0A0A0A;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s36-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s36-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s36-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s36-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s36-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s36-text:last-child {
                        margin-bottom: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-36 {
                            padding: 64px 18px;
                        }

                        .cyclic-s36-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s36-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 37 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-37 {
                        background: #FFFFFF;
                        padding: 40px 24px;
                        overflow: hidden;
                        text-align: center;
                    }

                    .cyclic-s37-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s37-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 22px;
                    }

                    .cyclic-s37-ghost {
                        font-size: 4.2rem;
                        font-weight: 800;
                        line-height: 1.05;
                        margin: 0 0 30px 0;
                        color: transparent;
                        -webkit-text-stroke: 1.5px #292D32;
                        transition: all 0.35s ease;
                        cursor: default;
                    }

                    .cyclic-s37-ghost:hover {
                        color: #D99A00;
                        -webkit-text-stroke: 1.5px #D99A00;
                    }

                    .cyclic-s37-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 16px 0;
                    }

                    @media (max-width:768px) {
                        .cyclic-s37-ghost {
                            font-size: 2.8rem;
                        }

                        #cyclic-section-37 {
                            padding: 64px 18px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s37-ghost {
                            font-size: 2.1rem;
                        }
                    }

                    /* ========================================
       SECTION 38 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-38 {
                        background: #0A0A0A;
                        padding: 40px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s38-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s38-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s38-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s38-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s38-description,
                    .cyclic-s38-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s38-grid {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 24px;
                        margin-top: 12px;
                    }

                    .cyclic-s38-card {
                        background: #FFE28A;
                        border-radius: 6px;
                        padding: 26px 24px;
                        transition: all 0.25s ease;
                        border: 1px solid transparent;
                    }

                    .cyclic-s38-card:hover {
                        transform: translateY(-4px);
                        border-color: #D9A300;
                        box-shadow: 0 8px 24px rgba(217, 163, 0, 0.10);
                    }

                    .cyclic-s38-card-title {
                        font-size: 1.08rem;
                        font-weight: 700;
                        color: #111111;
                        margin: 0 0 10px 0;
                    }

                    .cyclic-s38-card-text {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #303030;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-38 {
                            padding: 64px 18px;
                        }

                        .cyclic-s38-heading {
                            font-size: 32px;
                        }

                        .cyclic-s38-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s38-heading {
                            font-size: 28px;
                        }
                    }

                    /* ========================================
       SECTION 39 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-39 {
                        background: #FFFFFF;
                        padding: 45px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s39-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s39-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s39-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s39-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s39-description,
                    .cyclic-s39-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s39-chipwrap {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 16px;
                        justify-content: center;
                        margin-top: 6px;
                    }

                    .cyclic-s39-chip {
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        border-radius: 6px;
                        padding: 18px 20px;
                        width: calc(33.333% - 12px);
                        transition: all 0.25s ease;
                    }

                    .cyclic-s39-chip:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s39-chip-label {
                        display: inline-block;
                        background: #111111;
                        color: #FFFFFF;
                        font-size: 0.75rem;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 0.6px;
                        padding: 3px 12px;
                        border-radius: 5px;
                        margin-bottom: 10px;
                    }

                    .cyclic-s39-chip-text {
                        font-size: 0.92rem;
                        line-height: 1.55;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:1024px) {
                        .cyclic-s39-chip {
                            width: calc(50% - 8px);
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-39 {
                            padding: 64px 18px;
                        }

                        .cyclic-s39-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s39-heading {
                            font-size: 28px;
                        }

                        .cyclic-s39-chip {
                            width: 100%;
                        }
                    }


                    /* ========================================
       SECTION 41 — CYCLIC 1 (light)
    ======================================== */
                    #cyclic-section-41 {
                        background: #FFFFFF;
                        padding: 50px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s41-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s41-eyebrow {
                        display: inline-block;
                        background: rgba(217, 154, 0, 0.12);
                        color: #D99A00;
                        border: 1px solid rgba(217, 154, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s41-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s41-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #292D32;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s41-description,
                    .cyclic-s41-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #30343A;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s41-list {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    .cyclic-s41-item {
                        display: flex;
                        gap: 20px;
                        padding: 20px 18px;
                        border-radius: 6px;
                        margin-bottom: 14px;
                        background: #FFE28A;
                        border: 1px solid #E3A900;
                        transition: all 0.25s ease;
                    }

                    .cyclic-s41-item:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 20px rgba(217, 154, 0, 0.10);
                    }

                    .cyclic-s41-badge {
                        flex: 0 0 auto;
                        width: 38px;
                        height: 38px;
                        border-radius: 5px;
                        background: #111111;
                        color: #FFFFFF;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 0.95rem;
                    }

                    .cyclic-s41-item-body h3 {
                        font-size: 1.05rem;
                        font-weight: 700;
                        color: #292D32;
                        margin: 2px 0 8px 0;
                    }

                    .cyclic-s41-item-body p {
                        font-size: 0.97rem;
                        line-height: 1.6;
                        color: #30343A;
                        text-align: justify;
                        margin: 0;
                    }

                    @media (max-width:480px) {
                        .cyclic-s41-item {
                            flex-direction: column;
                            gap: 10px;
                        }
                    }

                    @media (max-width:768px) {
                        #cyclic-section-41 {
                            padding: 64px 18px;
                        }

                        .cyclic-s41-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s41-heading {
                            font-size: 28px;
                        }
                    }


                    /* ========================================
       SECTION 44 — CYCLIC 2 (dark)
    ======================================== */
                    #cyclic-section-44 {
                        background: #0A0A0A;
                        padding: px 24px;
                        overflow: hidden;
                    }

                    .cyclic-s44-container {
                        max-width: 850px;
                        margin: 0 auto;
                    }

                    .cyclic-s44-eyebrow {
                        display: inline-block;
                        background: rgba(217, 163, 0, 0.15);
                        color: #D9A300;
                        border: 1px solid rgba(217, 163, 0, 0.3);
                        font-size: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        padding: 6px 18px;
                        border-radius: 999px;
                        margin-bottom: 20px;
                    }

                    .cyclic-s44-eyebrow-wrap {
                        text-align: center;
                    }

                    .cyclic-s44-heading {
                        font-size: 40px;
                        font-weight: 700;
                        color: #F5F5F5;
                        text-align: center;
                        margin: 0 0 28px 0;
                        line-height: 1.2;
                    }

                    .cyclic-s44-text {
                        font-size: 1rem;
                        line-height: 1.7;
                        color: #D0D0D0;
                        text-align: justify;
                        margin: 0 0 18px 0;
                    }

                    .cyclic-s44-text:last-child {
                        margin-bottom: 0;
                    }

                    .cyclic-s44-cta {
                        text-align: center;
                        margin-top: 24px;
                        font-weight: 700;
                        font-size: 1.15rem;
                    }

                    .cyclic-s44-cta a {
                        color: #D9A300;
                        border-bottom: 2px solid #D9A300;
                        padding-bottom: 2px;
                        transition: opacity 0.2s;
                    }

                    .cyclic-s44-cta a:hover {
                        opacity: 0.7;
                    }

                    .cyclic-s44-cta span {
                        color: #D0D0D0;
                        padding: 0 6px;
                    }

                    @media (max-width:768px) {
                        #cyclic-section-44 {
                            padding: 64px 18px;
                        }

                        .cyclic-s44-heading {
                            font-size: 32px;
                        }
                    }

                    @media (max-width:480px) {
                        .cyclic-s44-heading {
                            font-size: 28px;
                        }
                    }
          

/* ========================================
   SECTION 01 — CYCLIC 1
   EMAIL MARKETING INTRO
======================================== */

#email-intro-01 {
    position: relative;
    background: #FFFFFF;
    padding: 88px 24px;
    overflow: hidden;
}


/* ========================================
   MAIN CONTAINER
======================================== */

.email-intro-01-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.92fr);
    gap: 70px;
    align-items: center;
}


/* ========================================
   LEFT CONTENT
======================================== */

.email-intro-01-content {
    position: relative;
    z-index: 2;
    min-width: 0;
}


/* ========================================
   EYEBROW
======================================== */

.email-intro-01-eyebrow-wrap {
    margin-bottom: 18px;
}

.email-intro-01-eyebrow {
    display: inline-flex;
    align-items: center;

    padding: 6px 16px;

    background: rgba(217, 154, 0, 0.10);
    border: 1px solid rgba(217, 154, 0, 0.28);
    border-radius: 999px;

    color: #D99A00;

    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}


/* ========================================
   HEADING
======================================== */

.email-intro-01-heading {
    margin: 0 0 25px;

    color: #292D32;

    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}


/* ========================================
   PARAGRAPHS
======================================== */

.email-intro-01-copy {
    max-width: 650px;
}

.email-intro-01-text {
    margin: 0 0 17px;

    color: #30343A;

    font-size: 15px;
    line-height: 1.72;

    text-align: justify;
}

.email-intro-01-text:last-child {
    margin-bottom: 0;
}


/* ========================================
   INTERNAL LINKS
======================================== */

.email-intro-01-text .internal-gold {
    color: #C58F00;
    font-weight: 600;
    text-decoration: none;
}

.email-intro-01-text .internal-gold:hover {
    color: #D99A00;
    text-decoration: underline;
}


/* ========================================
   CTA
======================================== */

.email-intro-01-cta {
    margin-top: 27px;
}

.email-intro-01-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 11px 19px;

    background: #D4A017;
    border: 1px solid #292D32;
    border-radius: 5px;

    color: #FFFFFF;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.email-intro-01-cta a span {
    color: #000000;
    font-size: 17px;
    line-height: 1;

    transition: transform 0.25s ease;
}

.email-intro-01-cta a:hover {
    background: #FFD700;
    border-color: #D99A00;
    color: #000000;
    transform: translateY(-2px);
}

.email-intro-01-cta a:hover span {
    color: #000000;
    transform: translateX(4px);
}


/* ========================================
   RIGHT VISUAL
======================================== */

.email-intro-01-visual {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 0;
}

.email-intro-01-image-frame {
    position: relative;

    width: 100%;
    max-width: 510px;

    padding: 9px;

    background: #FFE28A;
    border-radius: 14px;
}

.email-intro-01-image {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    height: auto;
    max-height: 510px;

    object-fit: contain;

    border-radius: 9px;
}


/* ========================================
   DECORATIVE ACCENT
======================================== */

.email-intro-01-image-accent {
    position: absolute;

    width: 105px;
    height: 105px;

    top: -22px;
    right: -22px;

    border-top: 3px solid #D99A00;
    border-right: 3px solid #D99A00;

    border-radius: 0 12px 0 0;

    pointer-events: none;
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 950px) {

    #email-intro-01 {
        padding: 70px 22px;
    }

    .email-intro-01-container {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
        gap: 40px;
    }

    .email-intro-01-heading {
        font-size: 40px;
    }

    .email-intro-01-text {
        font-size: 14px;
        line-height: 1.68;
    }

    .email-intro-01-image-frame {
        min-height: 430px;
        display: flex;
        align-items: center;
    }

    .email-intro-01-image {
        height: 402px;
        object-fit: contain;
    }
}


/* ========================================
   MOBILE
   Content → Button → Image
======================================== */

@media (max-width: 700px) {

    .email-intro-01-container {
        display: flex;
        flex-direction: column;
        gap: 42px;
    }

    .email-intro-01-content {
        display: contents;
    }

    .email-intro-01-copy {
        order: 1;
    }

    .email-intro-01-visual {
        order: 2;
        width: 100%;
    }

    .email-intro-01-cta {
        order: 3;
        margin-top: 0;
    }

    .email-intro-01-eyebrow-wrap {
        order: 0;
    }

    .email-intro-01-heading {
        order: 0;
    }

    .email-intro-01-image-frame {
        max-width: 100%;
        min-height: auto;
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    .email-intro-01-image {
        width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
        border-radius: 8px;
    }

    .email-intro-01-image-accent {
        display: none;
    }
}


/* ========================================
   SMALL MOBILE
======================================== */

@media (max-width: 480px) {

    #email-intro-01 {
        padding: 52px 14px;
    }

    .email-intro-01-container {
        gap: 32px;
    }

    .email-intro-01-eyebrow {
        padding: 6px 13px;
        font-size: 9px;
        letter-spacing: 1.2px;
    }

    .email-intro-01-heading {
        font-size: 32px;
        line-height: 1.2;
    }

    .email-intro-01-text {
        font-size: 13.5px;
        line-height: 1.68;
    }

    .email-intro-01-cta {
        margin-top: 23px;
    }

    .email-intro-01-cta a {
        margin-left: -120px;
        padding: 10px 16px;
        font-size: 12px;
    }

    /*
       Image stays borderless on mobile
    */

    .email-intro-01-image-frame {
        padding: 0;
        background: transparent;
        border: none;
        border-radius: 0;
    }

    .email-intro-01-image {
        width: 100%;
        height: auto;
        border-radius: 0;
    }
}


/* ========================================
   EXTRA SMALL
======================================== */

@media (max-width: 360px) {

    .email-intro-01-heading {
        font-size: 29px;
    }

    .email-intro-01-text {
        font-size: 13px;
    }

    .email-intro-01-image {
        width: 100%;
        height: auto;
    }
}

      