html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

img,
video,
iframe {
    max-width: 100%;
}


/* ============================================================
     SECTION 1 — SEO Company in Trichy (CYCLIC 1 - WHITE)
     ============================================================ */

/* ----- BASE ----- */
.seo-block {
    padding: 70px 0;
}

.seo-white {
    background: #ffffff;
}

/* ============================================================
     LEFT COLUMN — CONTENT
     ============================================================ */
.seo-content {
    width: 100%;
}

/* Badge */
.seo-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* Heading */
.seo-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 10px;
}

/* Subtitle */
.seo-subtitle {
    font-size: clamp(16px, 1.2vw, 20px);
    font-weight: 600;
    color: #84c615;
    line-height: 1.5;
    margin-bottom: 16px;
}

/* Tags */
.seo-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.seo-tag {
    background: #f0f8e8;
    color: #0a0a0a;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: clamp(11px, 0.8vw, 13px);
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #e0e8d8;
}

.seo-tag:hover {
    background: #84c615;
    color: #ffffff;
    border-color: #84c615;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(132, 198, 21, 0.2);
}

/* Text */
.seo-text {
    color: #444444;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
}

.seo-text:last-of-type {
    margin-bottom: 0;
}

/* Highlight Box */
.seo-highlight {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #f5faf0;
    padding: 16px 22px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    margin: 18px 0 18px 0;
    transition: all 0.3s ease;
    cursor: default;
}

.seo-highlight:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.15);
}

.seo-highlight-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.seo-highlight:hover .seo-highlight-icon {
    color: #ffffff;
}

.seo-highlight-text {
    color: #0a0a0a;
    font-size: clamp(17px, 1.2vw, 20px);
    font-weight: 700;
    margin: 0;
    text-align: justify;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.seo-highlight:hover .seo-highlight-text {
    color: #ffffff;
}

/* ============================================================
     RIGHT COLUMN — VIDEO EMBED
     ============================================================ */
.seo-video-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.seo-video-wrapper {
    width: 100%;
    max-width: 550px;
    border-radius: 16px;
    overflow: hidden;
    background: #0a0a0a;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
}

.seo-video-wrapper:hover {
    transform: scale(1.02);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.15);
}

.seo-video-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
}

.seo-video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    background: #0a0a0a;
    border: none;
    border-radius: 16px;
}

/* Video Badge */
.seo-video-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: clamp(11px, 0.8vw, 13px);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 2;
    pointer-events: none;
    transition: all 0.3s ease;
}

.seo-video-badge span:first-child {
    color: #84c615;
}

.seo-video-wrapper:hover .seo-video-badge {
    background: rgba(132, 198, 21, 0.85);
    color: #0a0a0a;
    border-color: #84c615;
}

.seo-video-wrapper:hover .seo-video-badge span:first-child {
    color: #0a0a0a;
}

/* Video Accent */
.seo-video-accent {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    background: #84c615;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    opacity: 0.35;
    z-index: 1;
    pointer-events: none;
    transition: all 0.4s ease;
}

.seo-video-wrapper:hover .seo-video-accent {
    opacity: 0.6;
    width: 90px;
    height: 90px;
}

/* Video Controls Customization */
.seo-video::-webkit-media-controls-panel {
    background: rgba(0, 0, 0, 0.6);
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .seo-block {
        padding: 60px 0;
    }

    .seo-title {
        font-size: 36px;
    }

    .seo-video-wrapper {
        max-width: 100%;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .seo-block {
        padding: 50px 0;
    }

    .row {
        flex-direction: column-reverse;
    }

    .seo-title {
        font-size: 30px;
    }

    .seo-subtitle {
        font-size: 17px;
    }

    .seo-text {
        font-size: 15px;
        text-align: justify;
    }

    .seo-highlight-text {
        font-size: 17px;
        text-align: justify;
    }

    .seo-tag {
        font-size: 12px;
        padding: 5px 14px;
    }

    .seo-video-wrapper {
        max-width: 100%;
    }

    .seo-video-badge {
        top: 12px;
        left: 12px;
        padding: 5px 14px;
        font-size: 12px;
    }

    .seo-video-accent {
        width: 60px;
        height: 60px;
    }

    .seo-video-wrapper:hover .seo-video-accent {
        width: 70px;
        height: 70px;
    }

    .seo-badge {
        font-size: 11px;
        padding: 4px 14px;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .seo-block {
        padding: 40px 0;
    }

    .row {
        flex-direction: column-reverse;
    }

    .seo-title {
        font-size: 26px;
    }

    .seo-subtitle {
        font-size: 15px;
    }

    .seo-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .seo-tags {
        gap: 6px;
        margin-bottom: 14px;
    }

    .seo-tag {
        font-size: 11px;
        padding: 4px 12px;
    }

    .seo-highlight {
        padding: 14px 16px;
        gap: 10px;
        margin: 14px 0;
    }

    .seo-highlight-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .seo-highlight-text {
        font-size: 15px;
    }

    .seo-video-wrapper {
        border-radius: 12px;
    }

    .seo-video-container {
        border-radius: 12px;
    }

    .seo-video {
        aspect-ratio: 16/9;
    }

    .seo-video-badge {
        top: 10px;
        left: 10px;
        padding: 4px 12px;
        font-size: 10px;
    }

    .seo-video-accent {
        width: 50px;
        height: 50px;
    }

    .seo-video-wrapper:hover .seo-video-accent {
        width: 60px;
        height: 60px;
    }

    .seo-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 8px;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .seo-title {
        font-size: 22px;
    }

    .seo-subtitle {
        font-size: 14px;
    }

    .seo-text {
        font-size: 13px;
    }

    .seo-highlight-text {
        font-size: 14px;
    }

    .seo-tag {
        font-size: 10px;
        padding: 3px 10px;
    }

    .seo-video-badge {
        font-size: 9px;
        padding: 3px 10px;
    }

    .seo-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}
/* ============================================================
     SECTION 2 — Looking for an SEO Company in Trichy? (CYCLIC 2 - BLACK)
     ============================================================ */

/* ----- BASE ----- */
.sc-block {
    padding: 70px 0;
}

.sc-dark {
    background: #0a0a0a;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.sc-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.sc-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.sc-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 20px;
}

.sc-title span {
    color: #84c615;
}

/* ----- TEXT ----- */
.sc-text {
    color: #cccccc;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.sc-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(16px, 1.2vw, 18px);
    margin-bottom: 18px;
    text-align: center;
}

/* ============================================================
     GRID LIST
     ============================================================ */
.sc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

.sc-item {
    background: #161616;
    padding: 12px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}

.sc-item:hover {
    background: #84c615;
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.2);
    border-color: #84c615;
}

.sc-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 20px;
    transition: color 0.3s ease;
}

.sc-item:hover .sc-icon {
    color: #0a0a0a;
}

.sc-item-text {
    color: #e0e0e0;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.4;
    transition: color 0.3s ease;
}

.sc-item:hover .sc-item-text {
    color: #0a0a0a;
}

/* ============================================================
     HIGHLIGHT BOX
     ============================================================ */
.sc-highlight {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    margin: 0 auto 24px auto;
    max-width: 850px;
    transition: all 0.4s ease;
    cursor: default;
}

.sc-highlight:hover {
    background: #252525;
    transform: translateX(6px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.1);
}

.sc-highlight-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}

.sc-highlight-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    font-weight: 500;
    margin: 0;
    text-align: justify;
    line-height: 1.7;
}

.sc-highlight-text strong {
    color: #84c615;
}

/* ============================================================
     CONCLUSION
     ============================================================ */
.sc-conclusion {
    background: #161616;
    padding: 24px 28px;
    border-radius: 12px;
    max-width: 850px;
    margin: 0 auto;
    border: 1px solid #2a2a2a;
    transition: all 0.4s ease;
    cursor: default;
}

.sc-conclusion:hover {
    border-color: #84c615;
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.1);
}

.sc-conclusion-text {
    color: #cccccc;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.8;
    margin: 0 0 12px 0;
    text-align: center;
}

.sc-conclusion-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 0 auto 12px auto;
    border-radius: 4px;
}

.sc-conclusion-highlight {
    color: #ffffff;
    font-size: clamp(17px, 1.2vw, 20px);
    font-weight: 700;
    margin: 0;
    text-align: center;
    line-height: 1.5;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .sc-block {
        padding: 60px 0;
    }

    .sc-title {
        font-size: 36px;
    }

    .sc-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .sc-item {
        padding: 10px 14px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .sc-block {
        padding: 50px 0;
    }

    .sc-title {
        font-size: 30px;
    }

    .sc-text {
        font-size: 15px;
        text-align: justify;
    }

    .sc-text-sub {
        font-size: 15px;
    }

    .sc-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .sc-item {
        padding: 10px 14px;
    }

    .sc-item-text {
        font-size: 13px;
    }

    .sc-highlight {
        padding: 16px 20px;
    }

    .sc-highlight-text {
        font-size: 15px;
        text-align: justify;
    }

    .sc-conclusion {
        padding: 20px 20px;
    }

    .sc-conclusion-text {
        font-size: 15px;
    }

    .sc-conclusion-highlight {
        font-size: 17px;
    }

    .sc-badge {
        font-size: 11px;
        padding: 4px 14px;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .sc-block {
        padding: 40px 0;
    }

    .sc-title {
        font-size: 26px;
    }

    .sc-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .sc-text-sub {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .sc-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .sc-item {
        padding: 10px 12px;
        border-radius: 8px;
    }

    .sc-icon {
        font-size: 13px;
        min-width: 18px;
    }

    .sc-item-text {
        font-size: 13px;
    }

    .sc-highlight {
        padding: 14px 16px;
        gap: 10px;
        margin-bottom: 18px;
    }

    .sc-highlight-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .sc-highlight-text {
        font-size: 14px;
        text-align: justify;
    }

    .sc-conclusion {
        padding: 16px 16px;
        border-radius: 10px;
    }

    .sc-conclusion-text {
        font-size: 14px;
    }

    .sc-conclusion-line {
        width: 40px;
        height: 2px;
        margin: 10px auto;
    }

    .sc-conclusion-highlight {
        font-size: 15px;
    }

    .sc-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .sc-title {
        font-size: 22px;
    }

    .sc-text {
        font-size: 13px;
    }

    .sc-text-sub {
        font-size: 13px;
    }

    .sc-grid {
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    .sc-item {
        padding: 8px 10px;
    }

    .sc-item-text {
        font-size: 12px;
    }

    .sc-icon {
        font-size: 12px;
        min-width: 16px;
    }

    .sc-highlight-text {
        font-size: 13px;
    }

    .sc-conclusion-text {
        font-size: 13px;
    }

    .sc-conclusion-highlight {
        font-size: 14px;
    }

    .sc-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}




/* ============================================================
     SECTION 3 — AI Quick Answer (CYCLIC 1 - WHITE)
     ============================================================ */

/* ----- BASE ----- */
.aq-block {
    padding: 70px 0;
}

.aq-white {
    background: #ffffff;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.aq-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.aq-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.aq-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 10px;
}

/* ----- DIVIDER ----- */
.aq-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 20px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.aq-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 24px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.aq-text strong {
    color: #0a0a0a;
    font-weight: 700;
}

/* ============================================================
     SERVICES GRID
     ============================================================ */
.aq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

.aq-item {
    background: #f5f5f5;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}

.aq-item:hover {
    background: #84c615;
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.2);
    border-color: #84c615;
}

.aq-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 16px;
    min-width: 22px;
    transition: color 0.3s ease;
}

.aq-item:hover .aq-icon {
    color: #ffffff;
}

.aq-item-text {
    color: #333333;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.4;
    transition: color 0.3s ease;
}

.aq-item:hover .aq-item-text {
    color: #ffffff;
}

/* ============================================================
     HIGHLIGHT BOX
     ============================================================ */
.aq-highlight {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    margin: 0 auto;
    max-width: 850px;
    transition: all 0.4s ease;
    cursor: default;
}

.aq-highlight:hover {
    background: #84c615;
    transform: translateX(6px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.2);
}

.aq-highlight-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.aq-highlight:hover .aq-highlight-icon {
    color: #ffffff;
}

.aq-highlight-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    font-weight: 500;
    margin: 0;
    text-align: justify;
    line-height: 1.7;
    transition: color 0.3s ease;
}

.aq-highlight:hover .aq-highlight-text {
    color: #ffffff;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .aq-block {
        padding: 60px 0;
    }

    .aq-title {
        font-size: 36px;
    }

    .aq-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .aq-item {
        padding: 12px 14px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .aq-block {
        padding: 50px 0;
    }

    .aq-title {
        font-size: 30px;
    }

    .aq-text {
        font-size: 15px;
        text-align: justify;
    }

    .aq-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .aq-item {
        padding: 10px 14px;
    }

    .aq-item-text {
        font-size: 13px;
    }

    .aq-highlight {
        padding: 16px 20px;
    }

    .aq-highlight-text {
        font-size: 15px;
        text-align: justify;
    }

    .aq-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .aq-divider {
        width: 50px;
        margin: 12px auto 16px auto;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .aq-block {
        padding: 40px 0;
    }

    .aq-title {
        font-size: 26px;
    }

    .aq-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 18px;
    }

    .aq-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .aq-item {
        padding: 10px 12px;
        border-radius: 8px;
    }

    .aq-icon {
        font-size: 14px;
        min-width: 18px;
    }

    .aq-item-text {
        font-size: 13px;
    }

    .aq-highlight {
        padding: 14px 16px;
        gap: 10px;
    }

    .aq-highlight-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .aq-highlight-text {
        font-size: 14px;
        text-align: justify;
    }

    .aq-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .aq-divider {
        width: 40px;
        height: 2px;
        margin: 10px auto 14px auto;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .aq-title {
        font-size: 22px;
    }

    .aq-text {
        font-size: 13px;
    }

    .aq-grid {
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    .aq-item {
        padding: 8px 10px;
    }

    .aq-item-text {
        font-size: 12px;
    }

    .aq-icon {
        font-size: 12px;
        min-width: 16px;
    }

    .aq-highlight-text {
        font-size: 13px;
    }

    .aq-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}



/* ============================================================
     SECTION 4 — What Does an SEO Company Do? (CYCLIC 2 - BLACK)
     ============================================================ */

/* ----- BASE ----- */
.wd-block {
    padding: 70px 0;
}

.wd-dark {
    background: #0a0a0a;
}

/* ============================================================
     HEADER
     ============================================================ */
.wd-header {
    margin-bottom: 50px;
}

.wd-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.wd-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
}

.wd-title span {
    color: #84c615;
}

.wd-subtitle {
    color: #aaaaaa;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.6;
    max-width: 750px;
    margin: 10px auto 0 auto;
    text-align: justify;
}

.wd-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 0 auto;
    border-radius: 4px;
}

/* ============================================================
     ROWS
     ============================================================ */
.wd-row {
    margin-bottom: 60px;
}

.wd-row:last-child {
    margin-bottom: 0;
}

.wd-row-reverse {
    /* Image on left, content on right */
}

/* ============================================================
     CONTENT
     ============================================================ */
.wd-content {
    width: 100%;
}

.wd-content-right {
    /* Additional styles for right content */
}

.wd-section-title {
    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.3;
}

.wd-section-title span {
    color: #84c615;
}

.wd-section-title-right {
    text-align: left;
}

/* ----- GRID ----- */
.wd-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.wd-item {
    background: #161616;
    padding: 18px 20px;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
    transition: all 0.3s ease;
    cursor: default;
}

.wd-item:hover {
    background: #252525;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.1);
    border-color: #84c615;
}

.wd-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 16px;
    display: block;
    margin-bottom: 6px;
}

.wd-item-title {
    color: #ffffff;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
}

.wd-sublist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wd-sublist li {
    color: #aaaaaa;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.8;
    transition: color 0.3s ease;
}

.wd-item:hover .wd-sublist li {
    color: #e0e0e0;
}

/* ----- DESC ----- */
.wd-desc {
    color: #cccccc;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
}

.wd-desc:last-of-type {
    margin-bottom: 0;
}

/* ----- CONCLUSION BOX ----- */
.wd-conclusion-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 18px 22px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    margin-top: 20px;
    transition: all 0.4s ease;
    cursor: default;
}

.wd-conclusion-box:hover {
    background: #252525;
    transform: translateX(6px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.1);
}

.wd-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}

.wd-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 500;
    margin: 0;
    text-align: justify;
    line-height: 1.7;
}

/* ============================================================
     IMAGE
     ============================================================ */
.wd-image-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.wd-img-card {
    position: relative;
    width: 100%;
    max-width: 550px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease;
}

.wd-img-card:hover {
    transform: scale(1.02);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.2);
}

.wd-img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.4s ease;
}

.wd-img-card:hover .wd-img {
    transform: scale(1.03);
}

/* Image Overlay */
.wd-img-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 28px 22px 18px 22px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    display: flex;
    align-items: center;
    gap: 10px;
}

.wd-img-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 20px;
}

.wd-img-text {
    color: #ffffff;
    font-size: clamp(16px, 1.3vw, 22px);
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Image Badge */
.wd-img-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: clamp(11px, 0.8vw, 13px);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.wd-img-badge span:first-child {
    color: #84c615;
}

.wd-img-card:hover .wd-img-badge {
    background: rgba(132, 198, 21, 0.85);
    color: #0a0a0a;
    border-color: #84c615;
}

.wd-img-card:hover .wd-img-badge span:first-child {
    color: #0a0a0a;
}

/* Image Accent */
.wd-img-accent {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background: #84c615;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    opacity: 0.4;
    transition: all 0.4s ease;
}

.wd-img-card:hover .wd-img-accent {
    opacity: 0.8;
    width: 100px;
    height: 100px;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .wd-block {
        padding: 60px 0;
    }

    .wd-title {
        font-size: 36px;
    }

    .wd-grid {
        gap: 12px;
    }

    .wd-item {
        padding: 14px 16px;
    }

    .wd-img-card {
        max-width: 450px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .wd-block {
        padding: 50px 0;
    }

    .wd-title {
        font-size: 30px;
    }

    .wd-subtitle {
        font-size: 15px;
        text-align: justify;
    }

    .wd-header {
        margin-bottom: 35px;
    }

    .wd-row {
        margin-bottom: 40px;
    }

    .wd-row:last-child {
        margin-bottom: 0;
    }

    .wd-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .wd-item {
        padding: 12px 14px;
    }

    .wd-item-title {
        font-size: 14px;
    }

    .wd-sublist li {
        font-size: 13px;
    }

    .wd-section-title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .wd-desc {
        font-size: 14px;
        text-align: justify;
    }

    .wd-conclusion-box {
        padding: 14px 18px;
    }

    .wd-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .wd-img-card {
        max-width: 100%;
    }

    .wd-img-overlay {
        padding: 20px 16px 14px 16px;
    }

    .wd-img-text {
        font-size: 18px;
    }

    .wd-img-icon {
        font-size: 16px;
    }

    .wd-img-accent {
        width: 60px;
        height: 60px;
    }

    .wd-img-card:hover .wd-img-accent {
        width: 70px;
        height: 70px;
    }

    .wd-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .wd-divider {
        width: 50px;
        margin-top: 14px;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .wd-block {
        padding: 40px 0;
    }

    .wd-title {
        font-size: 26px;
    }

    .wd-subtitle {
        font-size: 14px;
        text-align: justify;
    }

    .wd-header {
        margin-bottom: 28px;
    }

    .wd-row {
        margin-bottom: 30px;
    }

    .wd-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .wd-item {
        padding: 12px 14px;
        border-radius: 8px;
    }

    .wd-item-title {
        font-size: 14px;
    }

    .wd-sublist li {
        font-size: 13px;
    }

    .wd-section-title {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .wd-desc {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .wd-conclusion-box {
        padding: 12px 14px;
        gap: 10px;
        margin-top: 16px;
    }

    .wd-conclusion-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .wd-conclusion-text {
        font-size: 13px;
        text-align: justify;
    }

    .wd-img-card {
        border-radius: 12px;
    }

    .wd-img-overlay {
        padding: 16px 12px 10px 12px;
    }

    .wd-img-text {
        font-size: 15px;
    }

    .wd-img-icon {
        font-size: 14px;
    }

    .wd-img-accent {
        width: 50px;
        height: 50px;
    }

    .wd-img-card:hover .wd-img-accent {
        width: 60px;
        height: 60px;
    }

    .wd-img-badge {
        top: 10px;
        left: 10px;
        padding: 4px 12px;
        font-size: 10px;
    }

    .wd-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .wd-divider {
        width: 40px;
        height: 2px;
        margin-top: 12px;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .wd-title {
        font-size: 22px;
    }

    .wd-subtitle {
        font-size: 13px;
    }

    .wd-section-title {
        font-size: 16px;
    }

    .wd-desc {
        font-size: 13px;
    }

    .wd-item-title {
        font-size: 13px;
    }

    .wd-sublist li {
        font-size: 12px;
    }

    .wd-conclusion-text {
        font-size: 12px;
    }

    .wd-img-text {
        font-size: 13px;
    }

    .wd-img-icon {
        font-size: 12px;
    }

    .wd-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}


/* ============================================================
     SECTION 5 — SEO Should Go Beyond Rankings (CYCLIC 1 - WHITE)
     ============================================================ */

/* ----- BASE ----- */
.sr-block {
    padding: 70px 0;
}

.sr-white {
    background: #ffffff;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.sr-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.sr-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.sr-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 10px;
}

.sr-title span {
    color: #84c615;
}

/* ----- DIVIDER ----- */
.sr-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 20px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.sr-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.sr-text-highlight {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.sr-text-strong {
    color: #0a0a0a;
    font-weight: 700;
    font-size: clamp(18px, 1.3vw, 22px);
    margin-bottom: 20px;
    text-align: center;
}

/* ----- EXAMPLE BOX ----- */
.sr-example {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    margin: 0 auto 20px auto;
    max-width: 850px;
    transition: all 0.3s ease;
    cursor: default;
}

.sr-example:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.15);
}

.sr-example-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.sr-example:hover .sr-example-icon {
    color: #ffffff;
}

.sr-example-text {
    color: #0a0a0a;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}

.sr-example:hover .sr-example-text {
    color: #ffffff;
}

/* ----- FORMULA BOX ----- */
.sr-formula {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 16px;
    background: #0a0a0a;
    padding: 20px 28px;
    border-radius: 12px;
    max-width: 850px;
    margin: 0 auto 12px auto;
    transition: all 0.3s ease;
    cursor: default;
}

.sr-formula:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: scale(1.01);
}

.sr-formula-item {
    color: #ffffff;
    font-size: clamp(16px, 1.2vw, 20px);
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 8px;
    background: #1a1a1a;
    transition: all 0.3s ease;
}

.sr-formula:hover .sr-formula-item {
    background: #84c615;
    color: #0a0a0a;
}

.sr-formula-plus {
    color: #84c615;
    font-size: clamp(20px, 1.5vw, 26px);
    font-weight: 700;
}

/* ----- FORMULA LINE ----- */
.sr-formula-line {
    width: 80px;
    height: 3px;
    background: #84c615;
    margin: 6px auto 16px auto;
    border-radius: 4px;
}

/* ----- CONCLUSION BOX ----- */
.sr-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #0a0a0a;
    padding: 20px 26px;
    border-radius: 12px;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}

.sr-conclusion:hover {
    border-color: #84c615;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.sr-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}

.sr-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

.sr-conclusion-text strong {
    color: #84c615;
    font-weight: 700;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .sr-block {
        padding: 60px 0;
    }

    .sr-title {
        font-size: 36px;
    }

    .sr-formula {
        padding: 16px 22px;
    }

    .sr-formula-item {
        font-size: 16px;
        padding: 4px 12px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .sr-block {
        padding: 50px 0;
    }

    .sr-title {
        font-size: 30px;
    }

    .sr-text {
        font-size: 15px;
        text-align: justify;
    }

    .sr-text-highlight {
        font-size: 16px;
    }

    .sr-text-strong {
        font-size: 18px;
    }

    .sr-example {
        padding: 16px 20px;
    }

    .sr-example-text {
        font-size: 15px;
        text-align: justify;
    }

    .sr-formula {
        padding: 14px 18px;
        gap: 8px 12px;
    }

    .sr-formula-item {
        font-size: 14px;
        padding: 4px 10px;
    }

    .sr-formula-plus {
        font-size: 18px;
    }

    .sr-formula-line {
        width: 60px;
    }

    .sr-conclusion {
        padding: 16px 20px;
    }

    .sr-conclusion-text {
        font-size: 15px;
        text-align: justify;
    }

    .sr-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .sr-divider {
        width: 50px;
        margin: 12px auto 16px auto;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .sr-block {
        padding: 40px 0;
    }

    .sr-title {
        font-size: 26px;
    }

    .sr-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .sr-text-highlight {
        font-size: 15px;
        margin-bottom: 14px;
    }

    .sr-text-strong {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .sr-example {
        padding: 14px 16px;
        gap: 10px;
    }

    .sr-example-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .sr-example-text {
        font-size: 14px;
        text-align: justify;
    }

    .sr-formula {
        padding: 12px 14px;
        gap: 6px 10px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sr-formula-item {
        font-size: 13px;
        padding: 4px 10px;
    }

    .sr-formula-plus {
        font-size: 16px;
    }

    .sr-formula-line {
        width: 40px;
        height: 2px;
        margin: 4px auto 12px auto;
    }

    .sr-conclusion {
        padding: 14px 16px;
        gap: 10px;
    }

    .sr-conclusion-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .sr-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .sr-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .sr-divider {
        width: 40px;
        height: 2px;
        margin: 10px auto 14px auto;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .sr-title {
        font-size: 22px;
    }

    .sr-text {
        font-size: 13px;
    }

    .sr-text-highlight {
        font-size: 14px;
    }

    .sr-text-strong {
        font-size: 15px;
    }

    .sr-example-text {
        font-size: 13px;
    }

    .sr-formula-item {
        font-size: 12px;
        padding: 3px 8px;
    }

    .sr-formula-plus {
        font-size: 14px;
    }

    .sr-conclusion-text {
        font-size: 13px;
    }

    .sr-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}



/* ============================================================
     SECTION 6 — Our SEO Philosophy (CYCLIC 2 - BLACK)
     ============================================================ */

/* ----- BASE ----- */
.op-block {
    padding: 70px 0;
}

.op-dark {
    background: #0a0a0a;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.op-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.op-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.op-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 10px;
}

.op-title span {
    color: #84c615;
}

/* ----- DIVIDER ----- */
.op-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 20px auto;
    border-radius: 4px;
}

/* ----- SUBTITLE ----- */
.op-subtitle {
    color: #cccccc;
    font-size: clamp(18px, 1.3vw, 22px);
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.op-subtitle span {
    color: #84c615;
    font-weight: 600;
}

/* ============================================================
     QUESTIONS
     ============================================================ */
.op-question {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    background: #161616;
    padding: 22px 26px;
    border-radius: 14px;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.4s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
    text-align: left;
}

.op-question:last-child {
    margin-bottom: 0;
}

/* Hover Effect - Different for each question */
.op-question--1:hover {
    background: #1a2a0a;
    border-color: #84c615;
    transform: translateX(8px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}

.op-question--2:hover {
    background: #0a1a2a;
    border-color: #84c615;
    transform: translateX(-8px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}

.op-question--3:hover {
    background: #1a0a2a;
    border-color: #84c615;
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.1);
}

.op-question--4:hover {
    background: #0a1a1a;
    border-color: #84c615;
    transform: scale(1.02);
    box-shadow: 0 8px 35px rgba(132, 198, 21, 0.08);
}

.op-question--5:hover {
    background: #1a1a0a;
    border-color: #84c615;
    transform: translateX(8px) translateY(-4px);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.1);
}

/* Question Number */
.op-question-number {
    font-size: clamp(28px, 2.5vw, 38px);
    font-weight: 800;
    color: #84c615;
    min-width: 60px;
    line-height: 1.2;
    transition: all 0.3s ease;
}

.op-question:hover .op-question-number {
    transform: scale(1.1);
    color: #9ad62a;
}

/* Question Content */
.op-question-content {
    flex: 1;
}

.op-question-title {
    font-size: clamp(18px, 1.4vw, 22px);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.op-question:hover .op-question-title {
    color: #84c615;
}

.op-question-text {
    font-size: clamp(15px, 1.1vw, 17px);
    color: #aaaaaa;
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}

.op-question:hover .op-question-text {
    color: #cccccc;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .op-block {
        padding: 60px 0;
    }

    .op-title {
        font-size: 36px;
    }

    .op-question {
        padding: 18px 22px;
        gap: 18px;
    }

    .op-question-number {
        font-size: 30px;
        min-width: 50px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .op-block {
        padding: 50px 0;
    }

    .op-title {
        font-size: 30px;
    }

    .op-subtitle {
        font-size: 17px;
    }

    .op-question {
        padding: 16px 18px;
        gap: 14px;
        flex-direction: row;
        align-items: flex-start;
    }

    .op-question-number {
        font-size: 24px;
        min-width: 40px;
    }

    .op-question-title {
        font-size: 17px;
    }

    .op-question-text {
        font-size: 14px;
        text-align: justify;
    }

    .op-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .op-divider {
        width: 50px;
        margin: 12px auto 16px auto;
    }

    /* Mobile hover effects - slightly reduced */
    .op-question--1:hover,
    .op-question--2:hover,
    .op-question--3:hover,
    .op-question--4:hover,
    .op-question--5:hover {
        transform: translateX(4px);
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .op-block {
        padding: 40px 0;
    }

    .op-title {
        font-size: 26px;
    }

    .op-subtitle {
        font-size: 15px;
        margin-bottom: 22px;
    }

    .op-question {
        padding: 14px 16px;
        gap: 12px;
        border-radius: 10px;
        margin-bottom: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    .op-question-number {
        font-size: 20px;
        min-width: auto;
    }

    .op-question-title {
        font-size: 16px;
    }

    .op-question-text {
        font-size: 14px;
        text-align: justify;
    }

    .op-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .op-divider {
        width: 40px;
        height: 2px;
        margin: 10px auto 14px auto;
    }

    /* Disable complex hover transforms on very small screens */
    .op-question--1:hover,
    .op-question--2:hover,
    .op-question--3:hover,
    .op-question--4:hover,
    .op-question--5:hover {
        transform: none;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .op-title {
        font-size: 22px;
    }

    .op-subtitle {
        font-size: 14px;
    }

    .op-question-title {
        font-size: 15px;
    }

    .op-question-text {
        font-size: 13px;
    }

    .op-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}




/* ============================================================
     SECTION 7 — SEO Services in Trichy for Different Business Goals (CYCLIC 1 - WHITE)
     ============================================================ */

/* ----- BASE ----- */
.sg-block {
    padding: 70px 0;
}

.sg-white {
    background: #ffffff;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.sg-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.sg-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.sg-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 10px;
}

.sg-title span {
    color: #84c615;
}

/* ----- SUBTITLE ----- */
.sg-subtitle {
    color: #555555;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto 6px auto;
    text-align: center;
}

/* ----- DIVIDER ----- */
.sg-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 30px auto;
    border-radius: 4px;
}

/* ============================================================
     SERVICES GRID
     ============================================================ */
.sg-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
    max-width: 100%;
}

/* ============================================================
     CARD
     ============================================================ */
.sg-card {
    background: #f8f8f8;
    padding: 24px 18px 20px 18px;
    border-radius: 14px;
    text-align: left;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ----- UNIQUE HOVER EFFECTS WITH SAME BG COLOR (#84c615) ----- */
.sg-card--1:hover,
.sg-card--2:hover,
.sg-card--3:hover,
.sg-card--4:hover,
.sg-card--5:hover,
.sg-card--6:hover,
.sg-card--7:hover,
.sg-card--8:hover {
    background: #84c615;
    border-color: #84c615;
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.25);
}

/* Unique transform effects per card */
.sg-card--1:hover {
    transform: translateY(-8px) scale(1.02);
}

.sg-card--2:hover {
    transform: translateY(-8px) rotate(0.5deg);
}

.sg-card--3:hover {
    transform: translateX(6px) translateY(-6px);
}

.sg-card--4:hover {
    transform: scale(1.03) translateY(-6px);
}

.sg-card--5:hover {
    transform: translateY(-8px) scale(1.01);
}

.sg-card--6:hover {
    transform: translateX(-6px) translateY(-6px);
}

.sg-card--7:hover {
    transform: translateY(-8px) scale(1.02);
}

.sg-card--8:hover {
    transform: translateY(-8px) rotate(-0.5deg);
}

/* ----- CARD ICON ----- */
.sg-card-icon {
    font-size: 28px;
    margin-bottom: 10px;
    display: block;
    transition: all 0.3s ease;
}

.sg-card--1:hover .sg-card-icon,
.sg-card--4:hover .sg-card-icon,
.sg-card--7:hover .sg-card-icon {
    transform: scale(1.2) rotate(5deg);
}

.sg-card--2:hover .sg-card-icon,
.sg-card--5:hover .sg-card-icon,
.sg-card--8:hover .sg-card-icon {
    transform: scale(1.2) rotate(-5deg);
}

.sg-card--3:hover .sg-card-icon,
.sg-card--6:hover .sg-card-icon {
    transform: scale(1.2) translateX(4px);
}

/* ----- CARD TITLE ----- */
.sg-card-title {
    font-size: clamp(15px, 1.1vw, 18px);
    font-weight: 700;
    color: #0a0a0a;
    margin-bottom: 8px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

/* All cards — title becomes white on hover */
.sg-card--1:hover .sg-card-title,
.sg-card--2:hover .sg-card-title,
.sg-card--3:hover .sg-card-title,
.sg-card--4:hover .sg-card-title,
.sg-card--5:hover .sg-card-title,
.sg-card--6:hover .sg-card-title,
.sg-card--7:hover .sg-card-title,
.sg-card--8:hover .sg-card-title {
    color: #ffffff;
}

/* ----- CARD TEXT ----- */
.sg-card-text {
    font-size: clamp(13px, 0.95vw, 15px);
    color: #555555;
    line-height: 1.7;
    margin: 0 0 10px 0;
    flex: 1;
    text-align: justify;
    transition: color 0.3s ease;
}

/* All cards — text becomes white on hover */
.sg-card--1:hover .sg-card-text,
.sg-card--2:hover .sg-card-text,
.sg-card--3:hover .sg-card-text,
.sg-card--4:hover .sg-card-text,
.sg-card--5:hover .sg-card-text,
.sg-card--6:hover .sg-card-text,
.sg-card--7:hover .sg-card-text,
.sg-card--8:hover .sg-card-text {
    color: #ffffff;
}

/* ----- CARD LINE ----- */
.sg-card-line {
    width: 30px;
    height: 2px;
    background: #84c615;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* All cards — line becomes white and wider on hover */
.sg-card--1:hover .sg-card-line,
.sg-card--2:hover .sg-card-line,
.sg-card--3:hover .sg-card-line,
.sg-card--4:hover .sg-card-line,
.sg-card--5:hover .sg-card-line,
.sg-card--6:hover .sg-card-line,
.sg-card--7:hover .sg-card-line,
.sg-card--8:hover .sg-card-line {
    width: 50px;
    background: #ffffff;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .sg-block {
        padding: 60px 0;
    }

    .sg-title {
        font-size: 36px;
    }

    .sg-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 14px;
    }

    .sg-card {
        padding: 20px 16px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .sg-block {
        padding: 50px 0;
    }

    .sg-title {
        font-size: 30px;
    }

    .sg-subtitle {
        font-size: 15px;
    }

    .sg-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .sg-card {
        padding: 18px 16px;
        border-radius: 12px;
    }

    .sg-card-icon {
        font-size: 24px;
    }

    .sg-card-title {
        font-size: 15px;
    }

    .sg-card-text {
        font-size: 13px;
        text-align: justify;
    }

    .sg-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .sg-divider {
        width: 50px;
        margin: 12px auto 22px auto;
    }

    /* Simplify hover transforms on tablet */
    .sg-card--1:hover,
    .sg-card--2:hover,
    .sg-card--3:hover,
    .sg-card--4:hover,
    .sg-card--5:hover,
    .sg-card--6:hover,
    .sg-card--7:hover,
    .sg-card--8:hover {
        transform: translateY(-4px) scale(1.01) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .sg-block {
        padding: 40px 0;
    }

    .sg-title {
        font-size: 26px;
    }

    .sg-subtitle {
        font-size: 14px;
    }

    .sg-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .sg-card {
        padding: 14px 12px;
        border-radius: 10px;
    }

    .sg-card-icon {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .sg-card-title {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .sg-card-text {
        font-size: 12px;
        line-height: 1.6;
        text-align: justify;
    }

    .sg-card-line {
        width: 20px;
        height: 2px;
    }

    .sg-card--1:hover .sg-card-line,
    .sg-card--2:hover .sg-card-line,
    .sg-card--3:hover .sg-card-line,
    .sg-card--4:hover .sg-card-line,
    .sg-card--5:hover .sg-card-line,
    .sg-card--6:hover .sg-card-line,
    .sg-card--7:hover .sg-card-line,
    .sg-card--8:hover .sg-card-line {
        width: 30px;
    }

    .sg-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .sg-divider {
        width: 40px;
        height: 2px;
        margin: 10px auto 18px auto;
    }

    /* Disable complex hover transforms on mobile */
    .sg-card--1:hover,
    .sg-card--2:hover,
    .sg-card--3:hover,
    .sg-card--4:hover,
    .sg-card--5:hover,
    .sg-card--6:hover,
    .sg-card--7:hover,
    .sg-card--8:hover {
        transform: translateY(-3px) !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .sg-title {
        font-size: 22px;
    }

    .sg-subtitle {
        font-size: 13px;
    }

    .sg-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .sg-card {
        padding: 12px 10px;
        border-radius: 8px;
    }

    .sg-card-icon {
        font-size: 18px;
    }

    .sg-card-title {
        font-size: 13px;
    }

    .sg-card-text {
        font-size: 11px;
    }

    .sg-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}


/* ================================
   SEO BEFORE AFTER SLIDER
================================ */

.seo-growth-visual {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.seo-ba-slider {
    position: relative;
    width: 100vw;
    min-width: 1000px;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
    cursor: ew-resize;
    top: 50px;
    right: 100px;
}

/* AFTER IMAGE */
.seo-ba-after {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;

    pointer-events: none;
}

/* BEFORE IMAGE WRAPPER */
.seo-ba-before {
    position: absolute;
    top: 0;
    left: 0;

    width: 50%;
    height: 100%;

    overflow: hidden;
    z-index: 2;

    pointer-events: none;
}

/* BEFORE IMAGE */
.seo-ba-before-image {
    position: absolute;
    top: 0;
    left: 0;

    width: 620px;
    max-width: none;
    height: 100%;

    object-fit: cover;
    display: block;

    pointer-events: none;
}

/* DIVIDER */
.seo-ba-divider {
    position: absolute;
    top: 0;
    left: 50%;

    width: 3px;
    height: 100%;

    background: #fff;

    transform: translateX(-50%);
    z-index: 5;

    pointer-events: none;
}

/* HANDLE */
.seo-ba-handle {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 50px;
    height: 50px;

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

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;

    background: #fff;
    color: #222;

    border-radius: 50%;

    font-size: 24px;
    font-weight: 600;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.20);
}


/* TABLET */

@media (max-width: 991.98px) {

    .seo-growth-visual {
        justify-content: center;
    }

    .seo-ba-slider {
        max-width: 700px;
    }

}


/* MOBILE */

@media (max-width: 767.98px) {

    .seo-growth-visual {
        margin-top: 20px;
    }

    .seo-ba-slider {
        max-width: 100%;
        aspect-ratio: 4 / 3;
        border-radius: 14px;
    }

    .seo-ba-before-image {
        width: 100%;
    }

    .seo-ba-handle {
        width: 42px;
        height: 42px;
        font-size: 20px;
    }

}



/* ============================================================
     SECTION 9 — Freshora SEO SmartPro™ (CYCLIC 2 - BLACK)
     ============================================================ */

/* ----- BASE ----- */
.fs-block {
    padding: 70px 0;
}

.fs-dark {
    background: #0a0a0a;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.fs-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.fs-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.fs-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 10px;
}

.fs-title span {
    color: #84c615;
}

/* ----- SUBTITLE ----- */
.fs-subtitle {
    color: #aaaaaa;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.6;
    max-width: 750px;
    margin: 0 auto 6px auto;
    text-align: justify;
}

/* ----- DIVIDER ----- */
.fs-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 30px auto;
    border-radius: 4px;
}

/* ============================================================
     FRAMEWORK STEPS
     ============================================================ */
.fs-steps {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto;
}

/* ============================================================
     STEP
     ============================================================ */
.fs-step {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #161616;
    padding: 16px 22px;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
    transition: all 0.35s ease;
    cursor: default;
    position: relative;
    text-align: left;
}

/* ----- UNIQUE HOVER EFFECTS ----- */
.fs-step--1:hover {
    border-color: #84c615;
    background: #1a1a1a;
    transform: translateX(8px);
    box-shadow: 0 4px 30px rgba(132, 198, 21, 0.08);
}

.fs-step--2:hover {
    border-color: #84c615;
    background: #1a1a1a;
    transform: translateX(-8px);
    box-shadow: 0 4px 30px rgba(132, 198, 21, 0.08);
}

.fs-step--3:hover {
    border-color: #84c615;
    background: #1a1a1a;
    transform: translateY(-6px);
    box-shadow: 0 8px 40px rgba(132, 198, 21, 0.1);
}

.fs-step--4:hover {
    border-color: #84c615;
    background: #1a1a1a;
    transform: scale(1.02);
    box-shadow: 0 8px 35px rgba(132, 198, 21, 0.08);
}

.fs-step--5:hover {
    border-color: #84c615;
    background: #1a1a1a;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 8px 40px rgba(132, 198, 21, 0.1);
}

.fs-step--6:hover {
    border-color: #84c615;
    background: #1a1a1a;
    transform: translateX(8px) scale(1.01);
    box-shadow: 0 8px 40px rgba(132, 198, 21, 0.08);
}

.fs-step--7:hover {
    border-color: #84c615;
    background: #1a1a1a;
    transform: translateY(-4px) translateX(4px);
    box-shadow: 0 8px 40px rgba(132, 198, 21, 0.1);
}

.fs-step--8:hover {
    border-color: #84c615;
    background: #1a1a1a;
    transform: scale(1.01) translateY(-4px);
    box-shadow: 0 8px 40px rgba(132, 198, 21, 0.08);
}

.fs-step--9:hover {
    border-color: #84c615;
    background: #1a1a1a;
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 8px 40px rgba(132, 198, 21, 0.1);
}

/* ----- STEP NUMBER ----- */
.fs-step-number {
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 800;
    color: #84c615;
    min-width: 50px;
    line-height: 1.2;
    transition: all 0.3s ease;
}

.fs-step:hover .fs-step-number {
    transform: scale(1.1);
    color: #9ad62a;
}

/* ----- STEP CONTENT ----- */
.fs-step-content {
    flex: 1;
}

.fs-step-title {
    font-size: clamp(16px, 1.1vw, 19px);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 2px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.fs-step:hover .fs-step-title {
    color: #84c615;
}

.fs-step-text {
    font-size: clamp(14px, 1vw, 16px);
    color: #aaaaaa;
    line-height: 1.7;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}

.fs-step:hover .fs-step-text {
    color: #cccccc;
}

/* ----- STEP ARROW ----- */
.fs-step-arrow {
    font-size: clamp(20px, 1.5vw, 26px);
    color: #84c615;
    font-weight: 300;
    min-width: 30px;
    text-align: center;
    transition: all 0.3s ease;
}

.fs-step:hover .fs-step-arrow {
    transform: translateY(4px) scale(1.2);
    color: #9ad62a;
}

/* Last step has no arrow */
.fs-step--9 .fs-step-arrow {
    display: none;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .fs-block {
        padding: 60px 0;
    }

    .fs-title {
        font-size: 36px;
    }

    .fs-step {
        padding: 14px 18px;
        gap: 16px;
    }

    .fs-step-number {
        font-size: 26px;
        min-width: 42px;
    }

    .fs-step-arrow {
        font-size: 20px;
        min-width: 24px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .fs-block {
        padding: 50px 0;
    }

    .fs-title {
        font-size: 30px;
    }

    .fs-subtitle {
        font-size: 15px;
        text-align: justify;
    }

    .fs-step {
        padding: 12px 16px;
        gap: 14px;
        border-radius: 10px;
        flex-wrap: wrap;
    }

    .fs-step-number {
        font-size: 22px;
        min-width: 38px;
    }

    .fs-step-title {
        font-size: 15px;
    }

    .fs-step-text {
        font-size: 13px;
        text-align: justify;
    }

    .fs-step-arrow {
        font-size: 18px;
        min-width: 20px;
    }

    .fs-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .fs-divider {
        width: 50px;
        margin: 12px auto 22px auto;
    }

    /* Simplify hover effects on tablet */
    .fs-step--1:hover,
    .fs-step--2:hover,
    .fs-step--3:hover,
    .fs-step--4:hover,
    .fs-step--5:hover,
    .fs-step--6:hover,
    .fs-step--7:hover,
    .fs-step--8:hover,
    .fs-step--9:hover {
        transform: translateX(4px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .fs-block {
        padding: 40px 0;
    }

    .fs-title {
        font-size: 26px;
    }

    .fs-subtitle {
        font-size: 14px;
        text-align: justify;
    }

    .fs-steps {
        gap: 8px;
    }

    .fs-step {
        padding: 10px 14px;
        gap: 10px;
        border-radius: 8px;
        flex-direction: column;
        align-items: flex-start;
    }

    .fs-step-number {
        font-size: 18px;
        min-width: auto;
    }

    .fs-step-title {
        font-size: 14px;
    }

    .fs-step-text {
        font-size: 13px;
        text-align: justify;
    }

    .fs-step-arrow {
        font-size: 16px;
        min-width: auto;
        align-self: center;
    }

    .fs-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .fs-divider {
        width: 40px;
        height: 2px;
        margin: 10px auto 18px auto;
    }

    /* Disable complex hover transforms on mobile */
    .fs-step--1:hover,
    .fs-step--2:hover,
    .fs-step--3:hover,
    .fs-step--4:hover,
    .fs-step--5:hover,
    .fs-step--6:hover,
    .fs-step--7:hover,
    .fs-step--8:hover,
    .fs-step--9:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .fs-title {
        font-size: 22px;
    }

    .fs-subtitle {
        font-size: 13px;
    }

    .fs-step-title {
        font-size: 13px;
    }

    .fs-step-text {
        font-size: 12px;
    }

    .fs-step-arrow {
        font-size: 14px;
    }

    .fs-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}


/* ============================================================
     SECTION 10 — SEO Company in Trichy With a Business-First Approach (CYCLIC 1 - WHITE)
     ============================================================ */

/* ----- BASE ----- */
.bf-block {
    padding: 70px 0;
}

.bf-white {
    background: #ffffff;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.bf-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.bf-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.bf-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 10px;
}

.bf-title span {
    color: #84c615;
}

/* ----- SUBTITLE ----- */
.bf-subtitle {
    color: #555555;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.6;
    max-width: 750px;
    margin: 0 auto 6px auto;
    text-align: justify;
}

/* ----- DIVIDER ----- */
.bf-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 24px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.bf-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 20px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

/* ============================================================
     PERSPECTIVES GRID
     ============================================================ */
.bf-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

/* ============================================================
     CARD
     ============================================================ */
.bf-card {
    background: #f5f5f5;
    padding: 24px 20px 20px 20px;
    border-radius: 14px;
    text-align: left;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    display: flex;
    flex-direction: column;
}

/* ----- REDUCED HOVER EFFECTS ----- */
.bf-card--1:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(132, 198, 21, 0.15);
}

.bf-card--2:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(132, 198, 21, 0.15);
}

/* ----- CARD ICON ----- */
.bf-card-icon {
    font-size: 32px;
    margin-bottom: 10px;
    display: block;
    transition: all 0.3s ease;
}

.bf-card--1:hover .bf-card-icon,
.bf-card--2:hover .bf-card-icon {
    transform: scale(1.1);
}

/* ----- CARD TITLE ----- */
.bf-card-title {
    font-size: clamp(17px, 1.2vw, 20px);
    font-weight: 700;
    color: #0a0a0a;
    margin-bottom: 6px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.bf-card--1:hover .bf-card-title,
.bf-card--2:hover .bf-card-title {
    color: #ffffff;
}

/* ----- CARD TEXT ----- */
.bf-card-text {
    font-size: clamp(14px, 1vw, 16px);
    color: #555555;
    line-height: 1.7;
    margin: 0 0 10px 0;
    flex: 1;
    text-align: justify;
    transition: color 0.3s ease;
}

.bf-card--1:hover .bf-card-text,
.bf-card--2:hover .bf-card-text {
    color: #ffffff;
}

/* ----- CARD LINE ----- */
.bf-card-line {
    width: 35px;
    height: 3px;
    background: #84c615;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.bf-card--1:hover .bf-card-line,
.bf-card--2:hover .bf-card-line {
    width: 50px;
    background: #ffffff;
}

/* ============================================================
     NOTE BOX
     ============================================================ */
.bf-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    margin: 0 auto 20px auto;
    max-width: 850px;
    transition: all 0.3s ease;
    cursor: default;
}

.bf-note:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 15px rgba(132, 198, 21, 0.12);
}

.bf-note-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.bf-note:hover .bf-note-icon {
    color: #ffffff;
}

.bf-note-text {
    color: #0a0a0a;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}

.bf-note:hover .bf-note-text {
    color: #ffffff;
}

.bf-note-text span {
    color: #84c615;
    font-weight: 700;
    transition: color 0.3s ease;
}

.bf-note:hover .bf-note-text span {
    color: #ffffff;
}

/* ============================================================
     CONCLUSION
     ============================================================ */
.bf-conclusion {
    background: #0a0a0a;
    padding: 22px 28px;
    border-radius: 12px;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}

.bf-conclusion:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.bf-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.9;
    margin: 0;
    text-align: justify;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .bf-block {
        padding: 60px 0;
    }

    .bf-title {
        font-size: 36px;
    }

    .bf-grid {
        gap: 16px;
    }

    .bf-card {
        padding: 20px 16px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .bf-block {
        padding: 50px 0;
    }

    .bf-title {
        font-size: 30px;
    }

    .bf-subtitle {
        font-size: 15px;
        text-align: justify;
    }

    .bf-text {
        font-size: 15px;
        text-align: justify;
    }

    .bf-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .bf-card {
        padding: 18px 16px;
        border-radius: 12px;
    }

    .bf-card-icon {
        font-size: 28px;
    }

    .bf-card-title {
        font-size: 16px;
    }

    .bf-card-text {
        font-size: 14px;
        text-align: justify;
    }

    .bf-note {
        padding: 16px 20px;
    }

    .bf-note-text {
        font-size: 15px;
        text-align: justify;
    }

    .bf-conclusion {
        padding: 18px 20px;
    }

    .bf-conclusion-text {
        font-size: 15px;
        text-align: justify;
    }

    .bf-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .bf-divider {
        width: 50px;
        margin: 12px auto 20px auto;
    }

    /* Reduced hover effects on tablet */
    .bf-card--1:hover,
    .bf-card--2:hover {
        transform: translateY(-3px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .bf-block {
        padding: 40px 0;
    }

    .bf-title {
        font-size: 26px;
    }

    .bf-subtitle {
        font-size: 14px;
        text-align: justify;
    }

    .bf-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 16px;
    }

    .bf-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .bf-card {
        padding: 16px 14px;
        border-radius: 10px;
    }

    .bf-card-icon {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .bf-card-title {
        font-size: 15px;
    }

    .bf-card-text {
        font-size: 13px;
        text-align: justify;
    }

    .bf-card-line {
        width: 25px;
        height: 2px;
    }

    .bf-card--1:hover .bf-card-line,
    .bf-card--2:hover .bf-card-line {
        width: 40px;
    }

    .bf-note {
        padding: 14px 16px;
        gap: 10px;
    }

    .bf-note-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .bf-note-text {
        font-size: 14px;
        text-align: justify;
    }

    .bf-conclusion {
        padding: 16px 16px;
        border-radius: 10px;
    }

    .bf-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .bf-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .bf-divider {
        width: 40px;
        height: 2px;
        margin: 10px auto 16px auto;
    }

    /* Disable hover transforms on mobile */
    .bf-card--1:hover,
    .bf-card--2:hover {
        transform: none !important;
    }

    .bf-note:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .bf-title {
        font-size: 22px;
    }

    .bf-subtitle {
        font-size: 13px;
    }

    .bf-text {
        font-size: 13px;
    }

    .bf-card-title {
        font-size: 14px;
    }

    .bf-card-text {
        font-size: 12px;
    }

    .bf-note-text {
        font-size: 13px;
    }

    .bf-conclusion-text {
        font-size: 13px;
    }

    .bf-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}



/* ============================================================
     SECTION 11 — Why Businesses Choose Freshora Digital Technologies (CYCLIC 2 - BLACK)
     ============================================================ */

/* ----- BASE ----- */
.wc-block {
    padding: 70px 0;
}

.wc-dark {
    background: #0a0a0a;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.wc-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.wc-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.wc-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 10px;
}

.wc-title span {
    color: #84c615;
}

/* ----- SUBTITLE ----- */
.wc-subtitle {
    color: #aaaaaa;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.6;
    max-width: 750px;
    margin: 0 auto 6px auto;
    text-align: justify;
}

/* ----- DIVIDER ----- */
.wc-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 24px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.wc-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 20px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.wc-text-full {
    margin-bottom: 24px;
}

/* ============================================================
     BENEFITS GRID
     ============================================================ */
.wc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

/* ============================================================
     BENEFIT ITEM
     ============================================================ */
.wc-item {
    background: #161616;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
    position: relative;
    overflow: hidden;
}

/* ----- SUBTLE HOVER EFFECTS WITH GLOW ----- */
.wc-item--1:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 0 30px rgba(132, 198, 21, 0.15);
}

.wc-item--2:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(4px);
    box-shadow: 0 0 30px rgba(132, 198, 21, 0.15);
}

.wc-item--3:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 0 30px rgba(132, 198, 21, 0.15);
}

.wc-item--4:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 0 30px rgba(132, 198, 21, 0.15);
}

.wc-item--5:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(-4px);
    box-shadow: 0 0 30px rgba(132, 198, 21, 0.15);
}

.wc-item--6:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 0 30px rgba(132, 198, 21, 0.15);
}

.wc-item--7:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 0 30px rgba(132, 198, 21, 0.15);
}

.wc-item--8:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(4px);
    box-shadow: 0 0 30px rgba(132, 198, 21, 0.15);
}

/* ----- ICON ----- */
.wc-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 20px;
    transition: all 0.3s ease;
}

.wc-item:hover .wc-icon {
    color: #0a0a0a;
    transform: scale(1.2);
}

/* ----- ITEM TEXT ----- */
.wc-item-text {
    color: #e0e0e0;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.4;
    transition: color 0.3s ease;
}

.wc-item:hover .wc-item-text {
    color: #0a0a0a;
}

/* ============================================================
     SERVICES SECTION
     ============================================================ */
.wc-services {
    max-width: 850px;
    margin: 0 auto;
}

.wc-services-label {
    display: block;
    color: #84c615;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 600;
    margin-bottom: 14px;
    text-align: center;
}

.wc-services-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.wc-service-tag {
    background: #161616;
    color: #cccccc;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: clamp(12px, 0.85vw, 14px);
    font-weight: 500;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}

.wc-service-tag:hover {
    background: #84c615;
    color: #0a0a0a;
    border-color: #84c615;
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 0 25px rgba(132, 198, 21, 0.15);
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .wc-block {
        padding: 60px 0;
    }

    .wc-title {
        font-size: 36px;
    }

    .wc-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }

    .wc-item {
        padding: 12px 14px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .wc-block {
        padding: 50px 0;
    }

    .wc-title {
        font-size: 30px;
    }

    .wc-subtitle {
        font-size: 15px;
        text-align: justify;
    }

    .wc-text {
        font-size: 15px;
        text-align: justify;
    }

    .wc-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .wc-item {
        padding: 10px 14px;
        border-radius: 8px;
    }

    .wc-item-text {
        font-size: 13px;
    }

    .wc-services-label {
        font-size: 15px;
    }

    .wc-service-tag {
        font-size: 12px;
        padding: 5px 14px;
    }

    .wc-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .wc-divider {
        width: 50px;
        margin: 12px auto 20px auto;
    }

    /* Simplify hover effects on tablet */
    .wc-item--1:hover,
    .wc-item--2:hover,
    .wc-item--3:hover,
    .wc-item--4:hover,
    .wc-item--5:hover,
    .wc-item--6:hover,
    .wc-item--7:hover,
    .wc-item--8:hover {
        transform: translateY(-3px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .wc-block {
        padding: 40px 0;
    }

    .wc-title {
        font-size: 26px;
    }

    .wc-subtitle {
        font-size: 14px;
        text-align: justify;
    }

    .wc-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 16px;
    }

    .wc-text-full {
        margin-bottom: 18px;
    }

    .wc-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .wc-item {
        padding: 10px 12px;
        border-radius: 8px;
    }

    .wc-icon {
        font-size: 12px;
        min-width: 16px;
    }

    .wc-item-text {
        font-size: 12px;
    }

    .wc-services-label {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .wc-service-tag {
        font-size: 11px;
        padding: 4px 12px;
    }

    .wc-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .wc-divider {
        width: 40px;
        height: 2px;
        margin: 10px auto 16px auto;
    }

    /* Disable complex hover transforms on mobile */
    .wc-item--1:hover,
    .wc-item--2:hover,
    .wc-item--3:hover,
    .wc-item--4:hover,
    .wc-item--5:hover,
    .wc-item--6:hover,
    .wc-item--7:hover,
    .wc-item--8:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .wc-title {
        font-size: 22px;
    }

    .wc-subtitle {
        font-size: 13px;
    }

    .wc-text {
        font-size: 13px;
    }

    .wc-grid {
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    .wc-item {
        padding: 8px 10px;
    }

    .wc-item-text {
        font-size: 11px;
    }

    .wc-service-tag {
        font-size: 10px;
        padding: 3px 10px;
    }

    .wc-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}



/* ============================================================
     SECTION 12 — What Makes Modern SEO Different? (CYCLIC 1 - WHITE)
     ============================================================ */

/* ----- BASE ----- */
.ms-block {
    padding: 70px 0;
}

.ms-white {
    background: #ffffff;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.ms-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.ms-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.ms-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 10px;
}

.ms-title span {
    color: #84c615;
}

/* ----- DIVIDER ----- */
.ms-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 24px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.ms-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 16px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.ms-text-highlight {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 20px);
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

/* ============================================================
     OLD SEO
     ============================================================ */
.ms-old {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: #f5f5f5;
    padding: 16px 24px;
    border-radius: 12px;
    max-width: 600px;
    margin: 0 auto 8px auto;
    border: 1px dashed #cccccc;
}

.ms-old-item {
    font-size: clamp(16px, 1.2vw, 20px);
    font-weight: 700;
    color: #0a0a0a;
    padding: 4px 12px;
    border-radius: 6px;
    background: #ffffff;
    transition: all 0.3s ease;
    cursor: default;
}

.ms-old-item:hover {
    background: #84c615;
    color: #ffffff;
    transform: scale(1.05);
}

.ms-old-arrow {
    font-size: clamp(18px, 1.3vw, 22px);
    color: #84c615;
    font-weight: 300;
}

/* ============================================================
     MODERN SEO FLOW
     ============================================================ */
.ms-flow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

/* ============================================================
     FLOW ITEM
     ============================================================ */
.ms-flow-item {
    background: #f5f5f5;
    padding: 16px 14px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

/* ----- UNIQUE HOVER EFFECTS ----- */
.ms-flow-item--1:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.15);
}

.ms-flow-item--2:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-6px) rotate(0.5deg);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.15);
}

.ms-flow-item--3:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.15);
}

.ms-flow-item--4:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-6px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.15);
}

.ms-flow-item--5:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.15);
}

.ms-flow-item--6:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-6px) rotate(-0.5deg);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.15);
}

.ms-flow-item--7:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-6px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.15);
}

.ms-flow-item--8:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.15);
}

.ms-flow-item--9:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.15);
}

/* ----- FLOW NUMBER ----- */
.ms-flow-number {
    font-size: clamp(12px, 0.9vw, 14px);
    font-weight: 700;
    color: #84c615;
    transition: color 0.3s ease;
}

.ms-flow-item:hover .ms-flow-number {
    color: #ffffff;
}

/* ----- FLOW LABEL ----- */
.ms-flow-label {
    font-size: clamp(13px, 0.95vw, 15px);
    font-weight: 600;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.ms-flow-item:hover .ms-flow-label {
    color: #ffffff;
}

/* ----- FLOW ARROW ----- */
.ms-flow-arrow {
    font-size: clamp(14px, 1vw, 18px);
    color: #84c615;
    font-weight: 300;
    transition: color 0.3s ease;
    margin-top: 2px;
}

.ms-flow-item:hover .ms-flow-arrow {
    color: #ffffff;
}

/* Last item has no arrow */
.ms-flow-item--9 .ms-flow-arrow {
    display: none;
}

/* ============================================================
     CONCLUSION
     ============================================================ */
.ms-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}

.ms-conclusion:hover {
    background: #84c615;
    transform: translateX(6px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}

.ms-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.ms-conclusion:hover .ms-conclusion-icon {
    color: #ffffff;
}

.ms-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}

.ms-conclusion:hover .ms-conclusion-text {
    color: #ffffff;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .ms-block {
        padding: 60px 0;
    }

    .ms-title {
        font-size: 36px;
    }

    .ms-flow {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }

    .ms-flow-item {
        padding: 14px 12px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .ms-block {
        padding: 50px 0;
    }

    .ms-title {
        font-size: 30px;
    }

    .ms-text {
        font-size: 15px;
        text-align: justify;
    }

    .ms-text-highlight {
        font-size: 17px;
    }

    .ms-old {
        gap: 10px;
        padding: 12px 16px;
        flex-wrap: wrap;
    }

    .ms-old-item {
        font-size: 15px;
    }

    .ms-old-arrow {
        font-size: 16px;
    }

    .ms-flow {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
    }

    .ms-flow-item {
        padding: 12px 10px;
        border-radius: 10px;
    }

    .ms-flow-label {
        font-size: 12px;
    }

    .ms-flow-number {
        font-size: 11px;
    }

    .ms-flow-arrow {
        font-size: 14px;
    }

    .ms-conclusion {
        padding: 16px 20px;
    }

    .ms-conclusion-text {
        font-size: 15px;
        text-align: justify;
    }

    .ms-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .ms-divider {
        width: 50px;
        margin: 12px auto 20px auto;
    }

    /* Simplify hover effects on tablet */
    .ms-flow-item--1:hover,
    .ms-flow-item--2:hover,
    .ms-flow-item--3:hover,
    .ms-flow-item--4:hover,
    .ms-flow-item--5:hover,
    .ms-flow-item--6:hover,
    .ms-flow-item--7:hover,
    .ms-flow-item--8:hover,
    .ms-flow-item--9:hover {
        transform: translateY(-4px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .ms-block {
        padding: 40px 0;
    }

    .ms-title {
        font-size: 26px;
    }

    .ms-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .ms-text-highlight {
        font-size: 15px;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .ms-old {
        gap: 8px;
        padding: 10px 14px;
        border-radius: 10px;
    }

    .ms-old-item {
        font-size: 13px;
        padding: 3px 10px;
    }

    .ms-old-arrow {
        font-size: 14px;
    }

    .ms-flow {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .ms-flow-item {
        padding: 12px 10px;
        border-radius: 8px;
    }

    .ms-flow-label {
        font-size: 12px;
    }

    .ms-flow-number {
        font-size: 10px;
    }

    .ms-flow-arrow {
        font-size: 12px;
    }

    .ms-conclusion {
        padding: 14px 16px;
        gap: 10px;
        border-radius: 10px;
    }

    .ms-conclusion-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .ms-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .ms-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .ms-divider {
        width: 40px;
        height: 2px;
        margin: 10px auto 16px auto;
    }

    /* Disable complex hover transforms on mobile */
    .ms-flow-item--1:hover,
    .ms-flow-item--2:hover,
    .ms-flow-item--3:hover,
    .ms-flow-item--4:hover,
    .ms-flow-item--5:hover,
    .ms-flow-item--6:hover,
    .ms-flow-item--7:hover,
    .ms-flow-item--8:hover,
    .ms-flow-item--9:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .ms-title {
        font-size: 22px;
    }

    .ms-text {
        font-size: 13px;
    }

    .ms-text-highlight {
        font-size: 14px;
    }

    .ms-old-item {
        font-size: 12px;
    }

    .ms-old-arrow {
        font-size: 12px;
    }

    .ms-flow {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .ms-flow-item {
        padding: 10px 8px;
    }

    .ms-flow-label {
        font-size: 11px;
    }

    .ms-flow-number {
        font-size: 9px;
    }

    .ms-conclusion-text {
        font-size: 13px;
    }

    .ms-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}



/* ============================================================
     SECTION 13 — Our Approach to Long-Term Organic Growth (CYCLIC 2 - BLACK)
     ============================================================ */

/* ----- BASE ----- */
.lg-block {
    padding: 70px 0;
}

.lg-dark {
    background: #0a0a0a;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.lg-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.lg-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.lg-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 10px;
}

.lg-title span {
    color: #84c615;
}

/* ----- DIVIDER ----- */
.lg-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 24px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.lg-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.lg-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 20px;
    text-align: center;
}

.lg-highlight-word {
    color: #84c615;
    font-weight: 700;
}

/* ============================================================
     OPPORTUNITIES GRID
     ============================================================ */
.lg-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

/* ============================================================
     ITEM
     ============================================================ */
.lg-item {
    background: #161616;
    padding: 12px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}

/* ----- SUBTLE HOVER EFFECTS (NO OVERSCALING) ----- */
.lg-item--1:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--2:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--3:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--4:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--5:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--6:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--7:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--8:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--9:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--10:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.lg-item--11:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

/* ----- ICON ----- */
.lg-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 13px;
    min-width: 18px;
    transition: color 0.3s ease;
}

.lg-item:hover .lg-icon {
    color: #0a0a0a;
}

/* ----- ITEM TEXT ----- */
.lg-item-text {
    color: #e0e0e0;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.4;
    transition: color 0.3s ease;
}

.lg-item:hover .lg-item-text {
    color: #0a0a0a;
}

/* ============================================================
     CONCLUSION
     ============================================================ */
.lg-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.3s ease;
    cursor: default;
}

.lg-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.05);
}

.lg-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.lg-conclusion:hover .lg-conclusion-icon {
    color: #84c615;
}

.lg-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

.lg-conclusion-text strong {
    color: #84c615;
    font-weight: 700;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .lg-block {
        padding: 60px 0;
    }

    .lg-title {
        font-size: 36px;
    }

    .lg-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
    }

    .lg-item {
        padding: 10px 14px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .lg-block {
        padding: 50px 0;
    }

    .lg-title {
        font-size: 30px;
    }

    .lg-text {
        font-size: 15px;
        text-align: justify;
    }

    .lg-text-sub {
        font-size: 16px;
    }

    .lg-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .lg-item {
        padding: 10px 14px;
        border-radius: 8px;
    }

    .lg-item-text {
        font-size: 13px;
    }

    .lg-conclusion {
        padding: 16px 20px;
    }

    .lg-conclusion-text {
        font-size: 15px;
        text-align: justify;
    }

    .lg-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .lg-divider {
        width: 50px;
        margin: 12px auto 20px auto;
    }

    /* Simplify hover on tablet */
    .lg-item--1:hover,
    .lg-item--2:hover,
    .lg-item--3:hover,
    .lg-item--4:hover,
    .lg-item--5:hover,
    .lg-item--6:hover,
    .lg-item--7:hover,
    .lg-item--8:hover,
    .lg-item--9:hover,
    .lg-item--10:hover,
    .lg-item--11:hover {
        transform: translateY(-2px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .lg-block {
        padding: 40px 0;
    }

    .lg-title {
        font-size: 26px;
    }

    .lg-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .lg-text-sub {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .lg-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .lg-item {
        padding: 8px 12px;
        border-radius: 8px;
    }

    .lg-icon {
        font-size: 12px;
        min-width: 16px;
    }

    .lg-item-text {
        font-size: 12px;
    }

    .lg-conclusion {
        padding: 14px 16px;
        gap: 10px;
        border-radius: 10px;
    }

    .lg-conclusion-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .lg-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .lg-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .lg-divider {
        width: 40px;
        height: 2px;
        margin: 10px auto 16px auto;
    }

    /* Disable hover transforms on mobile */
    .lg-item--1:hover,
    .lg-item--2:hover,
    .lg-item--3:hover,
    .lg-item--4:hover,
    .lg-item--5:hover,
    .lg-item--6:hover,
    .lg-item--7:hover,
    .lg-item--8:hover,
    .lg-item--9:hover,
    .lg-item--10:hover,
    .lg-item--11:hover {
        transform: none !important;
    }

    .lg-conclusion:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .lg-title {
        font-size: 22px;
    }

    .lg-text {
        font-size: 13px;
    }

    .lg-text-sub {
        font-size: 13px;
    }

    .lg-grid {
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    .lg-item {
        padding: 6px 10px;
    }

    .lg-item-text {
        font-size: 11px;
    }

    .lg-conclusion-text {
        font-size: 13px;
    }

    .lg-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}


/* SECTION 14 — Freshora Digital Technologies (CYCLIC 1 - WHITE) */
.bs-block { padding: 70px 0; }
.bs-white { background: #ffffff; }
.bs-content { width: 100%; }
.text-center { text-align: center; }

.bs-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.bs-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 6px;
}

.bs-subtitle {
    font-size: clamp(20px, 2.5vw, 28px);
    font-weight: 700;
    color: #0a0a0a;
    margin-bottom: 10px;
}
.bs-subtitle span { color: #84c615; }

.bs-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 24px auto;
    border-radius: 4px;
}

.bs-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.bs-highlight {
    color: #84c615;
    font-weight: 700;
}

/* Responsive */
@media (max-width: 768px) {
    .bs-block { padding: 50px 0; }
    .bs-title { font-size: 30px; }
    .bs-subtitle { font-size: 20px; }
    .bs-text { font-size: 15px; }
}
@media (max-width: 480px) {
    .bs-block { padding: 40px 0; }
    .bs-title { font-size: 26px; }
    .bs-subtitle { font-size: 18px; }
    .bs-text { font-size: 14px; }
}


/* SECTION 15 — Your Search Visibility Should Work Harder (CYCLIC 2 - BLACK) */
.vw-block { padding: 70px 0; }
.vw-dark { background: #0a0a0a; }
.vw-content { width: 100%; }
.text-center { text-align: center; }

.vw-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.vw-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 10px;
}
.vw-title span { color: #84c615; }

.vw-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 24px auto;
    border-radius: 4px;
}

.vw-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.vw-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.vw-quote-box {
    background: #161616;
    padding: 16px 24px;
    border-radius: 12px;
    max-width: 600px;
    margin: 0 auto 20px auto;
    border-left: 4px solid #84c615;
    transition: all 0.3s ease;
    cursor: default;
}
.vw-quote-box:hover {
    background: #1a1a1a;
    transform: translateX(4px);
}
.vw-quote-icon {
    font-size: 28px;
    color: #84c615;
    font-weight: 700;
    display: block;
    text-align: left;
    line-height: 1;
}
.vw-quote-text {
    font-size: clamp(18px, 1.4vw, 22px);
    color: #ffffff;
    font-weight: 600;
    margin: 0;
    font-style: italic;
}

.vw-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

.vw-item {
    background: #161616;
    padding: 12px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.vw-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.vw-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 13px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.vw-item:hover .vw-icon { color: #0a0a0a; }
.vw-item-text {
    color: #e0e0e0;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.4;
    transition: color 0.3s ease;
}
.vw-item:hover .vw-item-text { color: #0a0a0a; }

.vw-conclusion {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #161616;
    padding: 16px 24px;
    border-radius: 12px;
    max-width: 850px;
    margin: 0 auto;
    border: 1px solid #2a2a2a;
    transition: all 0.3s ease;
    cursor: default;
    justify-content: center;
}
.vw-conclusion:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.05);
}
.vw-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
}
.vw-conclusion-text {
    color: #ffffff;
    font-size: clamp(16px, 1.1vw, 18px);
    font-weight: 600;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .vw-block { padding: 50px 0; }
    .vw-title { font-size: 30px; }
    .vw-grid { grid-template-columns: 1fr 1fr; }
    .vw-text { font-size: 15px; }
    .vw-quote-text { font-size: 18px; }
}
@media (max-width: 480px) {
    .vw-block { padding: 40px 0; }
    .vw-title { font-size: 26px; }
    .vw-grid { grid-template-columns: 1fr; }
    .vw-text { font-size: 14px; }
    .vw-quote-text { font-size: 16px; }
    .vw-conclusion { flex-direction: column; text-align: center; }
}


/* SECTION 16 — Start Your SEO Growth Journey (CYCLIC 1 - WHITE) */
.gj-block { padding: 70px 0; }
.gj-white { background: #ffffff; }
.gj-content { width: 100%; }
.text-center { text-align: center; }

.gj-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.gj-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 10px;
}
.gj-title span { color: #84c615; }

.gj-subtitle {
    color: #555555;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.7;
    max-width: 850px;
    margin: 0 auto 6px auto;
    text-align: justify;
}

.gj-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 24px auto;
    border-radius: 4px;
}

.gj-cta-box {
    background: #f5faf0;
    padding: 18px 24px;
    border-radius: 12px;
    max-width: 600px;
    margin: 0 auto 20px auto;
    border-left: 4px solid #84c615;
    transition: all 0.3s ease;
    cursor: default;
}
.gj-cta-box:hover {
    background: #84c615;
    transform: translateX(4px);
}
.gj-cta-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    margin-right: 10px;
    transition: color 0.3s ease;
}
.gj-cta-box:hover .gj-cta-icon { color: #ffffff; }
.gj-cta-title {
    font-size: clamp(18px, 1.4vw, 22px);
    font-weight: 700;
    color: #0a0a0a;
    display: inline;
    transition: color 0.3s ease;
}
.gj-cta-box:hover .gj-cta-title { color: #ffffff; }

.gj-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    font-weight: 600;
    margin-bottom: 16px;
}

.gj-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 8px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}

.gj-item {
    background: #f5f5f5;
    padding: 10px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}
.gj-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.gj-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 11px;
    min-width: 16px;
    transition: color 0.3s ease;
}
.gj-item:hover .gj-icon { color: #ffffff; }
.gj-item-text {
    color: #333333;
    font-size: clamp(11px, 0.85vw, 13px);
    line-height: 1.3;
    transition: color 0.3s ease;
}
.gj-item:hover .gj-item-text { color: #ffffff; }

.gj-footer {
    background: #0a0a0a;
    padding: 18px 24px;
    border-radius: 12px;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.3s ease;
    cursor: default;
}
.gj-footer:hover {
    border: 1px solid #84c615;
}
.gj-footer-text {
    color: #e0e0e0;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.gj-footer-text span { color: #84c615; font-weight: 700; }

/* Responsive */
@media (max-width: 1024px) {
    .gj-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .gj-block { padding: 50px 0; }
    .gj-title { font-size: 30px; }
    .gj-grid { grid-template-columns: 1fr 1fr; }
    .gj-subtitle { font-size: 15px; }
}
@media (max-width: 480px) {
    .gj-block { padding: 40px 0; }
    .gj-title { font-size: 26px; }
    .gj-grid { grid-template-columns: 1fr 1fr; }
    .gj-subtitle { font-size: 14px; }
    .gj-cta-title { font-size: 16px; }
    .gj-footer-text { font-size: 14px; }
}

/* SECTION 17 — What Is SEO (CYCLIC 1 - WHITE) */
.wi-block { padding: 70px 0; }
.wi-white { background: #ffffff; }
.wi-content { width: 100%; }
.text-center { text-align: center; }

.wi-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.wi-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 10px;
}
.wi-title span { color: #84c615; }

.wi-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 24px auto;
    border-radius: 4px;
}

.wi-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.wi-text-highlight {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.3vw, 20px);
    text-align: center;
}

.wi-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(16px, 1.2vw, 18px);
    margin-bottom: 18px;
    text-align: center;
}

.wi-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

.wi-item {
    background: #f5f5f5;
    padding: 12px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}
.wi-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.wi-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 12px;
    min-width: 16px;
    transition: color 0.3s ease;
}
.wi-item:hover .wi-icon { color: #ffffff; }
.wi-item-text {
    color: #333333;
    font-size: clamp(12px, 0.85vw, 14px);
    line-height: 1.3;
    transition: color 0.3s ease;
}
.wi-item:hover .wi-item-text { color: #ffffff; }

.wi-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.3s ease;
    cursor: default;
}
.wi-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
}
.wi-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.wi-conclusion:hover .wi-conclusion-icon { color: #ffffff; }
.wi-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.wi-conclusion:hover .wi-conclusion-text { color: #ffffff; }
.wi-conclusion-text strong { font-weight: 700; }

/* Responsive */
@media (max-width: 1024px) {
    .wi-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .wi-block { padding: 50px 0; }
    .wi-title { font-size: 30px; }
    .wi-grid { grid-template-columns: 1fr 1fr; }
    .wi-text { font-size: 15px; }
}
@media (max-width: 480px) {
    .wi-block { padding: 40px 0; }
    .wi-title { font-size: 26px; }
    .wi-grid { grid-template-columns: 1fr; }
    .wi-text { font-size: 14px; }
    .wi-conclusion { flex-direction: column; }
}

/* SECTION 18 — SEO Explained in Simple Terms (CYCLIC 2 - BLACK) */
.st-block { padding: 70px 0; }
.st-dark { background: #0a0a0a; }
.st-content { width: 100%; }
.text-center { text-align: center; }

.st-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.st-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 10px;
}
.st-title span { color: #84c615; }

.st-divider {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 16px auto 24px auto;
    border-radius: 4px;
}

.st-example-box {
    background: #161616;
    padding: 20px 24px;
    border-radius: 12px;
    max-width: 700px;
    margin: 0 auto 24px auto;
    border: 1px solid #2a2a2a;
    transition: all 0.3s ease;
    cursor: default;
}
.st-example-box:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.05);
}
.st-example-icon {
    font-size: 28px;
    display: block;
    margin-bottom: 6px;
}
.st-example-text {
    color: #aaaaaa;
    font-size: clamp(15px, 1.1vw, 17px);
    margin: 0 0 6px 0;
}
.st-example-query {
    color: #ffffff;
    font-size: clamp(20px, 1.8vw, 28px);
    font-weight: 700;
    background: #1a1a1a;
    padding: 8px 20px;
    border-radius: 8px;
    display: inline-block;
    border-left: 4px solid #84c615;
}

.st-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.st-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.st-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    max-width: 850px;
    margin: 0 auto 24px auto;
    text-align: left;
}

.st-item {
    background: #161616;
    padding: 16px 18px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.st-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.st-item-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 20px;
    margin-top: 2px;
    transition: color 0.3s ease;
}
.st-item:hover .st-item-icon { color: #0a0a0a; }
.st-item-content { flex: 1; }
.st-item-title {
    display: block;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 2px;
    transition: color 0.3s ease;
}
.st-item:hover .st-item-title { color: #0a0a0a; }
.st-item-desc {
    display: block;
    font-size: clamp(13px, 0.95vw, 15px);
    color: #aaaaaa;
    line-height: 1.5;
    transition: color 0.3s ease;
}
.st-item:hover .st-item-desc { color: #0a0a0a; }

.st-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.3s ease;
    cursor: default;
}
.st-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.st-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.st-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.st-conclusion-text strong { color: #84c615; font-weight: 700; }

/* Responsive */
@media (max-width: 1024px) {
    .st-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .st-block { padding: 50px 0; }
    .st-title { font-size: 30px; }
    .st-grid { grid-template-columns: 1fr 1fr; }
    .st-text { font-size: 15px; }
    .st-example-query { font-size: 20px; }
}
@media (max-width: 480px) {
    .st-block { padding: 40px 0; }
    .st-title { font-size: 26px; }
    .st-grid { grid-template-columns: 1fr; }
    .st-text { font-size: 14px; }
    .st-example-query { font-size: 17px; }
    .st-conclusion { flex-direction: column; }
}

/* =========================================================
   SECTION 19 - THE FOUR CORE AREAS OF SEO
   CYCLIC 2
   Background: #0a0a0a
   Accent: #84c615
   ========================================================= */

.section19-four-core-seo {
    position: relative;
    width: 100%;
    padding: 100px 0;
    background: #0a0a0a;
    color: #ffffff;
    overflow: hidden;
}

/* Decorative background elements */

.section19-four-core-seo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: rgba(132, 198, 21, 0.08);
    transform: translateX(-50%);
    pointer-events: none;
}

.section19-four-core-seo::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    top: -180px;
    border: 1px solid rgba(132, 198, 21, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

/* Main heading */

.section19-seo-heading {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto 60px;
    text-align: center;
}

.section19-eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 18px;
    border: 1px solid rgba(132, 198, 21, 0.45);
    border-radius: 30px;
    color: #84c615;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.section19-seo-heading h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700;
    line-height: 1.15;
}

.section19-heading-line {
    width: 70px;
    height: 3px;
    margin: 24px auto;
    background: #84c615;
    border-radius: 10px;
}

.section19-seo-heading p {
    max-width: 720px;
    margin: 0 auto;
    color: #cfcfcf;
    font-size: 17px;
    line-height: 1.8;
    text-align: justify;
}

/* Main content */

.section19-content-wrapper {
    position: relative;
    z-index: 2;
    max-width: 1050px;
    margin: 0 auto;
}

/* Main discipline card */

.section19-discipline-card {
    position: relative;
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 40px;
    padding: 50px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(132, 198, 21, 0.25);
    border-radius: 24px;
    overflow: hidden;
    transition:
        border-color 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}

.section19-discipline-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #84c615;
    transition: width 0.35s ease;
}

.section19-discipline-card:hover {
    border-color: rgba(132, 198, 21, 0.7);
    background: rgba(132, 198, 21, 0.035);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3);
}

.section19-discipline-card:hover::before {
    width: 8px;
}

/* Number */

.section19-card-number {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: rgba(132, 198, 21, 0.28);
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}

.section19-discipline-card:hover .section19-card-number {
    color: #84c615;
    transform: translateY(-5px);
}

/* Card content */

.section19-card-content {
    text-align: center;
}

.section19-card-content h3 {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.section19-discipline-card:hover .section19-card-content h3 {
    color: #84c615;
}

.section19-card-content > p {
    margin: 0 auto 30px;
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.85;
    text-align: justify;
}

/* List heading */

.section19-list-heading {
    margin-bottom: 18px;
    color: #84c615;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}

/* SEO list */

.section19-seo-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
    max-width: 760px;
    margin: 0 auto 35px;
    padding: 0;
    list-style: none;
}

.section19-seo-list li {
    position: relative;
    padding: 13px 18px 13px 42px;
    color: #dddddd;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        padding-left 0.3s ease;
}

.section19-seo-list li::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #84c615;
    transform: translateY(-50%);
    transition:
        width 0.3s ease,
        border-radius 0.3s ease;
}

.section19-seo-list li:hover {
    color: #ffffff;
    border-color: rgba(132, 198, 21, 0.55);
    padding-left: 46px;
}

.section19-seo-list li:hover::before {
    width: 14px;
    border-radius: 3px;
}

/* Foundation note */

.section19-foundation-note {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 24px;
    background: rgba(132, 198, 21, 0.06);
    border-top: 1px solid rgba(132, 198, 21, 0.3);
    border-bottom: 1px solid rgba(132, 198, 21, 0.3);
}

.section19-note-marker {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    background: #84c615;
    transform: rotate(45deg);
}

.section19-foundation-note p {
    margin: 0;
    color: #dddddd;
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991.98px) {

    .section19-four-core-seo {
        padding: 80px 0;
    }

    .section19-discipline-card {
        grid-template-columns: 90px 1fr;
        gap: 25px;
        padding: 40px;
    }

    .section19-card-number {
        font-size: 48px;
    }

    .section19-card-content h3 {
        font-size: 27px;
    }
}

@media (max-width: 767.98px) {

    .section19-four-core-seo {
        padding: 70px 0;
    }

    .section19-seo-heading {
        margin-bottom: 45px;
    }

    .section19-seo-heading p {
        font-size: 15px;
    }

    .section19-discipline-card {
        display: block;
        padding: 35px 25px;
    }

    .section19-card-number {
        margin-bottom: 22px;
        font-size: 45px;
    }

    .section19-card-content h3 {
        font-size: 25px;
    }

    .section19-seo-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .section19-foundation-note {
        align-items: flex-start;
    }
}

@media (max-width: 575.98px) {

    .section19-four-core-seo {
        padding: 60px 15px;
    }

    .section19-seo-heading h2 {
        font-size: 31px;
    }

    .section19-eyebrow {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .section19-discipline-card {
        padding: 30px 20px;
        border-radius: 18px;
    }

    .section19-card-number {
        font-size: 40px;
    }

    .section19-card-content h3 {
        font-size: 23px;
    }

    .section19-card-content > p,
    .section19-foundation-note p {
        font-size: 14px;
        line-height: 1.75;
    }

    .section19-seo-list li {
        padding: 12px 15px 12px 38px;
        font-size: 14px;
    }

    .section19-seo-list li::before {
        left: 15px;
    }

    .section19-foundation-note {
        padding: 18px;
        gap: 13px;
    }
}




/* =========================================================
   SECTION 20 - ON-PAGE SEO
   CYCLIC 1
   White Background + Green Accent
   ========================================================= */

.section20-on-page-seo {
    position: relative;
    width: 100%;
    padding: 100px 0;
    background: #ffffff;
    color: #111111;
    overflow: hidden;
}


/* =========================================================
   LEFT SIDE - CONTENT
   ========================================================= */

.section20-content {
    position: relative;
    z-index: 2;
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}

.section20-label {
    display: inline-block;
    margin-bottom: 15px;
    padding: 7px 18px;
    border: 1px solid rgba(132, 198, 21, 0.45);
    border-radius: 50px;
    background: rgba(132, 198, 21, 0.06);
    color: #84c615;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.section20-title {
    margin: 0;
    color: #111111;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 800;
    line-height: 1.15;
}

.section20-title-marker {
    width: 65px;
    height: 4px;
    margin: 22px auto;
    background: #84c615;
    border-radius: 20px;
}

.section20-description {
    max-width: 720px;
    margin: 0 auto 30px;
    color: #555555;
    font-size: 17px;
    line-height: 1.85;
    text-align: justify;
}


/* =========================================================
   INCLUDES BOX
   ========================================================= */

.section20-includes {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);

    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease;
}

.section20-includes:hover {
    border-color: rgba(132, 198, 21, 0.6);
    box-shadow: 0 18px 42px rgba(132, 198, 21, 0.11);
    transform: translateY(-4px);
}

.section20-includes-heading {
    margin-bottom: 18px;
    color: #84c615;
    font-size: 17px;
    font-weight: 700;
}


/* =========================================================
   SEO LIST
   ========================================================= */

.section20-seo-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.section20-seo-list li {
    position: relative;
    padding: 12px 15px 12px 40px;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    background: #fafafa;
    color: #444444;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        padding-left 0.3s ease;
}

.section20-seo-list li::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;

    width: 8px;
    height: 8px;

    background: #84c615;
    border-radius: 2px;

    transform: translateY(-50%) rotate(45deg);

    transition:
        transform 0.3s ease,
        border-radius 0.3s ease;
}

.section20-seo-list li:hover {
    padding-left: 45px;
    background: rgba(132, 198, 21, 0.07);
    border-color: rgba(132, 198, 21, 0.5);
    color: #111111;
}

.section20-seo-list li:hover::before {
    transform: translateY(-50%) rotate(135deg);
    border-radius: 50%;
}


/* =========================================================
   OBJECTIVE BOX
   ========================================================= */

.section20-objective-box {
    position: relative;
    margin-top: 28px;
    padding: 25px 28px;

    background: #0a0a0a;
    border-radius: 15px;

    overflow: hidden;

    transition:
        box-shadow 0.35s ease,
        transform 0.35s ease;
}

.section20-objective-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: #84c615;

    transition: height 0.3s ease;
}

.section20-objective-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
}

.section20-objective-box:hover::before {
    height: 6px;
}

.section20-objective-box p {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
}

.section20-objective-box p + p {
    margin-top: 15px;
    color: #d5d5d5;
}


/* =========================================================
   RIGHT SIDE - VISUAL
   ========================================================= */

.section20-visual-wrapper {
    position: relative;

    min-height: 560px;

    display: flex;
    align-items: center;
    justify-content: center;

    isolation: isolate;
}


/* =========================================================
   VISUAL BACKGROUND CIRCLE
   ========================================================= */

.section20-visual-circle {
    position: absolute;

    width: 400px;
    height: 400px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(132, 198, 21, 0.12) 0%,
            rgba(132, 198, 21, 0.05) 45%,
            transparent 70%
        );

    border: 1px dashed rgba(132, 198, 21, 0.3);

    z-index: 0;

    transition:
        transform 0.8s ease,
        border-color 0.4s ease;
}

.section20-visual-wrapper:hover .section20-visual-circle {
    transform: rotate(18deg);
    border-color: rgba(132, 198, 21, 0.55);
}


/* =========================================================
   SEO IMAGE / DOCUMENT CARD
   ========================================================= */

.section20-seo-image-card {
    position: relative;

    width: 350px;
    min-height: 430px;

    background: #ffffff;

    border: 1px solid #dddddd;
    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.12),
        0 0 0 8px rgba(132, 198, 21, 0.04);

    z-index: 3;

    transition:
        border-color 0.4s ease,
        box-shadow 0.4s ease,
        transform 0.4s ease;
}

.section20-seo-image-card:hover {
    transform: translateY(-10px);
    border-color: rgba(132, 198, 21, 0.7);

    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.14),
        0 0 0 10px rgba(132, 198, 21, 0.07);
}


/* =========================================================
   IMAGE HEADER
   ========================================================= */

.section20-image-header {
    height: 48px;

    display: flex;
    align-items: center;

    gap: 7px;

    padding: 0 18px;

    background: #0a0a0a;
}

.section20-image-header span {
    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #84c615;
}


/* =========================================================
   IMAGE BODY
   ========================================================= */

.section20-image-body {
    padding: 32px 28px;
}


/* Page title */

.section20-page-title {
    width: 62%;
    height: 20px;

    margin-bottom: 24px;

    border-radius: 5px;

    background: #111111;
}


/* Content lines */

.section20-page-line {
    width: 82%;
    height: 7px;

    margin-bottom: 11px;

    border-radius: 10px;

    background: #e8e8e8;
}

.section20-page-wide {
    width: 95%;
}

.section20-page-medium {
    width: 65%;
}


/* =========================================================
   HIGHLIGHTED CONTENT
   ========================================================= */

.section20-highlight-box {
    display: flex;
    flex-direction: column;

    gap: 9px;

    margin: 28px 0;

    padding: 18px;

    background: rgba(132, 198, 21, 0.08);

    border-left: 4px solid #84c615;

    border-radius: 6px;

    transition:
        background 0.3s ease,
        border-left-width 0.3s ease;
}

.section20-seo-image-card:hover .section20-highlight-box {
    background: rgba(132, 198, 21, 0.13);
    border-left-width: 7px;
}

.section20-highlight-box div {
    width: 85%;
    height: 6px;

    border-radius: 10px;

    background: rgba(132, 198, 21, 0.45);
}

.section20-highlight-box div:nth-child(2) {
    width: 68%;
}

.section20-highlight-box div:nth-child(3) {
    width: 76%;
}


/* =========================================================
   LINK ROW
   ========================================================= */

.section20-link-row {
    display: flex;
    gap: 8px;

    margin-top: 28px;
}

.section20-link-row span {
    width: 70px;
    height: 9px;

    border-radius: 10px;

    background: #84c615;

    transition:
        width 0.35s ease,
        opacity 0.35s ease;
}

.section20-link-row span:nth-child(2) {
    width: 50px;
    background: #d7d7d7;
}

.section20-link-row span:nth-child(3) {
    width: 35px;
    background: #eeeeee;
}

.section20-seo-image-card:hover .section20-link-row span:first-child {
    width: 90px;
}


/* =========================================================
   FLOATING BADGES
   ========================================================= */

.section20-floating-badge {
    position: absolute;

    z-index: 5;

    padding: 12px 17px;

    background: #ffffff;

    border: 1px solid rgba(132, 198, 21, 0.35);

    border-radius: 9px;

    color: #444444;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);

    font-size: 12px;
    font-weight: 700;

    white-space: nowrap;

    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.section20-floating-badge:hover {
    color: #84c615;
    border-color: #84c615;
    box-shadow: 0 15px 32px rgba(132, 198, 21, 0.15);
}


/* Individual badge hover effects */

.section20-badge-intent {
    top: 85px;
    left: 0;
}

.section20-badge-intent:hover {
    transform: translateY(-5px);
}

.section20-badge-keyword {
    top: 205px;
    right: -5px;
}

.section20-badge-keyword:hover {
    transform: translateX(-7px);
}

.section20-badge-content {
    bottom: 90px;
    left: 15px;
}

.section20-badge-content:hover {
    transform: translateY(5px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .section20-on-page-seo {
        padding: 80px 0;
    }

    .section20-content {
        max-width: 850px;
    }

    .section20-visual-wrapper {
        min-height: 520px;
        margin-top: 10px;
    }

    .section20-visual-circle {
        width: 390px;
        height: 390px;
    }

    .section20-seo-image-card {
        width: 340px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .section20-on-page-seo {
        padding: 70px 0;
    }

    .section20-title {
        font-size: 34px;
    }

    .section20-description {
        font-size: 15px;
    }

    .section20-includes {
        padding: 24px 18px;
    }

    .section20-seo-list {
        grid-template-columns: 1fr;
    }

    .section20-visual-wrapper {
        min-height: 500px;
        margin-top: 20px;
    }

    .section20-visual-circle {
        width: 350px;
        height: 350px;
    }

    .section20-seo-image-card {
        width: 315px;
        min-height: 400px;
    }

    .section20-badge-intent {
        top: 45px;
        left: 2%;
    }

    .section20-badge-keyword {
        top: 160px;
        right: 0;
    }

    .section20-badge-content {
        bottom: 55px;
        left: 2%;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575.98px) {

    .section20-on-page-seo {
        padding: 60px 15px;
    }

    .section20-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .section20-title {
        font-size: 30px;
    }

    .section20-description {
        font-size: 14px;
    }

    .section20-technical-content {
        padding: 20px;
    }

    .section20-objective-box {
        padding: 21px;
    }

    .section20-objective-box p {
        font-size: 14px;
    }

    .section20-visual-wrapper {
        min-height: 430px;
    }

    .section20-visual-circle {
        width: 300px;
        height: 300px;
    }

    .section20-seo-image-card {
        width: 280px;
        min-height: 360px;
    }

    .section20-image-body {
        padding: 25px 21px;
    }

    .section20-floating-badge {
        padding: 9px 12px;
        font-size: 10px;
    }

    .section20-badge-intent {
        top: 30px;
        left: 0;
    }

    .section20-badge-keyword {
        top: 125px;
        right: 0;
    }

    .section20-badge-content {
        bottom: 30px;
        left: 0;
    }
}



/* ============================================================
     SECTION 21 — Off-Page SEO (CYCLIC 2 - BLACK)
     ============================================================ */

/* ----- BASE ----- */
.op21-block {
    padding: 70px 0;
    position: relative;
    overflow: hidden;
}

.op21-dark {
    background: #0a0a0a;
}

/* ============================================================
     LEFT COLUMN — CONTENT
     ============================================================ */
.op21-content {
    width: 100%;
}

/* Badge */
.op21-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 4px 16px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* Title */
.op21-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 6px;
}

.op21-title span {
    color: #84c615;
}

/* Title Accent */
.op21-title-accent {
    width: 50px;
    height: 3px;
    background: #84c615;
    border-radius: 4px;
    margin-bottom: 18px;
}

/* Intro */
.op21-intro {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 20px;
}

/* Signal Box */
.op21-signal-box {
    background: #161616;
    padding: 20px 24px;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    cursor: default;
}

.op21-signal-box:hover {
    border-color: #84c615;
    box-shadow: 0 4px 25px rgba(132, 198, 21, 0.06);
    transform: translateY(-2px);
}

.op21-signal-heading {
    display: block;
    color: #84c615;
    font-weight: 600;
    font-size: clamp(14px, 1vw, 16px);
    margin-bottom: 10px;
}

.op21-signal-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px 12px;
}

.op21-signal-list li {
    color: #cccccc;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.6;
    padding: 4px 0;
    transition: all 0.3s ease;
    cursor: default;
    position: relative;
    padding-left: 18px;
}

.op21-signal-list li::before {
    content: "✦";
    position: absolute;
    left: 0;
    color: #84c615;
    font-size: 11px;
    transition: all 0.3s ease;
}

.op21-signal-list li:hover {
    color: #84c615;
    transform: translateX(4px);
}

.op21-signal-list li:hover::before {
    color: #ffffff;
}

/* Authority Message */
.op21-authority-message {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 16px 22px;
    border-radius: 10px;
    border-left: 4px solid #84c615;
    transition: all 0.3s ease;
    cursor: default;
}

.op21-authority-message:hover {
    background: #252525;
    transform: translateX(4px);
}

.op21-message-line {
    display: none;
}

.op21-authority-message p {
    color: #e0e0e0;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

/* ============================================================
     RIGHT COLUMN — VISUAL
     ============================================================ */
.op21-visual {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 480px;
}

/* Background Rings */
.op21-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(132, 198, 21, 0.08);
    pointer-events: none;
}

.op21-ring-large {
    width: 380px;
    height: 380px;
    animation: op21-ring-spin 30s linear infinite;
}

.op21-ring-small {
    width: 260px;
    height: 260px;
    animation: op21-ring-spin 20s linear infinite reverse;
}

@keyframes op21-ring-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Visual Card */
.op21-visual-card {
    position: relative;
    z-index: 2;
    background: #161616;
    border-radius: 16px;
    border: 1px solid #2a2a2a;
    width: 100%;
    max-width: 420px;
    overflow: hidden;
    transition: all 0.4s ease;
    cursor: default;
}

.op21-visual-card:hover {
    border-color: #84c615;
    box-shadow: 0 8px 40px rgba(132, 198, 21, 0.08);
    transform: translateY(-4px);
}

/* Visual Header */
.op21-visual-header {
    padding: 14px 18px;
    background: #1a1a1a;
    border-bottom: 1px solid #2a2a2a;
    display: flex;
    gap: 8px;
    transition: all 0.3s ease;
}

.op21-visual-card:hover .op21-visual-header {
    background: #222222;
}

.op21-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3a3a3a;
    transition: all 0.3s ease;
}

.op21-dot:nth-child(1) { background: #ff6b6b; }
.op21-dot:nth-child(2) { background: #feca57; }
.op21-dot:nth-child(3) { background: #84c615; }

.op21-visual-card:hover .op21-dot:nth-child(1) { background: #ff8a8a; }
.op21-visual-card:hover .op21-dot:nth-child(2) { background: #ffd93d; }
.op21-visual-card:hover .op21-dot:nth-child(3) { background: #9ad62a; }

/* Network Area */
.op21-network {
    position: relative;
    padding: 30px 20px 40px 20px;
    min-height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Center Node */
.op21-center-node {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #84c615;
    border-radius: 50%;
    z-index: 3;
    transition: all 0.4s ease;
}

.op21-visual-card:hover .op21-center-node {
    transform: scale(1.05);
    box-shadow: 0 0 40px rgba(132, 198, 21, 0.2);
}

.op21-center-icon {
    font-size: 18px;
    font-weight: 800;
    color: #0a0a0a;
}

.op21-center-node strong {
    font-size: 9px;
    font-weight: 700;
    color: #0a0a0a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Connection Lines */
.op21-connection {
    position: absolute;
    height: 2px;
    background: linear-gradient(to right, rgba(132, 198, 21, 0.3), rgba(132, 198, 21, 0.1));
    pointer-events: none;
}

.op21-connection-1 {
    width: 100px;
    top: 60px;
    left: 30px;
    transform: rotate(-30deg);
}

.op21-connection-2 {
    width: 100px;
    top: 60px;
    right: 30px;
    transform: rotate(30deg);
}

.op21-connection-3 {
    width: 100px;
    bottom: 80px;
    left: 30px;
    transform: rotate(30deg);
}

.op21-connection-4 {
    width: 100px;
    bottom: 80px;
    right: 30px;
    transform: rotate(-30deg);
}

.op21-visual-card:hover .op21-connection {
    background: linear-gradient(to right, rgba(132, 198, 21, 0.6), rgba(132, 198, 21, 0.2));
}

/* External Nodes */
.op21-node {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 8px 12px;
    background: #1a1a1a;
    border-radius: 10px;
    border: 1px solid #2a2a2a;
    transition: all 0.35s ease;
    cursor: default;
}

.op21-node span {
    font-size: 16px;
    color: #84c615;
}

.op21-node small {
    font-size: 9px;
    color: #888888;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

.op21-node:hover {
    border-color: #84c615;
    transform: scale(1.06);
    background: #252525;
}

.op21-node:hover small {
    color: #84c615;
}

/* Node Positions */
.op21-node-backlinks {
    top: 30px;
    left: 10px;
}

.op21-node-brand {
    top: 30px;
    right: 10px;
}

.op21-node-local {
    bottom: 70px;
    left: 10px;
}

.op21-node-pr {
    bottom: 70px;
    right: 10px;
}

/* Visual Footer */
.op21-visual-footer {
    padding: 12px 18px;
    background: #1a1a1a;
    border-top: 1px solid #2a2a2a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

.op21-visual-card:hover .op21-visual-footer {
    background: #222222;
}

.op21-visual-footer span {
    font-size: 11px;
    font-weight: 700;
    color: #666666;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.op21-visual-footer strong {
    font-size: 20px;
    color: #84c615;
    transition: all 0.3s ease;
}

.op21-visual-card:hover .op21-visual-footer strong {
    transform: translateY(-2px);
    color: #9ad62a;
}

/* Floating Badges */
.op21-floating {
    position: absolute;
    z-index: 4;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    background: rgba(132, 198, 21, 0.12);
    color: #84c615;
    border: 1px solid rgba(132, 198, 21, 0.15);
    backdrop-filter: blur(8px);
    animation: op21-float 4s ease-in-out infinite;
    pointer-events: none;
}

.op21-floating-authority {
    top: 20px;
    right: -10px;
    animation-delay: 0s;
}

.op21-floating-reputation {
    bottom: 100px;
    left: -10px;
    animation-delay: 2s;
}

@keyframes op21-float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .op21-block {
        padding: 60px 0;
    }

    .op21-title {
        font-size: 36px;
    }

    .op21-signal-list {
        grid-template-columns: 1fr 1fr;
    }

    .op21-visual-card {
        max-width: 100%;
    }

    .op21-ring-large {
        width: 320px;
        height: 320px;
    }

    .op21-ring-small {
        width: 220px;
        height: 220px;
    }

    .op21-floating-authority {
        right: 0;
    }

    .op21-floating-reputation {
        left: 0;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .op21-block {
        padding: 50px 0;
    }

    .row {
        flex-direction: column-reverse;
    }

    .op21-title {
        font-size: 30px;
    }

    .op21-intro {
        font-size: 15px;
        text-align: justify;
    }

    .op21-signal-list {
        grid-template-columns: 1fr 1fr;
        gap: 4px 10px;
    }

    .op21-signal-list li {
        font-size: 13px;
        padding-left: 16px;
    }

    .op21-authority-message p {
        font-size: 15px;
        text-align: justify;
    }

    .op21-visual {
        min-height: 380px;
    }

    .op21-ring-large {
        width: 280px;
        height: 280px;
    }

    .op21-ring-small {
        width: 200px;
        height: 200px;
    }

    .op21-visual-card {
        max-width: 100%;
    }

    .op21-center-node {
        width: 60px;
        height: 60px;
    }

    .op21-center-icon {
        font-size: 15px;
    }

    .op21-network {
        min-height: 240px;
        padding: 20px 10px 30px 10px;
    }

    .op21-connection-1,
    .op21-connection-2,
    .op21-connection-3,
    .op21-connection-4 {
        width: 70px;
    }

    .op21-node {
        padding: 6px 10px;
    }

    .op21-node span {
        font-size: 14px;
    }

    .op21-node small {
        font-size: 8px;
    }

    .op21-node-backlinks {
        top: 20px;
        left: 5px;
    }

    .op21-node-brand {
        top: 20px;
        right: 5px;
    }

    .op21-node-local {
        bottom: 60px;
        left: 5px;
    }

    .op21-node-pr {
        bottom: 60px;
        right: 5px;
    }

    .op21-floating {
        font-size: 11px;
        padding: 5px 14px;
    }

    .op21-floating-authority {
        top: 10px;
        right: 5px;
    }

    .op21-floating-reputation {
        bottom: 80px;
        left: 5px;
    }

    .op21-badge {
        font-size: 10px;
        padding: 3px 12px;
    }

    .op21-title-accent {
        width: 40px;
        margin-bottom: 14px;
    }

    .op21-visual-footer span {
        font-size: 10px;
    }

    .op21-visual-footer strong {
        font-size: 18px;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .op21-block {
        padding: 40px 0;
    }

    .op21-title {
        font-size: 26px;
    }

    .op21-intro {
        font-size: 14px;
        text-align: justify;
    }

    .op21-signal-box {
        padding: 14px 16px;
    }

    .op21-signal-list {
        grid-template-columns: 1fr 1fr;
        gap: 3px 8px;
    }

    .op21-signal-list li {
        font-size: 12px;
        padding-left: 14px;
    }

    .op21-signal-list li::before {
        font-size: 10px;
    }

    .op21-authority-message {
        padding: 12px 16px;
        gap: 10px;
    }

    .op21-authority-message p {
        font-size: 14px;
        text-align: justify;
    }

    .op21-visual {
        min-height: 320px;
    }

    .op21-ring-large {
        width: 220px;
        height: 220px;
    }

    .op21-ring-small {
        width: 160px;
        height: 160px;
    }

    .op21-center-node {
        width: 50px;
        height: 50px;
    }

    .op21-center-icon {
        font-size: 13px;
    }

    .op21-center-node strong {
        font-size: 8px;
    }

    .op21-network {
        min-height: 200px;
        padding: 15px 5px 25px 5px;
    }

    .op21-connection-1,
    .op21-connection-2,
    .op21-connection-3,
    .op21-connection-4 {
        width: 50px;
    }

    .op21-node {
        padding: 4px 8px;
        border-radius: 8px;
    }

    .op21-node span {
        font-size: 12px;
    }

    .op21-node small {
        font-size: 7px;
    }

    .op21-node-backlinks {
        top: 15px;
        left: 3px;
    }

    .op21-node-brand {
        top: 15px;
        right: 3px;
    }

    .op21-node-local {
        bottom: 50px;
        left: 3px;
    }

    .op21-node-pr {
        bottom: 50px;
        right: 3px;
    }

    .op21-floating {
        font-size: 10px;
        padding: 4px 12px;
    }

    .op21-floating-authority {
        top: 8px;
        right: 3px;
    }

    .op21-floating-reputation {
        bottom: 65px;
        left: 3px;
    }

    .op21-badge {
        font-size: 9px;
        padding: 3px 10px;
        letter-spacing: 1.5px;
    }

    .op21-title-accent {
        width: 30px;
        height: 2px;
        margin-bottom: 12px;
    }

    .op21-visual-footer {
        padding: 10px 14px;
    }

    .op21-visual-footer span {
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .op21-visual-footer strong {
        font-size: 16px;
    }

    .op21-signal-heading {
        font-size: 13px;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .op21-title {
        font-size: 22px;
    }

    .op21-intro {
        font-size: 13px;
    }

    .op21-signal-list {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .op21-signal-list li {
        font-size: 12px;
    }

    .op21-authority-message p {
        font-size: 13px;
    }

    .op21-visual {
        min-height: 280px;
    }

    .op21-ring-large {
        width: 180px;
        height: 180px;
    }

    .op21-ring-small {
        width: 130px;
        height: 130px;
    }

    .op21-center-node {
        width: 42px;
        height: 42px;
    }

    .op21-center-icon {
        font-size: 11px;
    }

    .op21-network {
        min-height: 170px;
        padding: 12px 3px 20px 3px;
    }

    .op21-connection-1,
    .op21-connection-2,
    .op21-connection-3,
    .op21-connection-4 {
        width: 35px;
    }

    .op21-node {
        padding: 3px 6px;
        border-radius: 6px;
    }

    .op21-node span {
        font-size: 10px;
    }

    .op21-node small {
        font-size: 6px;
    }

    .op21-floating {
        font-size: 9px;
        padding: 3px 10px;
    }

    .op21-badge {
        font-size: 8px;
        padding: 2px 8px;
    }
}


/* ============================================================
     SECTION 22 — Local SEO (CYCLIC 1 - WHITE)
     ============================================================ */

/* ----- BASE ----- */
.ls22-block {
    padding: 70px 0;
}

.ls22-white {
    background: #ffffff;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.ls22-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.ls22-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.ls22-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}

.ls22-title span {
    color: #84c615;
}

/* ----- ACCENT LINE ----- */
.ls22-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.ls22-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.ls22-text-sub {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

/* ============================================================
     GRID
     ============================================================ */
.ls22-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

/* ============================================================
     ITEM
     ============================================================ */
.ls22-item {
    background: #f5f5f5;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}

/* ----- HOVER EFFECTS ----- */
.ls22-item--1:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}
.ls22-item--2:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}
.ls22-item--3:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}
.ls22-item--4:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}
.ls22-item--5:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}
.ls22-item--6:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}
.ls22-item--7:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}
.ls22-item--8:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}
.ls22-item--9:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.12);
}

/* ----- ICON ----- */
.ls22-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 13px;
    min-width: 18px;
    transition: color 0.3s ease;
}

.ls22-item:hover .ls22-icon {
    color: #ffffff;
}

/* ----- ITEM TEXT ----- */
.ls22-item-text {
    color: #333333;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.4;
    transition: color 0.3s ease;
}

.ls22-item:hover .ls22-item-text {
    color: #ffffff;
}

/* ============================================================
     CONCLUSION
     ============================================================ */
.ls22-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.3s ease;
    cursor: default;
}

.ls22-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.ls22-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.ls22-conclusion:hover .ls22-conclusion-icon {
    color: #ffffff;
}

.ls22-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}

.ls22-conclusion:hover .ls22-conclusion-text {
    color: #ffffff;
}

.ls22-conclusion-text strong {
    font-weight: 700;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .ls22-block {
        padding: 60px 0;
    }

    .ls22-title {
        font-size: 36px;
    }

    .ls22-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
    }

    .ls22-item {
        padding: 12px 14px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .ls22-block {
        padding: 50px 0;
    }

    .ls22-title {
        font-size: 30px;
    }

    .ls22-text {
        font-size: 15px;
        text-align: justify;
    }

    .ls22-text-sub {
        font-size: 16px;
    }

    .ls22-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .ls22-item {
        padding: 10px 14px;
        border-radius: 8px;
    }

    .ls22-item-text {
        font-size: 13px;
    }

    .ls22-conclusion {
        padding: 16px 20px;
    }

    .ls22-conclusion-text {
        font-size: 15px;
        text-align: justify;
    }

    .ls22-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .ls22-accent-line {
        width: 50px;
        margin: 10px auto 16px auto;
    }

    /* Simplify hover on tablet */
    .ls22-item--1:hover,
    .ls22-item--2:hover,
    .ls22-item--3:hover,
    .ls22-item--4:hover,
    .ls22-item--5:hover,
    .ls22-item--6:hover,
    .ls22-item--7:hover,
    .ls22-item--8:hover,
    .ls22-item--9:hover {
        transform: translateY(-2px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .ls22-block {
        padding: 40px 0;
    }

    .ls22-title {
        font-size: 26px;
    }

    .ls22-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .ls22-text-sub {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .ls22-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .ls22-item {
        padding: 10px 12px;
        border-radius: 8px;
    }

    .ls22-icon {
        font-size: 12px;
        min-width: 16px;
    }

    .ls22-item-text {
        font-size: 12px;
    }

    .ls22-conclusion {
        padding: 14px 16px;
        gap: 10px;
        border-radius: 10px;
    }

    .ls22-conclusion-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .ls22-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .ls22-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .ls22-accent-line {
        width: 40px;
        height: 2px;
        margin: 8px auto 14px auto;
    }

    /* Disable hover transforms on mobile */
    .ls22-item--1:hover,
    .ls22-item--2:hover,
    .ls22-item--3:hover,
    .ls22-item--4:hover,
    .ls22-item--5:hover,
    .ls22-item--6:hover,
    .ls22-item--7:hover,
    .ls22-item--8:hover,
    .ls22-item--9:hover {
        transform: none !important;
    }

    .ls22-conclusion:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .ls22-title {
        font-size: 22px;
    }

    .ls22-text {
        font-size: 13px;
    }

    .ls22-text-sub {
        font-size: 13px;
    }

    .ls22-grid {
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    .ls22-item {
        padding: 8px 10px;
    }

    .ls22-item-text {
        font-size: 11px;
    }

    .ls22-conclusion-text {
        font-size: 13px;
    }

    .ls22-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}



/* ============================================================
     SECTION 23 — Technical SEO Services in Trichy (CYCLIC 2 - BLACK)
     ============================================================ */

/* ----- BASE ----- */
.ts23-block {
    padding: 70px 0;
}

.ts23-dark {
    background: #0a0a0a;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.ts23-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.ts23-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.ts23-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}

.ts23-title span {
    color: #84c615;
}

/* ----- ACCENT LINE ----- */
.ts23-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.ts23-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.ts23-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 20px;
    text-align: center;
}

/* ============================================================
     GRID
     ============================================================ */
.ts23-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    max-width: 900px;
    margin: 0 auto 28px auto;
    text-align: left;
}

/* ============================================================
     ITEM
     ============================================================ */
.ts23-item {
    background: #161616;
    padding: 16px 18px;
    border-radius: 12px;
    display: flex;
    gap: 14px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
    position: relative;
    overflow: hidden;
}

/* ----- HOVER EFFECTS (Unique per item) ----- */
.ts23-item--1:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(3px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--2:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(-3px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--3:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--4:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--5:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--6:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(3px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--7:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--8:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(-3px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--9:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--10:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ts23-item--11:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(3px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}

/* ----- ICON ----- */
.ts23-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 16px;
    min-width: 22px;
    margin-top: 2px;
    transition: all 0.3s ease;
}

.ts23-item:hover .ts23-icon {
    color: #0a0a0a;
    transform: scale(1.2);
}

/* ----- ITEM CONTENT ----- */
.ts23-item-content {
    flex: 1;
}

.ts23-item-title {
    display: block;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 2px;
    transition: color 0.3s ease;
}

.ts23-item:hover .ts23-item-title {
    color: #0a0a0a;
}

.ts23-item-desc {
    display: block;
    font-size: clamp(12px, 0.85vw, 14px);
    color: #aaaaaa;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.ts23-item:hover .ts23-item-desc {
    color: #0a0a0a;
}

/* ============================================================
     CONCLUSION
     ============================================================ */
.ts23-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}

.ts23-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
    box-shadow: 0 4px 25px rgba(132, 198, 21, 0.05);
}

.ts23-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.ts23-conclusion:hover .ts23-conclusion-icon {
    color: #84c615;
}

.ts23-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

.ts23-conclusion-text strong {
    color: #84c615;
    font-weight: 700;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .ts23-block {
        padding: 60px 0;
    }

    .ts23-title {
        font-size: 36px;
    }

    .ts23-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }

    .ts23-item {
        padding: 14px 16px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .ts23-block {
        padding: 50px 0;
    }

    .ts23-title {
        font-size: 30px;
    }

    .ts23-text {
        font-size: 15px;
        text-align: justify;
    }

    .ts23-text-sub {
        font-size: 16px;
    }

    .ts23-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .ts23-item {
        padding: 12px 16px;
        border-radius: 10px;
        flex-direction: row;
    }

    .ts23-icon {
        font-size: 14px;
        min-width: 18px;
    }

    .ts23-item-title {
        font-size: 14px;
    }

    .ts23-item-desc {
        font-size: 12px;
    }

    .ts23-conclusion {
        padding: 16px 20px;
    }

    .ts23-conclusion-text {
        font-size: 15px;
        text-align: justify;
    }

    .ts23-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .ts23-accent-line {
        width: 50px;
        margin: 10px auto 16px auto;
    }

    /* Simplify hover on tablet */
    .ts23-item--1:hover,
    .ts23-item--2:hover,
    .ts23-item--3:hover,
    .ts23-item--4:hover,
    .ts23-item--5:hover,
    .ts23-item--6:hover,
    .ts23-item--7:hover,
    .ts23-item--8:hover,
    .ts23-item--9:hover,
    .ts23-item--10:hover,
    .ts23-item--11:hover {
        transform: translateY(-3px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .ts23-block {
        padding: 40px 0;
    }

    .ts23-title {
        font-size: 26px;
    }

    .ts23-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .ts23-text-sub {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .ts23-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .ts23-item {
        padding: 10px 14px;
        border-radius: 8px;
        flex-direction: column;
        gap: 8px;
    }

    .ts23-icon {
        font-size: 13px;
        min-width: 16px;
    }

    .ts23-item-title {
        font-size: 13px;
    }

    .ts23-item-desc {
        font-size: 12px;
    }

    .ts23-conclusion {
        padding: 14px 16px;
        gap: 10px;
        border-radius: 10px;
    }

    .ts23-conclusion-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .ts23-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .ts23-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .ts23-accent-line {
        width: 40px;
        height: 2px;
        margin: 8px auto 14px auto;
    }

    /* Disable complex hover transforms on mobile */
    .ts23-item--1:hover,
    .ts23-item--2:hover,
    .ts23-item--3:hover,
    .ts23-item--4:hover,
    .ts23-item--5:hover,
    .ts23-item--6:hover,
    .ts23-item--7:hover,
    .ts23-item--8:hover,
    .ts23-item--9:hover,
    .ts23-item--10:hover,
    .ts23-item--11:hover {
        transform: none !important;
    }

    .ts23-conclusion:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .ts23-title {
        font-size: 22px;
    }

    .ts23-text {
        font-size: 13px;
    }

    .ts23-text-sub {
        font-size: 13px;
    }

    .ts23-grid {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .ts23-item {
        padding: 10px 12px;
    }

    .ts23-item-title {
        font-size: 13px;
    }

    .ts23-item-desc {
        font-size: 11px;
    }

    .ts23-conclusion-text {
        font-size: 13px;
    }

    .ts23-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}


/* ============================================================
     SECTION 24 — Keyword Research (CYCLIC 1 - WHITE)
     ============================================================ */

/* ----- BASE ----- */
.kr24-block {
    padding: 70px 0;
}

.kr24-white {
    background: #ffffff;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.kr24-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.kr24-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.kr24-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}

.kr24-title span {
    color: #84c615;
}

/* ----- ACCENT LINE ----- */
.kr24-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.kr24-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 12px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.kr24-text-highlight {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.kr24-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(16px, 1.2vw, 18px);
    margin: 20px auto 16px auto;
    text-align: center;
}

/* ============================================================
     RELATIONSHIP GRID
     ============================================================ */
.kr24-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 14px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

/* ============================================================
     RELATIONSHIP ITEM
     ============================================================ */
.kr24-item {
    background: #f5f5f5;
    padding: 20px 18px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}

.kr24-item--1:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.kr24-item--2:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.kr24-item--3:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.kr24-item--4:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}

/* ----- ICON ----- */
.kr24-icon {
    display: block;
    color: #84c615;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 8px;
    transition: all 0.3s ease;
}

.kr24-item:hover .kr24-icon {
    color: #ffffff;
    transform: scale(1.15);
}

/* ----- TITLE ----- */
.kr24-item-title {
    display: block;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 700;
    color: #0a0a0a;
    margin-bottom: 4px;
    transition: color 0.3s ease;
}

.kr24-item:hover .kr24-item-title {
    color: #ffffff;
}

/* ----- DESC ----- */
.kr24-item-desc {
    display: block;
    font-size: clamp(12px, 0.9vw, 14px);
    color: #666666;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.kr24-item:hover .kr24-item-desc {
    color: #ffffff;
}

/* ============================================================
     INTENT GRID
     ============================================================ */
.kr24-intent-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    max-width: 850px;
    margin: 0 auto 24px auto;
    text-align: left;
}

/* ============================================================
     INTENT CARD
     ============================================================ */
.kr24-intent {
    background: #f5f5f5;
    padding: 16px 20px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}

.kr24-intent--1:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(5px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.kr24-intent--2:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(-5px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.kr24-intent--3:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(5px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.kr24-intent--4:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(-5px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

/* ----- INTENT TAG ----- */
.kr24-intent-tag {
    display: inline-block;
    font-size: clamp(10px, 0.8vw, 12px);
    font-weight: 700;
    color: #84c615;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: rgba(132, 198, 21, 0.1);
    padding: 2px 12px;
    border-radius: 50px;
    margin-bottom: 6px;
    transition: all 0.3s ease;
}

.kr24-intent:hover .kr24-intent-tag {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

/* ----- INTENT QUERY ----- */
.kr24-intent-query {
    font-size: clamp(16px, 1.2vw, 19px);
    font-weight: 700;
    color: #0a0a0a;
    margin-bottom: 4px;
    transition: color 0.3s ease;
}

.kr24-intent:hover .kr24-intent-query {
    color: #ffffff;
}

/* ----- INTENT DESC ----- */
.kr24-intent-desc {
    font-size: clamp(13px, 0.95vw, 15px);
    color: #666666;
    margin: 0;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.kr24-intent:hover .kr24-intent-desc {
    color: #ffffff;
}

/* ============================================================
     CONCLUSION
     ============================================================ */
.kr24-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}

.kr24-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.kr24-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.kr24-conclusion:hover .kr24-conclusion-icon {
    color: #ffffff;
}

.kr24-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}

.kr24-conclusion:hover .kr24-conclusion-text {
    color: #ffffff;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .kr24-block {
        padding: 60px 0;
    }

    .kr24-title {
        font-size: 36px;
    }

    .kr24-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .kr24-item {
        padding: 18px 16px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .kr24-block {
        padding: 50px 0;
    }

    .kr24-title {
        font-size: 30px;
    }

    .kr24-text {
        font-size: 15px;
        text-align: justify;
    }

    .kr24-text-highlight {
        font-size: 17px;
    }

    .kr24-text-sub {
        font-size: 15px;
    }

    .kr24-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .kr24-item {
        padding: 16px 14px;
    }

    .kr24-item-title {
        font-size: 14px;
    }

    .kr24-item-desc {
        font-size: 12px;
    }

    .kr24-intent-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .kr24-intent {
        padding: 14px 16px;
    }

    .kr24-intent-query {
        font-size: 15px;
    }

    .kr24-intent-desc {
        font-size: 13px;
    }

    .kr24-conclusion {
        padding: 16px 20px;
    }

    .kr24-conclusion-text {
        font-size: 15px;
        text-align: justify;
    }

    .kr24-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .kr24-accent-line {
        width: 50px;
        margin: 10px auto 16px auto;
    }

    /* Simplify hover on tablet */
    .kr24-item--1:hover,
    .kr24-item--2:hover,
    .kr24-item--3:hover,
    .kr24-item--4:hover {
        transform: translateY(-3px) !important;
    }
    .kr24-intent--1:hover,
    .kr24-intent--2:hover,
    .kr24-intent--3:hover,
    .kr24-intent--4:hover {
        transform: translateX(3px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .kr24-block {
        padding: 40px 0;
    }

    .kr24-title {
        font-size: 26px;
    }

    .kr24-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 10px;
    }

    .kr24-text-highlight {
        font-size: 15px;
        margin-bottom: 14px;
    }

    .kr24-text-sub {
        font-size: 14px;
        margin: 16px auto 12px auto;
    }

    .kr24-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .kr24-item {
        padding: 14px 12px;
        border-radius: 10px;
    }

    .kr24-icon {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .kr24-item-title {
        font-size: 13px;
    }

    .kr24-item-desc {
        font-size: 11px;
    }

    .kr24-intent-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .kr24-intent {
        padding: 12px 14px;
        border-radius: 10px;
    }

    .kr24-intent-query {
        font-size: 14px;
    }

    .kr24-intent-desc {
        font-size: 12px;
    }

    .kr24-intent-tag {
        font-size: 10px;
        padding: 2px 10px;
    }

    .kr24-conclusion {
        padding: 14px 16px;
        gap: 10px;
        border-radius: 10px;
    }

    .kr24-conclusion-icon {
        font-size: 15px;
        min-width: 20px;
    }

    .kr24-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .kr24-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .kr24-accent-line {
        width: 40px;
        height: 2px;
        margin: 8px auto 14px auto;
    }

    /* Disable hover transforms on mobile */
    .kr24-item--1:hover,
    .kr24-item--2:hover,
    .kr24-item--3:hover,
    .kr24-item--4:hover {
        transform: none !important;
    }
    .kr24-intent--1:hover,
    .kr24-intent--2:hover,
    .kr24-intent--3:hover,
    .kr24-intent--4:hover {
        transform: none !important;
    }
    .kr24-conclusion:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .kr24-title {
        font-size: 22px;
    }

    .kr24-text {
        font-size: 13px;
    }

    .kr24-text-highlight {
        font-size: 14px;
    }

    .kr24-grid {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .kr24-item {
        padding: 12px 10px;
    }

    .kr24-intent-query {
        font-size: 13px;
    }

    .kr24-conclusion-text {
        font-size: 13px;
    }

    .kr24-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}



/* SECTION 25 — Search Intent Mapping (CYCLIC 2 - BLACK) */
.si25-block { padding: 70px 0; }
.si25-dark { background: #0a0a0a; }
.si25-content { width: 100%; }
.text-center { text-align: center; }

.si25-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.si25-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.si25-title span { color: #84c615; }
.si25-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.si25-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.si25-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}
.si25-text-highlight {
    color: #ffffff;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin: 20px auto 16px auto;
    text-align: center;
}

.si25-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.si25-item {
    background: #161616;
    padding: 14px 12px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.si25-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.si25-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    transition: color 0.3s ease;
}
.si25-item:hover .si25-icon { color: #0a0a0a; }
.si25-item-text {
    color: #e0e0e0;
    font-size: clamp(12px, 0.85vw, 14px);
    line-height: 1.4;
    transition: color 0.3s ease;
}
.si25-item:hover .si25-item-text { color: #0a0a0a; }

.si25-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.si25-tag {
    background: #1a1a1a;
    color: #cccccc;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: clamp(12px, 0.85vw, 14px);
    font-weight: 500;
    border: 1px solid #2a2a2a;
    transition: all 0.3s ease;
    cursor: default;
}
.si25-tag:hover {
    background: #84c615;
    color: #0a0a0a;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.si25-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.si25-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.si25-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.si25-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.si25-conclusion-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 1024px) {
    .si25-block { padding: 60px 0; }
    .si25-title { font-size: 36px; }
    .si25-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .si25-block { padding: 50px 0; }
    .si25-title { font-size: 30px; }
    .si25-text { font-size: 15px; text-align: justify; }
    .si25-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .si25-item { padding: 12px 10px; }
    .si25-item-text { font-size: 12px; }
    .si25-conclusion { padding: 16px 18px; }
    .si25-conclusion-text { font-size: 15px; text-align: justify; }
    .si25-badge { font-size: 11px; padding: 4px 14px; }
    .si25-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .si25-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .si25-block { padding: 40px 0; }
    .si25-title { font-size: 26px; }
    .si25-text { font-size: 14px; text-align: justify; margin-bottom: 12px; }
    .si25-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .si25-item { padding: 10px 8px; }
    .si25-item-text { font-size: 11px; }
    .si25-tag { font-size: 11px; padding: 4px 12px; }
    .si25-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .si25-conclusion-text { font-size: 14px; text-align: justify; }
    .si25-badge { font-size: 10px; padding: 3px 12px; }
    .si25-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .si25-item:hover { transform: none !important; }
    .si25-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .si25-title { font-size: 22px; }
    .si25-text { font-size: 13px; }
    .si25-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .si25-item-text { font-size: 10px; }
    .si25-conclusion-text { font-size: 13px; }
    .si25-badge { font-size: 9px; padding: 3px 10px; }
}



/* SECTION 26 — Semantic SEO and Topic Relationships (CYCLIC 2 - BLACK) */
.se26-block { padding: 70px 0; }
.se26-dark { background: white; }
.se26-content { width: 100%; }
.text-center { text-align: center; }

.se26-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.se26-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #84c615;
    line-height: 1.2;
    margin-bottom: 8px;
}
.se26-title span { color: #84c615; }
.se26-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.se26-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.se26-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}
.se26-text-highlight {
    color: #ffffff;
    font-weight: 600;
    font-size: clamp(18px, 1.3vw, 21px);
    margin: 20px auto 16px auto;
    text-align: center;
}
.se26-text-highlight span { color: #84c615; }

.se26-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 8px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.se26-item {
    background: #f5f5f5;
    padding: 10px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.se26-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.08);
}
.se26-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 12px;
    min-width: 16px;
    transition: color 0.3s ease;
}
.se26-item:hover .se26-icon { color: #0a0a0a; }
.se26-item { color: black; font-size: clamp(11px, 0.8vw, 13px); transition: color 0.3s ease; }
.se26-item:hover { color: #0a0a0a; }

.se26-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.se26-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.se26-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.se26-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.se26-conclusion-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 1024px) {
    .se26-block { padding: 60px 0; }
    .se26-title { font-size: 36px; }
    .se26-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .se26-block { padding: 50px 0; }
    .se26-title { font-size: 30px; }
    .se26-text { font-size: 15px; text-align: justify; }
    .se26-grid { grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
    .se26-item { padding: 8px 10px; font-size: 12px; }
    .se26-conclusion { padding: 16px 18px; }
    .se26-conclusion-text { font-size: 15px; text-align: justify; }
    .se26-badge { font-size: 11px; padding: 4px 14px; }
    .se26-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .se26-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .se26-block { padding: 40px 0; }
    .se26-title { font-size: 26px; }
    .se26-text { font-size: 14px; text-align: justify; margin-bottom: 12px; }
    .se26-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .se26-item { padding: 8px 8px; font-size: 11px; }
    .se26-icon { font-size: 10px; min-width: 14px; }
    .se26-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .se26-conclusion-text { font-size: 14px; text-align: justify; }
    .se26-badge { font-size: 10px; padding: 3px 12px; }
    .se26-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .se26-item:hover { transform: none !important; }
    .se26-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .se26-title { font-size: 22px; }
    .se26-text { font-size: 13px; }
    .se26-grid { grid-template-columns: 1fr 1fr; gap: 4px; }
    .se26-item { font-size: 10px; padding: 6px 6px; }
    .se26-conclusion-text { font-size: 13px; }
    .se26-badge { font-size: 9px; padding: 3px 10px; }
}


/* SECTION 27 — What Is On-Page SEO? (CYCLIC 2 - BLACK) */
.op27-block { padding: 70px 0; }
.op27-dark { background: #0a0a0a; }
.op27-content { width: 100%; }
.text-center { text-align: center; }

.op27-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.op27-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.op27-title span { color: #84c615; }
.op27-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.op27-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.op27-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.op27-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    max-width: 850px;
    margin: 0 auto;
    text-align: left;
}
.op27-item {
    background: #161616;
    padding: 16px 18px;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.op27-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.op27-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 20px;
    margin-top: 2px;
    transition: color 0.3s ease;
}
.op27-item:hover .op27-icon { color: #0a0a0a; }
.op27-item-content { flex: 1; }
.op27-item-title {
    display: block;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 2px;
    transition: color 0.3s ease;
}
.op27-item:hover .op27-item-title { color: #0a0a0a; }
.op27-item-desc {
    display: block;
    font-size: clamp(13px, 0.9vw, 15px);
    color: #aaaaaa;
    line-height: 1.5;
    transition: color 0.3s ease;
}
.op27-item:hover .op27-item-desc { color: #0a0a0a; }

@media (max-width: 1024px) {
    .op27-block { padding: 60px 0; }
    .op27-title { font-size: 36px; }
}
@media (max-width: 768px) {
    .op27-block { padding: 50px 0; }
    .op27-title { font-size: 30px; }
    .op27-text { font-size: 15px; text-align: justify; }
    .op27-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .op27-item { padding: 14px 16px; }
    .op27-item-desc { font-size: 13px; }
    .op27-badge { font-size: 11px; padding: 4px 14px; }
    .op27-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .op27-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .op27-block { padding: 40px 0; }
    .op27-title { font-size: 26px; }
    .op27-text { font-size: 14px; text-align: justify; margin-bottom: 12px; }
    .op27-grid { grid-template-columns: 1fr; gap: 8px; }
    .op27-item { padding: 12px 14px; flex-direction: column; gap: 6px; }
    .op27-icon { font-size: 14px; }
    .op27-item-title { font-size: 14px; }
    .op27-item-desc { font-size: 12px; }
    .op27-badge { font-size: 10px; padding: 3px 12px; }
    .op27-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .op27-item:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .op27-title { font-size: 22px; }
    .op27-text { font-size: 13px; }
    .op27-item-title { font-size: 13px; }
    .op27-item-desc { font-size: 11px; }
    .op27-badge { font-size: 9px; padding: 3px 10px; }
}

/* SECTION 28 — Why Keyword Stuffing Is Not Sustainable (CYCLIC 2 - BLACK) */
.ks28-block { padding: 70px 0; }
.ks28-dark { background: white; }
.ks28-content { width: 100%; }
.text-center { text-align: center; }

.ks28-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.ks28-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: black;
    line-height: 1.2;
    margin-bottom: 8px;
}
.ks28-title span { color: #84c615; }
.ks28-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.ks28-text {
    color: black;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.ks28-example { color: #84c615; font-weight: 700; }
.ks28-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}
.ks28-text-highlight {
    color: #ffffff;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin: 20px auto 16px auto;
    text-align: center;
}

.ks28-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.ks28-item {
    background: #f5f5f5;
    padding: 14px 12px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.ks28-item:hover {
    background: #ff4444;
    border-color: #ff4444;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(255, 68, 68, 0.1);
}
.ks28-icon {
    color: #ff4444;
    font-weight: 700;
    font-size: 18px;
    transition: color 0.3s ease;
}
.ks28-item:hover .ks28-icon { color: #ffffff; }
.ks28-item-text {
    color: black;
    font-size: clamp(13px, 0.9vw, 15px);
    transition: color 0.3s ease;
}
.ks28-item:hover .ks28-item-text { color: #ffffff; }

.ks28-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.ks28-tag {
    background: #f5f5f5;
    color: black;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: clamp(12px, 0.85vw, 14px);
    font-weight: 500;
    border: 1px solid #2a2a2a;
    transition: all 0.3s ease;
    cursor: default;
}
.ks28-tag:hover {
    background: #84c615;
    color: #0a0a0a;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.ks28-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.ks28-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.ks28-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.ks28-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

@media (max-width: 1024px) {
    .ks28-block { padding: 60px 0; }
    .ks28-title { font-size: 36px; }
    .ks28-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .ks28-block { padding: 50px 0; }
    .ks28-title { font-size: 30px; }
    .ks28-text { font-size: 15px; text-align: justify; }
    .ks28-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .ks28-item { padding: 12px 10px; }
    .ks28-conclusion { padding: 16px 18px; }
    .ks28-conclusion-text { font-size: 15px; text-align: justify; }
    .ks28-badge { font-size: 11px; padding: 4px 14px; }
    .ks28-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .ks28-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .ks28-block { padding: 40px 0; }
    .ks28-title { font-size: 26px; }
    .ks28-text { font-size: 14px; text-align: justify; margin-bottom: 12px; }
    .ks28-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .ks28-item { padding: 10px 8px; }
    .ks28-item-text { font-size: 12px; }
    .ks28-tag { font-size: 11px; padding: 4px 12px; }
    .ks28-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .ks28-conclusion-text { font-size: 14px; text-align: justify; }
    .ks28-badge { font-size: 10px; padding: 3px 12px; }
    .ks28-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .ks28-item:hover { transform: none !important; }
    .ks28-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .ks28-title { font-size: 22px; }
    .ks28-text { font-size: 13px; }
    .ks28-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .ks28-item-text { font-size: 11px; }
    .ks28-conclusion-text { font-size: 13px; }
    .ks28-badge { font-size: 9px; padding: 3px 10px; }
}


/* SECTION 29 — Internal Linking and SEO (CYCLIC 2 - BLACK) */
.il29-block { padding: 70px 0; }
.il29-dark { background: #0a0a0a; }
.il29-content { width: 100%; }
.text-center { text-align: center; }

.il29-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.il29-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.il29-title span { color: #84c615; }
.il29-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.il29-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.il29-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.il29-chain {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 8px;
    max-width: 850px;
    margin: 0 auto 24px auto;
    padding: 20px 16px;
    background: #161616;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
}
.il29-chain-item {
    background: #1a1a1a;
    color: #e0e0e0;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: clamp(13px, 0.95vw, 15px);
    font-weight: 600;
    border: 1px solid #2a2a2a;
    transition: all 0.3s ease;
    cursor: default;
}
.il29-chain-item:hover {
    background: #84c615;
    color: #0a0a0a;
    border-color: #84c615;
    transform: scale(1.05);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.il29-chain-arrow {
    color: #84c615;
    font-size: clamp(18px, 1.3vw, 22px);
    font-weight: 300;
}

.il29-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.il29-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.il29-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.il29-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.il29-conclusion-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 768px) {
    .il29-block { padding: 50px 0; }
    .il29-title { font-size: 30px; }
    .il29-text { font-size: 15px; text-align: justify; }
    .il29-chain { padding: 14px 12px; gap: 4px 6px; }
    .il29-chain-item { font-size: 12px; padding: 6px 12px; }
    .il29-chain-arrow { font-size: 16px; }
    .il29-conclusion { padding: 16px 18px; }
    .il29-conclusion-text { font-size: 15px; text-align: justify; }
    .il29-badge { font-size: 11px; padding: 4px 14px; }
    .il29-accent-line { width: 50px; margin: 10px auto 16px auto; }
}
@media (max-width: 480px) {
    .il29-block { padding: 40px 0; }
    .il29-title { font-size: 26px; }
    .il29-text { font-size: 14px; text-align: justify; margin-bottom: 12px; }
    .il29-chain { flex-direction: column; padding: 12px 10px; }
    .il29-chain-arrow { transform: rotate(90deg); }
    .il29-chain-item { font-size: 13px; padding: 8px 14px; width: 100%; text-align: center; }
    .il29-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .il29-conclusion-text { font-size: 14px; text-align: justify; }
    .il29-badge { font-size: 10px; padding: 3px 12px; }
    .il29-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .il29-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .il29-title { font-size: 22px; }
    .il29-text { font-size: 13px; }
    .il29-chain-item { font-size: 12px; }
    .il29-conclusion-text { font-size: 13px; }
    .il29-badge { font-size: 9px; padding: 3px 10px; }
}



/* SECTION 30 — SEO and User Experience (CYCLIC 2 - BLACK) */
.ux30-block { padding: 70px 0; }
.ux30-dark { background: white; }
.ux30-content { width: 100%; }
.text-center { text-align: center; }

.ux30-badge {
    display: inline-block;
    background: #84c615;
    color: black;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.ux30-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: black;
    line-height: 1.2;
    margin-bottom: 8px;
}
.ux30-title span { color: #84c615; }
.ux30-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.ux30-text {
    color: black;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.ux30-text-highlight {
    color: #ffffff;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin: 20px auto 16px auto;
    text-align: center;
}
.ux30-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.ux30-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.ux30-item {
    background: #f5f5f5;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.ux30-item:hover {
    background: #ff6b6b;
    border-color: #ff6b6b;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(255, 107, 107, 0.1);
}
.ux30-icon {
    color: #ff6b6b;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.ux30-item:hover .ux30-icon { color: #ffffff; }
.ux30-item-text {
    color: black;
    font-size: clamp(13px, 0.9vw, 15px);
    transition: color 0.3s ease;
}
.ux30-item:hover .ux30-item-text { color: #ffffff; }

.ux30-dual {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    max-width: 850px;
    margin: 0 auto;
}
.ux30-dual-item {
    background: #1a1a1a;
    padding: 18px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #2a2a2a;
    transition: all 0.35s ease;
    cursor: default;
}
.ux30-dual-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ux30-dual-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 16px;
    transition: color 0.3s ease;
}
.ux30-dual-item:hover .ux30-dual-icon { color: #0a0a0a; }
.ux30-dual-text {
    color: #e0e0e0;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 500;
    transition: color 0.3s ease;
}
.ux30-dual-item:hover .ux30-dual-text { color: #0a0a0a; }

@media (max-width: 1024px) {
    .ux30-block { padding: 60px 0; }
    .ux30-title { font-size: 36px; }
}
@media (max-width: 768px) {
    .ux30-block { padding: 50px 0; }
    .ux30-title { font-size: 30px; }
    .ux30-text { font-size: 15px; text-align: justify; }
    .ux30-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .ux30-item { padding: 12px 14px; }
    .ux30-dual { grid-template-columns: 1fr 1fr; gap: 12px; }
    .ux30-dual-item { padding: 14px 16px; }
    .ux30-dual-text { font-size: 14px; }
    .ux30-badge { font-size: 11px; padding: 4px 14px; }
    .ux30-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .ux30-item:hover { transform: translateY(-2px) !important; }
    .ux30-dual-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .ux30-block { padding: 40px 0; }
    .ux30-title { font-size: 26px; }
    .ux30-text { font-size: 14px; text-align: justify; margin-bottom: 12px; }
    .ux30-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .ux30-item { padding: 10px 12px; }
    .ux30-item-text { font-size: 12px; }
    .ux30-dual { grid-template-columns: 1fr; gap: 10px; }
    .ux30-dual-item { padding: 12px 14px; }
    .ux30-dual-text { font-size: 14px; }
    .ux30-badge { font-size: 10px; padding: 3px 12px; }
    .ux30-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .ux30-item:hover { transform: none !important; }
    .ux30-dual-item:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .ux30-title { font-size: 22px; }
    .ux30-text { font-size: 13px; }
    .ux30-item-text { font-size: 11px; }
    .ux30-dual-text { font-size: 13px; }
    .ux30-badge { font-size: 9px; padding: 3px 10px; }
}

/* ============================================================
     SECTION 31 — CYCLIC 2 (BLACK) — CSS
     ============================================================ */

/* ----- BASE ----- */
.ts31-block {
    padding: 70px 0;
}

.ts31-dark {
    background: #0a0a0a;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.ts31-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.ts31-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.ts31-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}

.ts31-title span {
    color: #84c615;
}

/* ----- ACCENT LINE ----- */
.ts31-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.ts31-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.ts31-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

/* ============================================================
     GRID
     ============================================================ */
.ts31-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 900px;
    margin: 0 auto 24px auto;
}

/* ============================================================
     ITEM
     ============================================================ */
.ts31-item {
    background: #161616;
    padding: 12px 10px;
    border-radius: 10px;
    text-align: center;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.ts31-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}

.ts31-item-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    transition: color 0.3s ease;
}

.ts31-item:hover .ts31-item-icon {
    color: #0a0a0a;
}

.ts31-item-text {
    color: #e0e0e0;
    font-size: clamp(11px, 0.8vw, 13px);
    line-height: 1.3;
    transition: color 0.3s ease;
}

.ts31-item:hover .ts31-item-text {
    color: #0a0a0a;
}

/* ============================================================
     ANALOGY BOX
     ============================================================ */
.ts31-analogy {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto 20px auto;
    transition: all 0.35s ease;
    cursor: default;
}

.ts31-analogy:hover {
    background: #252525;
    transform: translateX(4px);
    box-shadow: 0 4px 25px rgba(132, 198, 21, 0.05);
}

.ts31-analogy-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 22px;
    min-width: 28px;
    transition: color 0.3s ease;
}

.ts31-analogy:hover .ts31-analogy-icon {
    color: #84c615;
}

.ts31-analogy-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

.ts31-analogy-text strong {
    color: #84c615;
    font-weight: 700;
}

/* ============================================================
     CONCLUSION
     ============================================================ */
.ts31-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #161616;
    padding: 18px 24px;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}

.ts31-conclusion:hover {
    border-color: #84c615;
    box-shadow: 0 4px 25px rgba(132, 198, 21, 0.05);
}

.ts31-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}

.ts31-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .ts31-block {
        padding: 60px 0;
    }

    .ts31-title {
        font-size: 36px;
    }

    .ts31-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
    }

    .ts31-item {
        padding: 10px 8px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .ts31-block {
        padding: 50px 0;
    }

    .ts31-title {
        font-size: 30px;
    }

    .ts31-text {
        font-size: 15px;
        text-align: justify;
    }

    .ts31-text-sub {
        font-size: 16px;
    }

    .ts31-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 6px;
    }

    .ts31-item {
        padding: 8px 6px;
        border-radius: 8px;
    }

    .ts31-item-text {
        font-size: 10px;
    }

    .ts31-item-icon {
        font-size: 12px;
    }

    .ts31-analogy {
        padding: 16px 20px;
    }

    .ts31-analogy-text {
        font-size: 15px;
        text-align: justify;
    }

    .ts31-conclusion {
        padding: 16px 20px;
    }

    .ts31-conclusion-text {
        font-size: 15px;
        text-align: justify;
    }

    .ts31-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .ts31-accent-line {
        width: 50px;
        margin: 10px auto 16px auto;
    }

    .ts31-item:hover {
        transform: translateY(-2px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .ts31-block {
        padding: 40px 0;
    }

    .ts31-title {
        font-size: 26px;
    }

    .ts31-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .ts31-text-sub {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .ts31-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 5px;
    }

    .ts31-item {
        padding: 8px 4px;
        border-radius: 6px;
    }

    .ts31-item-text {
        font-size: 9px;
    }

    .ts31-item-icon {
        font-size: 10px;
    }

    .ts31-analogy {
        padding: 14px 16px;
        gap: 10px;
        border-radius: 10px;
    }

    .ts31-analogy-icon {
        font-size: 18px;
        min-width: 22px;
    }

    .ts31-analogy-text {
        font-size: 14px;
        text-align: justify;
    }

    .ts31-conclusion {
        padding: 14px 16px;
        gap: 10px;
        border-radius: 10px;
    }

    .ts31-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .ts31-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .ts31-accent-line {
        width: 40px;
        height: 2px;
        margin: 8px auto 14px auto;
    }

    .ts31-item:hover {
        transform: none !important;
    }
    .ts31-analogy:hover {
        transform: none !important;
    }
    .ts31-conclusion:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .ts31-title {
        font-size: 22px;
    }

    .ts31-text {
        font-size: 13px;
    }

    .ts31-grid {
        grid-template-columns: 1fr 1fr;
        gap: 4px;
    }

    .ts31-item-text {
        font-size: 9px;
    }

    .ts31-analogy-text {
        font-size: 13px;
    }

    .ts31-conclusion-text {
        font-size: 13px;
    }

    .ts31-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}


/* ============================================================
     SECTION 32 — On-Page SEO Services (CYCLIC 1 - WHITE)
     ============================================================ */
.op32-block { padding: 70px 0; }
.op32-white { background: #ffffff; }
.op32-content { width: 100%; }
.text-center { text-align: center; }

.op32-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.op32-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.op32-title span { color: #84c615; }
.op32-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.op32-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.op32-text-sub {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.op32-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.op32-item {
    background: #f5f5f5;
    padding: 14px 12px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}
.op32-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.op32-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.op32-item:hover .op32-icon { color: #ffffff; }
.op32-item-text {
    color: #333333;
    font-size: clamp(12px, 0.85vw, 14px);
    transition: color 0.3s ease;
}
.op32-item:hover .op32-item-text { color: #ffffff; }

.op32-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.op32-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.op32-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.op32-conclusion:hover .op32-conclusion-icon { color: #ffffff; }
.op32-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.op32-conclusion:hover .op32-conclusion-text { color: #ffffff; }
.op32-conclusion-text strong { font-weight: 700; }

@media (max-width: 1024px) {
    .op32-block { padding: 60px 0; }
    .op32-title { font-size: 36px; }
    .op32-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .op32-block { padding: 50px 0; }
    .op32-title { font-size: 30px; }
    .op32-text { font-size: 15px; text-align: justify; }
    .op32-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .op32-item { padding: 10px 12px; }
    .op32-conclusion { padding: 16px 18px; }
    .op32-conclusion-text { font-size: 15px; text-align: justify; }
    .op32-badge { font-size: 11px; padding: 4px 14px; }
    .op32-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .op32-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .op32-block { padding: 40px 0; }
    .op32-title { font-size: 26px; }
    .op32-text { font-size: 14px; text-align: justify; }
    .op32-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .op32-item { padding: 8px 10px; border-radius: 8px; }
    .op32-icon { font-size: 12px; min-width: 16px; }
    .op32-item-text { font-size: 11px; }
    .op32-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .op32-conclusion-text { font-size: 14px; text-align: justify; }
    .op32-badge { font-size: 10px; padding: 3px 12px; }
    .op32-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .op32-item:hover { transform: none !important; }
    .op32-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .op32-title { font-size: 22px; }
    .op32-text { font-size: 13px; }
    .op32-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .op32-item-text { font-size: 10px; }
    .op32-conclusion-text { font-size: 13px; }
    .op32-badge { font-size: 9px; padding: 3px 10px; }
}

/* ============================================================
     SECTION 33 — Keyword Research & Search Intent Analysis (CYCLIC 2 - BLACK)
     ============================================================ */
.kr33-block { padding: 70px 0; }
.kr33-dark { background: #0a0a0a; }
.kr33-content { width: 100%; }
.text-center { text-align: center; }

.kr33-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.kr33-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.kr33-title span { color: #84c615; }
.kr33-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.kr33-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.kr33-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.kr33-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.kr33-item {
    background: #161616;
    padding: 12px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.kr33-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(3px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.kr33-item--2:hover { transform: translateY(-4px) translateX(-3px); }
.kr33-item--3:hover { transform: translateY(-4px) scale(1.02); }
.kr33-item--4:hover { transform: translateY(-4px); }
.kr33-item--5:hover { transform: translateY(-4px) translateX(3px); }
.kr33-item--6:hover { transform: translateY(-4px) translateX(-3px); }
.kr33-item--7:hover { transform: translateY(-4px) scale(1.02); }
.kr33-item--8:hover { transform: translateY(-4px); }
.kr33-item--9:hover { transform: translateY(-4px) translateX(3px); }
.kr33-item--10:hover { transform: translateY(-4px) translateX(-3px); }
.kr33-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 16px;
    transition: color 0.3s ease;
}
.kr33-item:hover .kr33-icon { color: #0a0a0a; }
.kr33-item-text {
    color: #e0e0e0;
    font-size: clamp(11px, 0.8vw, 13px);
    transition: color 0.3s ease;
}
.kr33-item:hover .kr33-item-text { color: #0a0a0a; }

.kr33-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.kr33-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.kr33-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.kr33-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.kr33-conclusion-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 1024px) {
    .kr33-block { padding: 60px 0; }
    .kr33-title { font-size: 36px; }
    .kr33-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .kr33-block { padding: 50px 0; }
    .kr33-title { font-size: 30px; }
    .kr33-text { font-size: 15px; text-align: justify; }
    .kr33-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .kr33-item { padding: 10px 8px; }
    .kr33-item-text { font-size: 11px; }
    .kr33-conclusion { padding: 16px 18px; }
    .kr33-conclusion-text { font-size: 15px; text-align: justify; }
    .kr33-badge { font-size: 11px; padding: 4px 14px; }
    .kr33-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .kr33-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .kr33-block { padding: 40px 0; }
    .kr33-title { font-size: 26px; }
    .kr33-text { font-size: 14px; text-align: justify; }
    .kr33-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .kr33-item { padding: 8px 6px; border-radius: 8px; }
    .kr33-icon { font-size: 12px; min-width: 14px; }
    .kr33-item-text { font-size: 10px; }
    .kr33-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .kr33-conclusion-text { font-size: 14px; text-align: justify; }
    .kr33-badge { font-size: 10px; padding: 3px 12px; }
    .kr33-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .kr33-item:hover { transform: none !important; }
    .kr33-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .kr33-title { font-size: 22px; }
    .kr33-text { font-size: 13px; }
    .kr33-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .kr33-item-text { font-size: 9px; }
    .kr33-conclusion-text { font-size: 13px; }
    .kr33-badge { font-size: 9px; padding: 3px 10px; }
}

/* ============================================================
     SECTION 34 — Competitor SEO Analysis (CYCLIC 1 - WHITE)
     ============================================================ */
.ca34-block { padding: 70px 0; }
.ca34-white { background: #ffffff; }
.ca34-content { width: 100%; }
.text-center { text-align: center; }

.ca34-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.ca34-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.ca34-title span { color: #84c615; }
.ca34-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.ca34-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.ca34-text-sub {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.ca34-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.ca34-item {
    background: #f5f5f5;
    padding: 12px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    border-bottom: 3px solid transparent;
}
.ca34-item:hover {
    background: #84c615;
    border-color: #84c615;
    border-bottom-color: #0a0a0a;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.ca34-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 13px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.ca34-item:hover .ca34-icon { color: #ffffff; }
.ca34-item-text {
    color: #333333;
    font-size: clamp(12px, 0.85vw, 14px);
    transition: color 0.3s ease;
}
.ca34-item:hover .ca34-item-text { color: #ffffff; }

.ca34-dual {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    max-width: 850px;
    margin: 0 auto 16px auto;
}
.ca34-dual-item {
    background: #f5faf0;
    padding: 16px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-left: 4px solid #84c615;
    transition: all 0.35s ease;
    cursor: default;
}
.ca34-dual-item:hover {
    background: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.ca34-dual-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 16px;
    transition: color 0.3s ease;
}
.ca34-dual-item:hover .ca34-dual-icon { color: #ffffff; }
.ca34-dual-text {
    color: #0a0a0a;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 500;
    transition: color 0.3s ease;
}
.ca34-dual-item:hover .ca34-dual-text { color: #ffffff; }

.ca34-questions {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 850px;
    margin: 0 auto;
    padding: 16px 24px;
    background: #0a0a0a;
    border-radius: 12px;
}
.ca34-question {
    color: #e0e0e0;
    font-size: clamp(16px, 1.2vw, 19px);
    font-weight: 600;
    line-height: 1.6;
    transition: all 0.35s ease;
    cursor: default;
    padding: 2px 0;
}
.ca34-question:hover {
    color: #84c615;
    transform: translateX(6px);
}
.ca34-question:last-child {
    color: #84c615;
    font-weight: 700;
}
.ca34-question:last-child:hover {
    color: #ffffff;
}

@media (max-width: 1024px) {
    .ca34-block { padding: 60px 0; }
    .ca34-title { font-size: 36px; }
    .ca34-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .ca34-block { padding: 50px 0; }
    .ca34-title { font-size: 30px; }
    .ca34-text { font-size: 15px; text-align: justify; }
    .ca34-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .ca34-item { padding: 10px 12px; }
    .ca34-dual { grid-template-columns: 1fr 1fr; gap: 10px; }
    .ca34-dual-item { padding: 14px 16px; }
    .ca34-dual-text { font-size: 14px; }
    .ca34-questions { padding: 14px 18px; }
    .ca34-question { font-size: 15px; }
    .ca34-badge { font-size: 11px; padding: 4px 14px; }
    .ca34-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .ca34-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .ca34-block { padding: 40px 0; }
    .ca34-title { font-size: 26px; }
    .ca34-text { font-size: 14px; text-align: justify; }
    .ca34-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .ca34-item { padding: 8px 10px; border-radius: 8px; }
    .ca34-icon { font-size: 12px; min-width: 16px; }
    .ca34-item-text { font-size: 11px; }
    .ca34-dual { grid-template-columns: 1fr; gap: 8px; }
    .ca34-dual-item { padding: 12px 14px; }
    .ca34-dual-text { font-size: 14px; }
    .ca34-questions { padding: 12px 14px; }
    .ca34-question { font-size: 14px; }
    .ca34-badge { font-size: 10px; padding: 3px 12px; }
    .ca34-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .ca34-item:hover { transform: none !important; }
    .ca34-dual-item:hover { transform: none !important; }
    .ca34-question:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .ca34-title { font-size: 22px; }
    .ca34-text { font-size: 13px; }
    .ca34-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .ca34-item-text { font-size: 10px; }
    .ca34-dual-text { font-size: 13px; }
    .ca34-question { font-size: 13px; }
    .ca34-badge { font-size: 9px; padding: 3px 10px; }
}



/* ============================================================
     SECTION 35 — Content SEO Services (CYCLIC 1 - WHITE)
     ============================================================ */

/* ----- BASE ----- */
.cs35-block {
    padding: 70px 0;
}

.cs35-white {
    background: black;
}

/* ============================================================
     CONTENT — CENTERED
     ============================================================ */
.cs35-content {
    width: 100%;
}

.text-center {
    text-align: center;
}

/* ----- BADGE ----- */
.cs35-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* ----- HEADING ----- */
.cs35-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: white;
    line-height: 1.2;
    margin-bottom: 8px;
}

.cs35-title span {
    color: #84c615;
}

/* ----- ACCENT LINE ----- */
.cs35-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}

/* ----- TEXT ----- */
.cs35-text {
    color: white;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.cs35-text-sub {
    color: white;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

/* ============================================================
     GRID
     ============================================================ */
.cs35-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}

/* ============================================================
     ITEM
     ============================================================ */
.cs35-item {
    background: #f5f5f5;
    padding: 14px 12px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    border-right: 3px solid transparent;
}

.cs35-item:hover {
    background: #84c615;
    border-color: #84c615;
    border-right-color: #0a0a0a;
    transform: translateX(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}

.cs35-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 13px;
    min-width: 18px;
    transition: color 0.3s ease;
}

.cs35-item:hover .cs35-icon {
    color: #ffffff;
}

.cs35-item-text {
    color: #333333;
    font-size: clamp(12px, 0.85vw, 14px);
    transition: color 0.3s ease;
}

.cs35-item:hover .cs35-item-text {
    color: #ffffff;
}

/* ============================================================
     CONCLUSION
     ============================================================ */
.cs35-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}

.cs35-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.cs35-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}

.cs35-conclusion:hover .cs35-conclusion-icon {
    color: #ffffff;
}

.cs35-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}

.cs35-conclusion:hover .cs35-conclusion-text {
    color: #ffffff;
}

.cs35-conclusion-text strong {
    font-weight: 700;
}

/* ============================================================
     RESPONSIVE BREAKPOINTS
     ============================================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .cs35-block {
        padding: 60px 0;
    }

    .cs35-title {
        font-size: 36px;
    }

    .cs35-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
    }

    .cs35-item {
        padding: 12px 10px;
    }
}

/* Mobile Large (481px - 768px) */
@media (max-width: 768px) {
    .cs35-block {
        padding: 50px 0;
    }

    .cs35-title {
        font-size: 30px;
    }

    .cs35-text {
        font-size: 15px;
        text-align: justify;
    }

    .cs35-text-sub {
        font-size: 16px;
    }

    .cs35-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .cs35-item {
        padding: 10px 12px;
        border-radius: 8px;
    }

    .cs35-item-text {
        font-size: 12px;
    }

    .cs35-conclusion {
        padding: 16px 18px;
    }

    .cs35-conclusion-text {
        font-size: 15px;
        text-align: justify;
    }

    .cs35-badge {
        font-size: 11px;
        padding: 4px 14px;
    }

    .cs35-accent-line {
        width: 50px;
        margin: 10px auto 16px auto;
    }

    .cs35-item:hover {
        transform: translateX(-2px) !important;
    }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
    .cs35-block {
        padding: 40px 0;
    }

    .cs35-title {
        font-size: 26px;
    }

    .cs35-text {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 12px;
    }

    .cs35-text-sub {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .cs35-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .cs35-item {
        padding: 8px 10px;
        border-radius: 8px;
    }

    .cs35-icon {
        font-size: 12px;
        min-width: 16px;
    }

    .cs35-item-text {
        font-size: 11px;
    }

    .cs35-conclusion {
        padding: 14px 16px;
        gap: 10px;
        border-radius: 10px;
    }

    .cs35-conclusion-text {
        font-size: 14px;
        text-align: justify;
    }

    .cs35-badge {
        font-size: 10px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }

    .cs35-accent-line {
        width: 40px;
        height: 2px;
        margin: 8px auto 14px auto;
    }

    .cs35-item:hover {
        transform: none !important;
    }
    .cs35-conclusion:hover {
        transform: none !important;
    }
}

/* Extra Small (320px and below) */
@media (max-width: 360px) {
    .cs35-title {
        font-size: 22px;
    }

    .cs35-text {
        font-size: 13px;
    }

    .cs35-grid {
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    .cs35-item-text {
        font-size: 10px;
    }

    .cs35-conclusion-text {
        font-size: 13px;
    }

    .cs35-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}

/* ============================================================
     SECTION 36 — Local SEO Services in Trichy (CYCLIC 1 - WHITE)
     ============================================================ */
.ls36-block { padding: 70px 0; }
.ls36-white { background: #ffffff; }
.ls36-content { width: 100%; }
.text-center { text-align: center; }

.ls36-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.ls36-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.ls36-title span { color: #84c615; }
.ls36-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.ls36-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.ls36-text-sub {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.ls36-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.ls36-item {
    background: #f5f5f5;
    padding: 12px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}
.ls36-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.ls36-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 13px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.ls36-item:hover .ls36-icon { color: #ffffff; }
.ls36-item-text {
    color: #333333;
    font-size: clamp(11px, 0.8vw, 13px);
    transition: color 0.3s ease;
}
.ls36-item:hover .ls36-item-text { color: #ffffff; }

.ls36-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.ls36-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
}
.ls36-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.ls36-conclusion:hover .ls36-conclusion-icon { color: #ffffff; }
.ls36-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.ls36-conclusion:hover .ls36-conclusion-text { color: #ffffff; }
.ls36-conclusion-text strong { font-weight: 700; }

@media (max-width: 1024px) {
    .ls36-block { padding: 60px 0; }
    .ls36-title { font-size: 36px; }
    .ls36-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .ls36-block { padding: 50px 0; }
    .ls36-title { font-size: 30px; }
    .ls36-text { font-size: 15px; text-align: justify; }
    .ls36-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .ls36-item { padding: 10px 8px; }
    .ls36-item-text { font-size: 11px; }
    .ls36-conclusion { padding: 16px 18px; }
    .ls36-conclusion-text { font-size: 15px; text-align: justify; }
    .ls36-badge { font-size: 11px; padding: 4px 14px; }
    .ls36-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .ls36-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .ls36-block { padding: 40px 0; }
    .ls36-title { font-size: 26px; }
    .ls36-text { font-size: 14px; text-align: justify; }
    .ls36-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .ls36-item { padding: 8px 6px; border-radius: 8px; }
    .ls36-icon { font-size: 11px; min-width: 16px; }
    .ls36-item-text { font-size: 10px; }
    .ls36-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .ls36-conclusion-text { font-size: 14px; text-align: justify; }
    .ls36-badge { font-size: 10px; padding: 3px 12px; }
    .ls36-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .ls36-item:hover { transform: none !important; }
    .ls36-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .ls36-title { font-size: 22px; }
    .ls36-text { font-size: 13px; }
    .ls36-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .ls36-item-text { font-size: 9px; }
    .ls36-conclusion-text { font-size: 13px; }
    .ls36-badge { font-size: 9px; padding: 3px 10px; }
}



/* ============================================================
     SECTION 37 — Google Business Profile Optimisation (CYCLIC 2 - BLACK)
     ============================================================ */
.gb37-block { padding: 70px 0; }
.gb37-dark { background: #0a0a0a; }
.gb37-content { width: 100%; }
.text-center { text-align: center; }

.gb37-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.gb37-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.gb37-title span { color: #84c615; }
.gb37-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.gb37-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.gb37-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.gb37-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 8px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.gb37-item {
    background: #161616;
    padding: 10px 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.gb37-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px) translateX(3px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.gb37-item--2:hover { transform: translateY(-3px) translateX(-3px); }
.gb37-item--3:hover { transform: translateY(-3px) scale(1.02); }
.gb37-item--4:hover { transform: translateY(-3px); }
.gb37-item--5:hover { transform: translateY(-3px) translateX(3px); }
.gb37-item--6:hover { transform: translateY(-3px) translateX(-3px); }
.gb37-item--7:hover { transform: translateY(-3px) scale(1.02); }
.gb37-item--8:hover { transform: translateY(-3px); }
.gb37-item--9:hover { transform: translateY(-3px) translateX(3px); }
.gb37-item--10:hover { transform: translateY(-3px) translateX(-3px); }
.gb37-item--11:hover { transform: translateY(-3px) scale(1.02); }
.gb37-item--12:hover { transform: translateY(-3px); }
.gb37-item--13:hover { transform: translateY(-3px) translateX(3px); }
.gb37-item--14:hover { transform: translateY(-3px) translateX(-3px); }
.gb37-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 12px;
    min-width: 16px;
    transition: color 0.3s ease;
}
.gb37-item:hover .gb37-icon { color: #0a0a0a; }
.gb37-item-text {
    color: #e0e0e0;
    font-size: clamp(10px, 0.75vw, 12px);
    transition: color 0.3s ease;
}
.gb37-item:hover .gb37-item-text { color: #0a0a0a; }

.gb37-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.gb37-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.gb37-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.gb37-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.gb37-conclusion-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 1024px) {
    .gb37-block { padding: 60px 0; }
    .gb37-title { font-size: 36px; }
    .gb37-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .gb37-block { padding: 50px 0; }
    .gb37-title { font-size: 30px; }
    .gb37-text { font-size: 15px; text-align: justify; }
    .gb37-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .gb37-item { padding: 8px 6px; }
    .gb37-item-text { font-size: 10px; }
    .gb37-conclusion { padding: 16px 18px; }
    .gb37-conclusion-text { font-size: 15px; text-align: justify; }
    .gb37-badge { font-size: 11px; padding: 4px 14px; }
    .gb37-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .gb37-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .gb37-block { padding: 40px 0; }
    .gb37-title { font-size: 26px; }
    .gb37-text { font-size: 14px; text-align: justify; }
    .gb37-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .gb37-item { padding: 6px 4px; border-radius: 6px; }
    .gb37-icon { font-size: 10px; min-width: 14px; }
    .gb37-item-text { font-size: 9px; }
    .gb37-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .gb37-conclusion-text { font-size: 14px; text-align: justify; }
    .gb37-badge { font-size: 10px; padding: 3px 12px; }
    .gb37-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .gb37-item:hover { transform: none !important; }
    .gb37-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .gb37-title { font-size: 22px; }
    .gb37-text { font-size: 13px; }
    .gb37-grid { grid-template-columns: 1fr 1fr; gap: 4px; }
    .gb37-item-text { font-size: 8px; }
    .gb37-conclusion-text { font-size: 13px; }
    .gb37-badge { font-size: 9px; padding: 3px 10px; }
}

/* ============================================================
     SECTION 38 — SEO Off-Page Services in Trichy (CYCLIC 1 - WHITE)
     ============================================================ */
.op38-block { padding: 70px 0; }
.op38-white { background: #ffffff; }
.op38-content { width: 100%; }
.text-center { text-align: center; }

.op38-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.op38-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.op38-title span { color: #84c615; }
.op38-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.op38-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.op38-text-sub {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.op38-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.op38-item {
    background: #f5f5f5;
    padding: 12px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    border-bottom: 3px solid transparent;
}
.op38-item:hover {
    background: #84c615;
    border-color: #84c615;
    border-bottom-color: #0a0a0a;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.op38-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 13px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.op38-item:hover .op38-icon { color: #ffffff; }
.op38-item-text {
    color: #333333;
    font-size: clamp(11px, 0.8vw, 13px);
    transition: color 0.3s ease;
}
.op38-item:hover .op38-item-text { color: #ffffff; }

.op38-dual {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    max-width: 850px;
    margin: 0 auto;
}
.op38-dual-item {
    background: #f5faf0;
    padding: 16px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-left: 4px solid #84c615;
    transition: all 0.35s ease;
    cursor: default;
}
.op38-dual-item:hover {
    background: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.op38-dual-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 16px;
    transition: color 0.3s ease;
}
.op38-dual-item:hover .op38-dual-icon { color: #ffffff; }
.op38-dual-text {
    color: #0a0a0a;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 500;
    transition: color 0.3s ease;
}
.op38-dual-item:hover .op38-dual-text { color: #ffffff; }
.op38-dual-text strong { font-weight: 700; }

@media (max-width: 1024px) {
    .op38-block { padding: 60px 0; }
    .op38-title { font-size: 36px; }
    .op38-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .op38-block { padding: 50px 0; }
    .op38-title { font-size: 30px; }
    .op38-text { font-size: 15px; text-align: justify; }
    .op38-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .op38-item { padding: 10px 8px; }
    .op38-item-text { font-size: 11px; }
    .op38-dual { grid-template-columns: 1fr 1fr; gap: 10px; }
    .op38-dual-item { padding: 14px 16px; }
    .op38-dual-text { font-size: 14px; }
    .op38-badge { font-size: 11px; padding: 4px 14px; }
    .op38-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .op38-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .op38-block { padding: 40px 0; }
    .op38-title { font-size: 26px; }
    .op38-text { font-size: 14px; text-align: justify; }
    .op38-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .op38-item { padding: 8px 6px; border-radius: 8px; }
    .op38-icon { font-size: 11px; min-width: 16px; }
    .op38-item-text { font-size: 10px; }
    .op38-dual { grid-template-columns: 1fr; gap: 8px; }
    .op38-dual-item { padding: 12px 14px; }
    .op38-dual-text { font-size: 14px; }
    .op38-badge { font-size: 10px; padding: 3px 12px; }
    .op38-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .op38-item:hover { transform: none !important; }
    .op38-dual-item:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .op38-title { font-size: 22px; }
    .op38-text { font-size: 13px; }
    .op38-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .op38-item-text { font-size: 9px; }
    .op38-dual-text { font-size: 13px; }
    .op38-badge { font-size: 9px; padding: 3px 10px; }
}


/* ============================================================
     SECTION 39 — Backlinks Submission in Trichy (CYCLIC 2 - BLACK)
     ============================================================ */
.bs39-block { padding: 70px 0; }
.bs39-dark { background: #0a0a0a; }
.bs39-content { width: 100%; }
.text-center { text-align: center; }

.bs39-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.bs39-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.bs39-title span { color: #84c615; }
.bs39-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.bs39-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.bs39-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}
.bs39-text-highlight {
    color: #ffffff;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin: 20px auto 16px auto;
    text-align: center;
}

.bs39-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.bs39-item {
    background: #161616;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.bs39-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.bs39-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.bs39-item:hover .bs39-icon { color: #0a0a0a; }
.bs39-item-text {
    color: #e0e0e0;
    font-size: clamp(13px, 0.95vw, 15px);
    transition: color 0.3s ease;
}
.bs39-item:hover .bs39-item-text { color: #0a0a0a; }

.bs39-principle {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.bs39-principle:hover {
    border-color: #84c615;
    box-shadow: 0 4px 25px rgba(132, 198, 21, 0.05);
}
.bs39-principle-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.bs39-principle-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.bs39-principle-text strong {
    color: #84c615;
    font-weight: 700;
}

@media (max-width: 1024px) {
    .bs39-block { padding: 60px 0; }
    .bs39-title { font-size: 36px; }
    .bs39-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .bs39-block { padding: 50px 0; }
    .bs39-title { font-size: 30px; }
    .bs39-text { font-size: 15px; text-align: justify; }
    .bs39-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .bs39-item { padding: 12px 14px; }
    .bs39-principle { padding: 16px 20px; }
    .bs39-principle-text { font-size: 15px; text-align: justify; }
    .bs39-badge { font-size: 11px; padding: 4px 14px; }
    .bs39-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .bs39-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .bs39-block { padding: 40px 0; }
    .bs39-title { font-size: 26px; }
    .bs39-text { font-size: 14px; text-align: justify; }
    .bs39-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .bs39-item { padding: 10px 12px; border-radius: 8px; }
    .bs39-icon { font-size: 12px; min-width: 16px; }
    .bs39-item-text { font-size: 12px; }
    .bs39-principle { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .bs39-principle-text { font-size: 14px; text-align: justify; }
    .bs39-badge { font-size: 10px; padding: 3px 12px; }
    .bs39-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .bs39-item:hover { transform: none !important; }
    .bs39-principle:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .bs39-title { font-size: 22px; }
    .bs39-text { font-size: 13px; }
    .bs39-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .bs39-item { padding: 8px 10px; }
    .bs39-item-text { font-size: 11px; }
    .bs39-principle-text { font-size: 13px; }
    .bs39-badge { font-size: 9px; padding: 3px 10px; }
}


/* SECTION 40 — Domain Authority Improvement Strategy (CYCLIC 1 - WHITE) */
.da40-block { padding: 70px 0; }
.da40-white { background: #ffffff; }
.da40-content { width: 100%; }
.text-center { text-align: center; }

.da40-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.da40-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.da40-title span { color: #84c615; }
.da40-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.da40-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.da40-text-sub {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.da40-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.da40-item {
    background: #f5f5f5;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    border-bottom: 3px solid transparent;
}
.da40-item:hover {
    background: #84c615;
    border-color: #84c615;
    border-bottom-color: #0a0a0a;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.da40-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.da40-item:hover .da40-icon { color: #ffffff; }
.da40-item-text {
    color: #333333;
    font-size: clamp(13px, 0.95vw, 15px);
    transition: color 0.3s ease;
}
.da40-item:hover .da40-item-text { color: #ffffff; }

.da40-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.da40-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.da40-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.da40-conclusion:hover .da40-conclusion-icon { color: #ffffff; }
.da40-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.da40-conclusion:hover .da40-conclusion-text { color: #ffffff; }
.da40-conclusion-text strong { font-weight: 700; }

@media (max-width: 1024px) {
    .da40-block { padding: 60px 0; }
    .da40-title { font-size: 36px; }
    .da40-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .da40-block { padding: 50px 0; }
    .da40-title { font-size: 30px; }
    .da40-text { font-size: 15px; text-align: justify; }
    .da40-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .da40-item { padding: 12px 14px; }
    .da40-conclusion { padding: 16px 18px; }
    .da40-conclusion-text { font-size: 15px; text-align: justify; }
    .da40-badge { font-size: 11px; padding: 4px 14px; }
    .da40-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .da40-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .da40-block { padding: 40px 0; }
    .da40-title { font-size: 26px; }
    .da40-text { font-size: 14px; text-align: justify; }
    .da40-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .da40-item { padding: 10px 12px; border-radius: 8px; }
    .da40-item-text { font-size: 12px; }
    .da40-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .da40-conclusion-text { font-size: 14px; text-align: justify; }
    .da40-badge { font-size: 10px; padding: 3px 12px; }
    .da40-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .da40-item:hover { transform: none !important; }
    .da40-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .da40-title { font-size: 22px; }
    .da40-text { font-size: 13px; }
    .da40-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .da40-item-text { font-size: 11px; }
    .da40-conclusion-text { font-size: 13px; }
    .da40-badge { font-size: 9px; padding: 3px 10px; }
}   




/* SECTION 41 — Content-Led Link Building (CYCLIC 2 - BLACK) */
.cl41-block { padding: 70px 0; }
.cl41-dark { background: #0a0a0a; }
.cl41-content { width: 100%; }
.text-center { text-align: center; }

.cl41-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.cl41-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.cl41-title span { color: #84c615; }
.cl41-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.cl41-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.cl41-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.cl41-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.cl41-item {
    background: #161616;
    padding: 12px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.cl41-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) translateX(4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.cl41-item--2:hover { transform: translateY(-4px) translateX(-4px); }
.cl41-item--3:hover { transform: translateY(-4px) scale(1.02); }
.cl41-item--4:hover { transform: translateY(-4px); }
.cl41-item--5:hover { transform: translateY(-4px) translateX(4px); }
.cl41-item--6:hover { transform: translateY(-4px) translateX(-4px); }
.cl41-item--7:hover { transform: translateY(-4px) scale(1.02); }
.cl41-item--8:hover { transform: translateY(-4px); }
.cl41-item--9:hover { transform: translateY(-4px) translateX(4px); }
.cl41-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.cl41-item:hover .cl41-icon { color: #0a0a0a; }
.cl41-item-text {
    color: #e0e0e0;
    font-size: clamp(13px, 0.95vw, 15px);
    transition: color 0.3s ease;
}
.cl41-item:hover .cl41-item-text { color: #0a0a0a; }

.cl41-example {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 16px 22px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto 20px auto;
    transition: all 0.35s ease;
    cursor: default;
}
.cl41-example:hover {
    background: #252525;
    transform: translateX(4px);
}
.cl41-example-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.cl41-example-text {
    color: #e0e0e0;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.cl41-example-text strong { color: #84c615; font-weight: 700; }

.cl41-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #161616;
    padding: 18px 24px;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.cl41-conclusion:hover {
    border-color: #84c615;
    box-shadow: 0 4px 25px rgba(132, 198, 21, 0.05);
}
.cl41-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.cl41-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.cl41-conclusion-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 1024px) {
    .cl41-block { padding: 60px 0; }
    .cl41-title { font-size: 36px; }
    .cl41-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .cl41-block { padding: 50px 0; }
    .cl41-title { font-size: 30px; }
    .cl41-text { font-size: 15px; text-align: justify; }
    .cl41-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .cl41-item { padding: 10px 14px; }
    .cl41-example { padding: 14px 18px; }
    .cl41-example-text { font-size: 15px; text-align: justify; }
    .cl41-conclusion { padding: 16px 18px; }
    .cl41-conclusion-text { font-size: 15px; text-align: justify; }
    .cl41-badge { font-size: 11px; padding: 4px 14px; }
    .cl41-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .cl41-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .cl41-block { padding: 40px 0; }
    .cl41-title { font-size: 26px; }
    .cl41-text { font-size: 14px; text-align: justify; }
    .cl41-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .cl41-item { padding: 8px 12px; border-radius: 8px; }
    .cl41-item-text { font-size: 12px; }
    .cl41-example { padding: 12px 14px; gap: 10px; border-radius: 10px; }
    .cl41-example-text { font-size: 14px; text-align: justify; }
    .cl41-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .cl41-conclusion-text { font-size: 14px; text-align: justify; }
    .cl41-badge { font-size: 10px; padding: 3px 12px; }
    .cl41-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .cl41-item:hover { transform: none !important; }
    .cl41-example:hover { transform: none !important; }
    .cl41-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .cl41-title { font-size: 22px; }
    .cl41-text { font-size: 13px; }
    .cl41-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .cl41-item-text { font-size: 11px; }
    .cl41-example-text { font-size: 13px; }
    .cl41-conclusion-text { font-size: 13px; }
    .cl41-badge { font-size: 9px; padding: 3px 10px; }
}



/* SECTION 42 — Technical Content SEO (CYCLIC 1 - WHITE) */
.tc42-block { padding: 70px 0; }
.tc42-white { background: #ffffff; }
.tc42-content { width: 100%; }
.text-center { text-align: center; }

.tc42-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.tc42-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.tc42-title span { color: #84c615; }
.tc42-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.tc42-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.tc42-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.tc42-item {
    background: #f5f5f5;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    border-left: 4px solid transparent;
}
.tc42-item:hover {
    background: #ff6b6b;
    border-color: #ff6b6b;
    border-left-color: #0a0a0a;
    transform: translateX(5px);
    box-shadow: 0 8px 30px rgba(255, 107, 107, 0.12);
}
.tc42-icon {
    color: #ff6b6b;
    font-weight: 700;
    font-size: 16px;
    min-width: 20px;
    transition: color 0.3s ease;
}
.tc42-item:hover .tc42-icon { color: #ffffff; }
.tc42-item-text {
    color: #333333;
    font-size: clamp(14px, 1vw, 16px);
    transition: color 0.3s ease;
}
.tc42-item:hover .tc42-item-text { color: #ffffff; }

.tc42-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.tc42-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.tc42-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.tc42-conclusion:hover .tc42-conclusion-icon { color: #ffffff; }
.tc42-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.tc42-conclusion:hover .tc42-conclusion-text { color: #ffffff; }
.tc42-conclusion-text strong { font-weight: 700; }

@media (max-width: 1024px) {
    .tc42-block { padding: 60px 0; }
    .tc42-title { font-size: 36px; }
    .tc42-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .tc42-block { padding: 50px 0; }
    .tc42-title { font-size: 30px; }
    .tc42-text { font-size: 15px; text-align: justify; }
    .tc42-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .tc42-item { padding: 12px 14px; }
    .tc42-conclusion { padding: 16px 18px; }
    .tc42-conclusion-text { font-size: 15px; text-align: justify; }
    .tc42-badge { font-size: 11px; padding: 4px 14px; }
    .tc42-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .tc42-item:hover { transform: translateX(3px) !important; }
}
@media (max-width: 480px) {
    .tc42-block { padding: 40px 0; }
    .tc42-title { font-size: 26px; }
    .tc42-text { font-size: 14px; text-align: justify; }
    .tc42-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .tc42-item { padding: 10px 12px; border-radius: 8px; }
    .tc42-item-text { font-size: 13px; }
    .tc42-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .tc42-conclusion-text { font-size: 14px; text-align: justify; }
    .tc42-badge { font-size: 10px; padding: 3px 12px; }
    .tc42-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .tc42-item:hover { transform: none !important; }
    .tc42-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .tc42-title { font-size: 22px; }
    .tc42-text { font-size: 13px; }
    .tc42-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .tc42-item-text { font-size: 12px; }
    .tc42-conclusion-text { font-size: 13px; }
    .tc42-badge { font-size: 9px; padding: 3px 10px; }
}


/* SECTION 43 — Image SEO (CYCLIC 2 - BLACK) */
.is43-block { padding: 70px 0; }
.is43-dark { background: #0a0a0a; }
.is43-content { width: 100%; }
.text-center { text-align: center; }

.is43-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.is43-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.is43-title span { color: #84c615; }
.is43-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.is43-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.is43-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.is43-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.is43-item {
    background: #161616;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.is43-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.is43-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.is43-item:hover .is43-icon { color: #0a0a0a; }
.is43-item-text {
    color: #e0e0e0;
    font-size: clamp(13px, 0.95vw, 15px);
    transition: color 0.3s ease;
}
.is43-item:hover .is43-item-text { color: #0a0a0a; }

.is43-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.is43-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.is43-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.is43-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.is43-conclusion-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 1024px) {
    .is43-block { padding: 60px 0; }
    .is43-title { font-size: 36px; }
    .is43-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .is43-block { padding: 50px 0; }
    .is43-title { font-size: 30px; }
    .is43-text { font-size: 15px; text-align: justify; }
    .is43-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .is43-item { padding: 12px 14px; }
    .is43-conclusion { padding: 16px 18px; }
    .is43-conclusion-text { font-size: 15px; text-align: justify; }
    .is43-badge { font-size: 11px; padding: 4px 14px; }
    .is43-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .is43-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .is43-block { padding: 40px 0; }
    .is43-title { font-size: 26px; }
    .is43-text { font-size: 14px; text-align: justify; }
    .is43-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .is43-item { padding: 10px 12px; border-radius: 8px; }
    .is43-item-text { font-size: 12px; }
    .is43-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .is43-conclusion-text { font-size: 14px; text-align: justify; }
    .is43-badge { font-size: 10px; padding: 3px 12px; }
    .is43-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .is43-item:hover { transform: none !important; }
    .is43-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .is43-title { font-size: 22px; }
    .is43-text { font-size: 13px; }
    .is43-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .is43-item-text { font-size: 11px; }
    .is43-conclusion-text { font-size: 13px; }
    .is43-badge { font-size: 9px; padding: 3px 10px; }
}


/* SECTION 44 — Video SEO (CYCLIC 1 - WHITE) */
.vs44-block { padding: 70px 0; }
.vs44-white { background: #ffffff; }
.vs44-content { width: 100%; }
.text-center { text-align: center; }

.vs44-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.vs44-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.vs44-title span { color: #84c615; }
.vs44-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.vs44-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.vs44-text-sub {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.vs44-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.vs44-item {
    background: #f5f5f5;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    border-right: 4px solid transparent;
}
.vs44-item:hover {
    background: #84c615;
    border-color: #84c615;
    border-right-color: #0a0a0a;
    transform: translateX(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.vs44-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.vs44-item:hover .vs44-icon { color: #ffffff; }
.vs44-item-text {
    color: #333333;
    font-size: clamp(13px, 0.95vw, 15px);
    transition: color 0.3s ease;
}
.vs44-item:hover .vs44-item-text { color: #ffffff; }

.vs44-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.vs44-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.vs44-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.vs44-conclusion:hover .vs44-conclusion-icon { color: #ffffff; }
.vs44-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.vs44-conclusion:hover .vs44-conclusion-text { color: #ffffff; }
.vs44-conclusion-text strong { font-weight: 700; }

@media (max-width: 1024px) {
    .vs44-block { padding: 60px 0; }
    .vs44-title { font-size: 36px; }
    .vs44-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .vs44-block { padding: 50px 0; }
    .vs44-title { font-size: 30px; }
    .vs44-text { font-size: 15px; text-align: justify; }
    .vs44-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .vs44-item { padding: 12px 14px; }
    .vs44-conclusion { padding: 16px 18px; }
    .vs44-conclusion-text { font-size: 15px; text-align: justify; }
    .vs44-badge { font-size: 11px; padding: 4px 14px; }
    .vs44-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .vs44-item:hover { transform: translateX(-3px) !important; }
}
@media (max-width: 480px) {
    .vs44-block { padding: 40px 0; }
    .vs44-title { font-size: 26px; }
    .vs44-text { font-size: 14px; text-align: justify; }
    .vs44-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .vs44-item { padding: 10px 12px; border-radius: 8px; }
    .vs44-item-text { font-size: 12px; }
    .vs44-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .vs44-conclusion-text { font-size: 14px; text-align: justify; }
    .vs44-badge { font-size: 10px; padding: 3px 12px; }
    .vs44-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .vs44-item:hover { transform: none !important; }
    .vs44-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .vs44-title { font-size: 22px; }
    .vs44-text { font-size: 13px; }
    .vs44-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .vs44-item-text { font-size: 11px; }
    .vs44-conclusion-text { font-size: 13px; }
    .vs44-badge { font-size: 9px; padding: 3px 10px; }
}


/* SECTION 45 — Schema & Structured Data Implementation (CYCLIC 2 - BLACK) */
.ss45-block { padding: 70px 0; }
.ss45-dark { background: #0a0a0a; }
.ss45-content { width: 100%; }
.text-center { text-align: center; }

.ss45-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.ss45-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.ss45-title span { color: #84c615; }
.ss45-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.ss45-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.ss45-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}
.ss45-text-principle {
    background: #161616;
    padding: 16px 22px;
    border-radius: 10px;
    margin: 20px auto 0 auto;
    border-left: 4px solid #84c615;
}
.ss45-text-principle strong { color: #84c615; }

.ss45-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 8px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.ss45-item {
    background: #161616;
    padding: 10px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.ss45-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ss45-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 12px;
    min-width: 16px;
    transition: color 0.3s ease;
}
.ss45-item:hover .ss45-icon { color: #0a0a0a; }
.ss45-item-text {
    color: #e0e0e0;
    font-size: clamp(11px, 0.8vw, 13px);
    transition: color 0.3s ease;
}
.ss45-item:hover .ss45-item-text { color: #0a0a0a; }

@media (max-width: 1024px) {
    .ss45-block { padding: 60px 0; }
    .ss45-title { font-size: 36px; }
    .ss45-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .ss45-block { padding: 50px 0; }
    .ss45-title { font-size: 30px; }
    .ss45-text { font-size: 15px; text-align: justify; }
    .ss45-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .ss45-item { padding: 8px 10px; }
    .ss45-item-text { font-size: 11px; }
    .ss45-text-principle { font-size: 15px; padding: 14px 18px; text-align: justify; }
    .ss45-badge { font-size: 11px; padding: 4px 14px; }
    .ss45-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .ss45-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .ss45-block { padding: 40px 0; }
    .ss45-title { font-size: 26px; }
    .ss45-text { font-size: 14px; text-align: justify; }
    .ss45-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .ss45-item { padding: 6px 8px; border-radius: 6px; }
    .ss45-icon { font-size: 10px; min-width: 14px; }
    .ss45-item-text { font-size: 10px; }
    .ss45-text-principle { font-size: 14px; padding: 12px 14px; text-align: justify; border-radius: 8px; }
    .ss45-badge { font-size: 10px; padding: 3px 12px; }
    .ss45-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .ss45-item:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .ss45-title { font-size: 22px; }
    .ss45-text { font-size: 13px; }
    .ss45-grid { grid-template-columns: 1fr 1fr; gap: 4px; }
    .ss45-item-text { font-size: 9px; }
    .ss45-text-principle { font-size: 13px; }
    .ss45-badge { font-size: 9px; padding: 3px 10px; }
}

/* SECTION 46 — E-commerce SEO (CYCLIC 1 - WHITE) */
.ec46-block { padding: 70px 0; }
.ec46-white { background: #ffffff; }
.ec46-content { width: 100%; }
.text-center { text-align: center; }

.ec46-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.ec46-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.ec46-title span { color: #84c615; }
.ec46-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.ec46-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.ec46-text-sub {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.ec46-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.ec46-item {
    background: #f5f5f5;
    padding: 12px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    border-top: 3px solid transparent;
}
.ec46-item:hover {
    background: #84c615;
    border-color: #84c615;
    border-top-color: #0a0a0a;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.ec46-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 13px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.ec46-item:hover .ec46-icon { color: #ffffff; }
.ec46-item-text {
    color: #333333;
    font-size: clamp(12px, 0.85vw, 14px);
    transition: color 0.3s ease;
}
.ec46-item:hover .ec46-item-text { color: #ffffff; }

.ec46-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.ec46-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.ec46-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.ec46-conclusion:hover .ec46-conclusion-icon { color: #ffffff; }
.ec46-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.ec46-conclusion:hover .ec46-conclusion-text { color: #ffffff; }
.ec46-conclusion-text strong { font-weight: 700; }

@media (max-width: 1024px) {
    .ec46-block { padding: 60px 0; }
    .ec46-title { font-size: 36px; }
    .ec46-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .ec46-block { padding: 50px 0; }
    .ec46-title { font-size: 30px; }
    .ec46-text { font-size: 15px; text-align: justify; }
    .ec46-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .ec46-item { padding: 10px 12px; }
    .ec46-conclusion { padding: 16px 18px; }
    .ec46-conclusion-text { font-size: 15px; text-align: justify; }
    .ec46-badge { font-size: 11px; padding: 4px 14px; }
    .ec46-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .ec46-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .ec46-block { padding: 40px 0; }
    .ec46-title { font-size: 26px; }
    .ec46-text { font-size: 14px; text-align: justify; }
    .ec46-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .ec46-item { padding: 8px 10px; border-radius: 8px; }
    .ec46-item-text { font-size: 11px; }
    .ec46-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .ec46-conclusion-text { font-size: 14px; text-align: justify; }
    .ec46-badge { font-size: 10px; padding: 3px 12px; }
    .ec46-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .ec46-item:hover { transform: none !important; }
    .ec46-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .ec46-title { font-size: 22px; }
    .ec46-text { font-size: 13px; }
    .ec46-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .ec46-item-text { font-size: 10px; }
    .ec46-conclusion-text { font-size: 13px; }
    .ec46-badge { font-size: 9px; padding: 3px 10px; }
}

/* SECTION 47 — WordPress SEO (CYCLIC 2 - BLACK) */
.wp47-block { padding: 70px 0; }
.wp47-dark { background: #0a0a0a; }
.wp47-content { width: 100%; }
.text-center { text-align: center; }

.wp47-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.wp47-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.wp47-title span { color: #84c615; }
.wp47-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.wp47-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.wp47-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.wp47-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 8px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.wp47-item {
    background: #161616;
    padding: 10px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
}
.wp47-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.wp47-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 12px;
    min-width: 16px;
    transition: color 0.3s ease;
}
.wp47-item:hover .wp47-icon { color: #0a0a0a; }
.wp47-item-text {
    color: #e0e0e0;
    font-size: clamp(11px, 0.8vw, 13px);
    transition: color 0.3s ease;
}
.wp47-item:hover .wp47-item-text { color: #0a0a0a; }

.wp47-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.wp47-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.wp47-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.wp47-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.wp47-conclusion-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 1024px) {
    .wp47-block { padding: 60px 0; }
    .wp47-title { font-size: 36px; }
    .wp47-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .wp47-block { padding: 50px 0; }
    .wp47-title { font-size: 30px; }
    .wp47-text { font-size: 15px; text-align: justify; }
    .wp47-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .wp47-item { padding: 8px 10px; }
    .wp47-item-text { font-size: 11px; }
    .wp47-conclusion { padding: 16px 18px; }
    .wp47-conclusion-text { font-size: 15px; text-align: justify; }
    .wp47-badge { font-size: 11px; padding: 4px 14px; }
    .wp47-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .wp47-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .wp47-block { padding: 40px 0; }
    .wp47-title { font-size: 26px; }
    .wp47-text { font-size: 14px; text-align: justify; }
    .wp47-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .wp47-item { padding: 6px 8px; border-radius: 6px; }
    .wp47-icon { font-size: 10px; min-width: 14px; }
    .wp47-item-text { font-size: 10px; }
    .wp47-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .wp47-conclusion-text { font-size: 14px; text-align: justify; }
    .wp47-badge { font-size: 10px; padding: 3px 12px; }
    .wp47-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .wp47-item:hover { transform: none !important; }
    .wp47-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .wp47-title { font-size: 22px; }
    .wp47-text { font-size: 13px; }
    .wp47-grid { grid-template-columns: 1fr 1fr; gap: 4px; }
    .wp47-item-text { font-size: 9px; }
    .wp47-conclusion-text { font-size: 13px; }
    .wp47-badge { font-size: 9px; padding: 3px 10px; }
}

/* SECTION 48 — Shopify SEO (CYCLIC 1 - WHITE) */
.sh48-block { padding: 70px 0; }
.sh48-white { background: #ffffff; }
.sh48-content { width: 100%; }
.text-center { text-align: center; }

.sh48-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.sh48-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.sh48-title span { color: #84c615; }
.sh48-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.sh48-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.sh48-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.sh48-item {
    background: #f5f5f5;
    padding: 12px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}
.sh48-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.sh48-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 13px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.sh48-item:hover .sh48-icon { color: #ffffff; }
.sh48-item-text {
    color: #333333;
    font-size: clamp(11px, 0.8vw, 13px);
    transition: color 0.3s ease;
}
.sh48-item:hover .sh48-item-text { color: #ffffff; }

.sh48-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.sh48-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.sh48-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.sh48-conclusion:hover .sh48-conclusion-icon { color: #ffffff; }
.sh48-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.sh48-conclusion:hover .sh48-conclusion-text { color: #ffffff; }
.sh48-conclusion-text strong { font-weight: 700; }

@media (max-width: 1024px) {
    .sh48-block { padding: 60px 0; }
    .sh48-title { font-size: 36px; }
    .sh48-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .sh48-block { padding: 50px 0; }
    .sh48-title { font-size: 30px; }
    .sh48-text { font-size: 15px; text-align: justify; }
    .sh48-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .sh48-item { padding: 10px 8px; }
    .sh48-item-text { font-size: 11px; }
    .sh48-conclusion { padding: 16px 18px; }
    .sh48-conclusion-text { font-size: 15px; text-align: justify; }
    .sh48-badge { font-size: 11px; padding: 4px 14px; }
    .sh48-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .sh48-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .sh48-block { padding: 40px 0; }
    .sh48-title { font-size: 26px; }
    .sh48-text { font-size: 14px; text-align: justify; }
    .sh48-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .sh48-item { padding: 8px 6px; border-radius: 8px; }
    .sh48-icon { font-size: 11px; min-width: 16px; }
    .sh48-item-text { font-size: 10px; }
    .sh48-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .sh48-conclusion-text { font-size: 14px; text-align: justify; }
    .sh48-badge { font-size: 10px; padding: 3px 12px; }
    .sh48-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .sh48-item:hover { transform: none !important; }
    .sh48-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .sh48-title { font-size: 22px; }
    .sh48-text { font-size: 13px; }
    .sh48-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .sh48-item-text { font-size: 9px; }
    .sh48-conclusion-text { font-size: 13px; }
    .sh48-badge { font-size: 9px; padding: 3px 10px; }
}

/* SECTION 49 — Multi-Location SEO (CYCLIC 2 - BLACK) */
.ml49-block { padding: 70px 0; }
.ml49-dark { background: #0a0a0a; }
.ml49-content { width: 100%; }
.text-center { text-align: center; }

.ml49-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.ml49-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.ml49-title span { color: #84c615; }
.ml49-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.ml49-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.ml49-text-sub {
    color: #84c615;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.ml49-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    max-width: 850px;
    margin: 0 auto 20px auto;
}
.ml49-item {
    background: #161616;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
    border-left: 3px solid transparent;
}
.ml49-item:hover {
    background: #84c615;
    border-color: #84c615;
    border-left-color: #0a0a0a;
    transform: translateX(5px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}
.ml49-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.ml49-item:hover .ml49-icon { color: #0a0a0a; }
.ml49-item-text {
    color: #e0e0e0;
    font-size: clamp(13px, 0.95vw, 15px);
    transition: color 0.3s ease;
}
.ml49-item:hover .ml49-item-text { color: #0a0a0a; }

.ml49-principle {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.ml49-principle:hover {
    border-color: #84c615;
    box-shadow: 0 4px 25px rgba(132, 198, 21, 0.05);
}
.ml49-principle-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.ml49-principle-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.ml49-principle-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 1024px) {
    .ml49-block { padding: 60px 0; }
    .ml49-title { font-size: 36px; }
    .ml49-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .ml49-block { padding: 50px 0; }
    .ml49-title { font-size: 30px; }
    .ml49-text { font-size: 15px; text-align: justify; }
    .ml49-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .ml49-item { padding: 12px 14px; }
    .ml49-principle { padding: 16px 20px; }
    .ml49-principle-text { font-size: 15px; text-align: justify; }
    .ml49-badge { font-size: 11px; padding: 4px 14px; }
    .ml49-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .ml49-item:hover { transform: translateX(3px) !important; }
}
@media (max-width: 480px) {
    .ml49-block { padding: 40px 0; }
    .ml49-title { font-size: 26px; }
    .ml49-text { font-size: 14px; text-align: justify; }
    .ml49-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .ml49-item { padding: 10px 12px; border-radius: 8px; }
    .ml49-item-text { font-size: 12px; }
    .ml49-principle { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .ml49-principle-text { font-size: 14px; text-align: justify; }
    .ml49-badge { font-size: 10px; padding: 3px 12px; }
    .ml49-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .ml49-item:hover { transform: none !important; }
    .ml49-principle:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .ml49-title { font-size: 22px; }
    .ml49-text { font-size: 13px; }
    .ml49-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .ml49-item-text { font-size: 11px; }
    .ml49-principle-text { font-size: 13px; }
    .ml49-badge { font-size: 9px; padding: 3px 10px; }
}


/* SECTION 50 — International SEO (CYCLIC 1 - WHITE) */
.in50-block { padding: 70px 0; }
.in50-white { background: #ffffff; }
.in50-content { width: 100%; }
.text-center { text-align: center; }

.in50-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.in50-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.in50-title span { color: #84c615; }
.in50-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.in50-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.in50-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.in50-item {
    background: #f5f5f5;
    padding: 14px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
    border-bottom: 3px solid transparent;
}
.in50-item:hover {
    background: #84c615;
    border-color: #84c615;
    border-bottom-color: #0a0a0a;
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.in50-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.in50-item:hover .in50-icon { color: #ffffff; }
.in50-item-text {
    color: #333333;
    font-size: clamp(13px, 0.95vw, 15px);
    transition: color 0.3s ease;
}
.in50-item:hover .in50-item-text { color: #ffffff; }

.in50-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.in50-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.in50-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.in50-conclusion:hover .in50-conclusion-icon { color: #ffffff; }
.in50-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.in50-conclusion:hover .in50-conclusion-text { color: #ffffff; }
.in50-conclusion-text strong { font-weight: 700; }

@media (max-width: 1024px) {
    .in50-block { padding: 60px 0; }
    .in50-title { font-size: 36px; }
    .in50-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .in50-block { padding: 50px 0; }
    .in50-title { font-size: 30px; }
    .in50-text { font-size: 15px; text-align: justify; }
    .in50-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .in50-item { padding: 12px 14px; }
    .in50-conclusion { padding: 16px 18px; }
    .in50-conclusion-text { font-size: 15px; text-align: justify; }
    .in50-badge { font-size: 11px; padding: 4px 14px; }
    .in50-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .in50-item:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 480px) {
    .in50-block { padding: 40px 0; }
    .in50-title { font-size: 26px; }
    .in50-text { font-size: 14px; text-align: justify; }
    .in50-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .in50-item { padding: 10px 12px; border-radius: 8px; }
    .in50-item-text { font-size: 12px; }
    .in50-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .in50-conclusion-text { font-size: 14px; text-align: justify; }
    .in50-badge { font-size: 10px; padding: 3px 12px; }
    .in50-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .in50-item:hover { transform: none !important; }
    .in50-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .in50-title { font-size: 22px; }
    .in50-text { font-size: 13px; }
    .in50-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .in50-item-text { font-size: 11px; }
    .in50-conclusion-text { font-size: 13px; }
    .in50-badge { font-size: 9px; padding: 3px 10px; }
}


/* SECTION 51 — Recovery & SEO Problem Diagnosis (CYCLIC 2 - BLACK) */
.rd51-block { padding: 70px 0; }
.rd51-dark { background: #0a0a0a; }
.rd51-content { width: 100%; }
.text-center { text-align: center; }

.rd51-badge {
    display: inline-block;
    background: #84c615;
    color: #0a0a0a;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.rd51-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 8px;
}
.rd51-title span { color: #84c615; }
.rd51-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.rd51-text {
    color: #cccccc;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.rd51-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.rd51-item {
    background: #161616;
    padding: 12px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #2a2a2a;
    border-right: 3px solid transparent;
}
.rd51-item:hover {
    background: #ff6b6b;
    border-color: #ff6b6b;
    border-right-color: #0a0a0a;
    transform: translateX(-5px);
    box-shadow: 0 8px 30px rgba(255, 107, 107, 0.1);
}
.rd51-icon {
    color: #ff6b6b;
    font-weight: 700;
    font-size: 14px;
    min-width: 18px;
    transition: color 0.3s ease;
}
.rd51-item:hover .rd51-icon { color: #ffffff; }
.rd51-item-text {
    color: #e0e0e0;
    font-size: clamp(13px, 0.95vw, 15px);
    transition: color 0.3s ease;
}
.rd51-item:hover .rd51-item-text { color: #ffffff; }

.rd51-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1a1a1a;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.rd51-conclusion:hover {
    background: #252525;
    transform: translateX(4px);
}
.rd51-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
}
.rd51-conclusion-text {
    color: #e0e0e0;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
.rd51-conclusion-text strong { color: #84c615; font-weight: 700; }

@media (max-width: 1024px) {
    .rd51-block { padding: 60px 0; }
    .rd51-title { font-size: 36px; }
    .rd51-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .rd51-block { padding: 50px 0; }
    .rd51-title { font-size: 30px; }
    .rd51-text { font-size: 15px; text-align: justify; }
    .rd51-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .rd51-item { padding: 10px 12px; }
    .rd51-conclusion { padding: 16px 18px; }
    .rd51-conclusion-text { font-size: 15px; text-align: justify; }
    .rd51-badge { font-size: 11px; padding: 4px 14px; }
    .rd51-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .rd51-item:hover { transform: translateX(-3px) !important; }
}
@media (max-width: 480px) {
    .rd51-block { padding: 40px 0; }
    .rd51-title { font-size: 26px; }
    .rd51-text { font-size: 14px; text-align: justify; }
    .rd51-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .rd51-item { padding: 8px 10px; border-radius: 8px; }
    .rd51-item-text { font-size: 12px; }
    .rd51-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .rd51-conclusion-text { font-size: 14px; text-align: justify; }
    .rd51-badge { font-size: 10px; padding: 3px 12px; }
    .rd51-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .rd51-item:hover { transform: none !important; }
    .rd51-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .rd51-title { font-size: 22px; }
    .rd51-text { font-size: 13px; }
    .rd51-grid { grid-template-columns: 1fr 1fr; gap: 5px; }
    .rd51-item-text { font-size: 11px; }
    .rd51-conclusion-text { font-size: 13px; }
    .rd51-badge { font-size: 9px; padding: 3px 10px; }
}

/* SECTION 52 — SEO for Websites That Are Not Ranking (CYCLIC 1 - WHITE) */
.nr52-block { padding: 70px 0; }
.nr52-white { background: #ffffff; }
.nr52-content { width: 100%; }
.text-center { text-align: center; }

.nr52-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    padding: 5px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.nr52-title {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.nr52-title span { color: #84c615; }
.nr52-accent-line {
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 12px auto 20px auto;
    border-radius: 4px;
}
.nr52-text {
    color: #444444;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 14px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.nr52-text-sub {
    color: #0a0a0a;
    font-weight: 600;
    font-size: clamp(17px, 1.2vw, 19px);
    margin-bottom: 18px;
    text-align: center;
}

.nr52-flow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    max-width: 850px;
    margin: 0 auto 24px auto;
}
.nr52-flow-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    background: #f5f5f5;
    padding: 12px 20px;
    border-radius: 10px;
    width: 100%;
    max-width: 600px;
    transition: all 0.35s ease;
    cursor: default;
    border: 1px solid #e8e8e8;
}
.nr52-flow-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(5px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
}
.nr52-flow-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 14px;
    transition: color 0.3s ease;
}
.nr52-flow-item:hover .nr52-flow-icon { color: #ffffff; }
.nr52-flow-text {
    color: #333333;
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 500;
    transition: color 0.3s ease;
}
.nr52-flow-item:hover .nr52-flow-text { color: #ffffff; }
.nr52-flow-arrow {
    color: #84c615;
    font-size: 20px;
    font-weight: 300;
}
.nr52-flow-item--8 .nr52-flow-arrow { display: none; }

.nr52-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f5faf0;
    padding: 20px 26px;
    border-radius: 12px;
    border-left: 4px solid #84c615;
    max-width: 850px;
    margin: 0 auto;
    transition: all 0.35s ease;
    cursor: default;
}
.nr52-conclusion:hover {
    background: #84c615;
    transform: translateX(4px);
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}
.nr52-conclusion-icon {
    color: #84c615;
    font-weight: 700;
    font-size: 18px;
    min-width: 24px;
    transition: color 0.3s ease;
}
.nr52-conclusion:hover .nr52-conclusion-icon { color: #ffffff; }
.nr52-conclusion-text {
    color: #0a0a0a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
    transition: color 0.3s ease;
}
.nr52-conclusion:hover .nr52-conclusion-text { color: #ffffff; }
.nr52-conclusion-text strong { font-weight: 700; }

@media (max-width: 768px) {
    .nr52-block { padding: 50px 0; }
    .nr52-title { font-size: 30px; }
    .nr52-text { font-size: 15px; text-align: justify; }
    .nr52-flow-item { padding: 10px 16px; max-width: 100%; }
    .nr52-flow-text { font-size: 14px; }
    .nr52-conclusion { padding: 16px 18px; }
    .nr52-conclusion-text { font-size: 15px; text-align: justify; }
    .nr52-badge { font-size: 11px; padding: 4px 14px; }
    .nr52-accent-line { width: 50px; margin: 10px auto 16px auto; }
    .nr52-flow-item:hover { transform: translateX(3px) !important; }
}
@media (max-width: 480px) {
    .nr52-block { padding: 40px 0; }
    .nr52-title { font-size: 26px; }
    .nr52-text { font-size: 14px; text-align: justify; }
    .nr52-flow-item { padding: 10px 14px; flex-wrap: wrap; }
    .nr52-flow-text { font-size: 13px; text-align: center; }
    .nr52-flow-arrow { font-size: 16px; }
    .nr52-conclusion { padding: 14px 16px; gap: 10px; border-radius: 10px; }
    .nr52-conclusion-text { font-size: 14px; text-align: justify; }
    .nr52-badge { font-size: 10px; padding: 3px 12px; }
    .nr52-accent-line { width: 40px; height: 2px; margin: 8px auto 14px auto; }
    .nr52-flow-item:hover { transform: none !important; }
    .nr52-conclusion:hover { transform: none !important; }
}
@media (max-width: 360px) {
    .nr52-title { font-size: 22px; }
    .nr52-text { font-size: 13px; }
    .nr52-flow-text { font-size: 12px; }
    .nr52-conclusion-text { font-size: 13px; }
    .nr52-badge { font-size: 9px; padding: 3px 10px; }
}



/* ── CYCLIC 2 SPECIFIC STYLES ── */
.seo-section {
    background: #0a0a0a;
    color: #eaeaea;
    padding: 4.5rem 0;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.seo-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #84c615;
    transition: width 0.5s ease;
}

.seo-section:hover::after {
    width: 60%;
}

.seo-section .section-title {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #f0f0f0;
    margin-bottom: 0.5rem;
    transition: color 0.3s ease, transform 0.3s ease;
}

.seo-section:hover .section-title {
    transform: translateY(-3px);
}

.seo-section .section-title .accent-text {
    color: #84c615;
}

.seo-section .section-sub {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 400;
    color: #a0a0a0;
    margin-bottom: 2.5rem;
    transition: opacity 0.3s ease;
}

.seo-section:hover .section-sub {
    opacity: 1;
}

.seo-section p {
    text-align: justify;
    max-width: 820px;
    margin: 0 auto 1.25rem auto;
    color: #d0d0d0;
    transition: color 0.3s ease, transform 0.3s ease;
    padding: 0 0.25rem;
}

.seo-section p:last-of-type {
    margin-bottom: 0;
}

.seo-section:hover p {
    transform: translateY(-1px);
}

.seo-section .accent-line {
    display: block;
    width: 60px;
    height: 3px;
    background: #84c615;
    margin: 0 auto 1.5rem auto;
    transition: width 0.4s ease, background 0.3s ease;
    border-radius: 2px;
}

.seo-section:hover .accent-line {
    width: 120px;
    background: #6fb010;
}

.seo-section .accent-border {
    display: inline-block;
    padding-bottom: 0.15rem;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.seo-section:hover .accent-border {
    border-color: #84c615;
}

/* ── Metric Grid Items ── */
.seo-section .metric-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(132, 198, 21, 0.12);
    border-radius: 12px;
    padding: 0.9rem 1rem;
    transition: all 0.3s ease;
    color: #d0d0d0;
    text-align: center;
    font-weight: 500;
    font-size: 0.95rem;
    letter-spacing: 0.01em;
    backdrop-filter: blur(2px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seo-section .metric-item:hover {
    transform: translateY(-4px);
    border-color: #84c615;
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.09);
    background: rgba(132, 198, 21, 0.04);
    color: #ffffff;
}

.seo-section .metric-item .bullet {
    color: #84c615;
    margin-right: 8px;
    font-weight: 700;
}

/* ── Container ── */
.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* ── Grid System ── */
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.75rem;
}

.row .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0.75rem;
}

.row .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.g-3 {
    gap: 0.75rem 0;
}

.mt-4 {
    margin-top: 1.5rem;
}

/* ── Responsive tweaks ── */
@media (max-width: 768px) {
    .seo-section {
        padding: 3.5rem 0;
    }
    .seo-section .section-title {
        font-size: 1.8rem;
    }
    .seo-section .section-sub {
        font-size: 1rem;
    }
    .seo-section .metric-item {
        font-size: 0.85rem;
        padding: 0.75rem 0.9rem;
    }
    .row .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 480px) {
    .seo-section {
        padding: 2.5rem 0;
    }
    .seo-section .section-title {
        font-size: 1.5rem;
    }
    .seo-section .metric-item {
        font-size: 0.8rem;
        padding: 0.6rem 0.75rem;
    }
    .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}





    /* ── SECTION 1: SEO-TO-BUSINESS (CYCLIC 1) ── */
    .seo-business-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .seo-business-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .seo-business-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .seo-business-section:hover .section-title {
        letter-spacing: 0.04em;
    }

    .seo-business-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .seo-business-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.3);
    }

    .seo-business-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .seo-business-section:hover .section-sub {
        letter-spacing: 0.05em;
    }

    .seo-business-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.4s ease;
    }

    .seo-business-section p:last-of-type {
        margin-bottom: 0;
    }

    .seo-business-section:hover p {
        padding: 0 0.75rem;
    }

    .seo-business-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        transition: all 0.5s ease;
        border-radius: 2px;
        position: relative;
    }

    .seo-business-section:hover .accent-line {
        width: 120px;
        border-radius: 4px;
        transform: scaleY(1.5);
        background: #6fb010;
    }

    .seo-business-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .seo-business-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Flow Diagram ── */
    .seo-business-section .flow-diagram {
        max-width: 700px;
        margin: 2rem auto;
        padding: 0 1rem;
    }

    .seo-business-section .flow-item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.7rem 1.2rem;
        margin: 0.4rem auto;
        border-radius: 8px;
        font-weight: 500;
        font-size: 1rem;
        transition: all 0.4s ease;
        max-width: 450px;
        text-align: center;
        background: rgba(132, 198, 21, 0.06);
        border: 1px solid rgba(132, 198, 21, 0.1);
        color: #1a1a1a;
    }

    .seo-business-section .flow-item:hover {
        transform: translateX(10px);
        letter-spacing: 0.03em;
        background: rgba(132, 198, 21, 0.12);
        border-color: #84c615;
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
    }

    .seo-business-section .flow-arrow {
        text-align: center;
        font-size: 1.2rem;
        padding: 0.15rem 0;
        transition: all 0.4s ease;
        
        color: black;
    }

    .seo-business-section .flow-arrow:hover {
        opacity: 1;
        transform: scale(1.3);
    }

    /* ── SECTION 2: FRESHORA (CYCLIC 2) ── */
    .freshora-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .freshora-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .freshora-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .freshora-section:hover .section-title {
        letter-spacing: 0.04em;
    }

    .freshora-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .freshora-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.3);
    }

    .freshora-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .freshora-section:hover .section-sub {
        letter-spacing: 0.05em;
    }

    .freshora-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.4s ease;
    }

    .freshora-section p:last-of-type {
        margin-bottom: 0;
    }

    .freshora-section:hover p {
        padding: 0 0.75rem;
    }

    .freshora-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        transition: all 0.5s ease;
        border-radius: 2px;
        position: relative;
    }

    .freshora-section:hover .accent-line {
        width: 120px;
        border-radius: 4px;
        transform: scaleY(1.5);
        background: #6fb010;
    }

    .freshora-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .freshora-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── SECTION 3: ONPAGE-OVERVIEW (CYCLIC 1) ── */
    .onpage-overview-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .onpage-overview-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .onpage-overview-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .onpage-overview-section:hover .section-title {
        letter-spacing: 0.04em;
    }

    .onpage-overview-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .onpage-overview-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.3);
    }

    .onpage-overview-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .onpage-overview-section:hover .section-sub {
        letter-spacing: 0.05em;
    }

    .onpage-overview-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.4s ease;
    }

    .onpage-overview-section p:last-of-type {
        margin-bottom: 0;
    }

    .onpage-overview-section:hover p {
        padding: 0 0.75rem;
    }

    .onpage-overview-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        transition: all 0.5s ease;
        border-radius: 2px;
        position: relative;
    }

    .onpage-overview-section:hover .accent-line {
        width: 120px;
        border-radius: 4px;
        transform: scaleY(1.5);
        background: #6fb010;
    }

    .onpage-overview-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .onpage-overview-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Metric List ── */
    .onpage-overview-section .metric-grid {
        max-width: 700px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.6rem 1.5rem;
        padding: 0 1rem;
    }

    .onpage-overview-section .metric-tag {
        padding: 0.5rem 0.8rem;
        border-radius: 6px;
        font-weight: 500;
        font-size: 0.95rem;
        transition: all 0.4s ease;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.15);
        background: rgba(132, 198, 21, 0.04);
        color: #1a1a1a;
    }

    .onpage-overview-section .metric-tag:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.1);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.08);
    }

    /* ── SECTION 4: SEARCH-INTENT (CYCLIC 2) ── */
    .search-intent-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .search-intent-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .search-intent-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .search-intent-section:hover .section-title {
        letter-spacing: 0.04em;
    }

    .search-intent-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .search-intent-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.3);
    }

    .search-intent-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .search-intent-section:hover .section-sub {
        letter-spacing: 0.05em;
    }

    .search-intent-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.4s ease;
    }

    .search-intent-section p:last-of-type {
        margin-bottom: 0;
    }

    .search-intent-section:hover p {
        padding: 0 0.75rem;
    }

    .search-intent-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        transition: all 0.5s ease;
        border-radius: 2px;
        position: relative;
    }

    .search-intent-section:hover .accent-line {
        width: 120px;
        border-radius: 4px;
        transform: scaleY(1.5);
        background: #6fb010;
    }

    .search-intent-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .search-intent-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Intent Examples ── */
    .search-intent-section .intent-example {
        max-width: 700px;
        margin: 1rem auto;
        padding: 0.8rem 1.2rem;
        border-radius: 8px;
        transition: all 0.4s ease;
        border-left: 3px solid transparent;
        background: rgba(255, 255, 255, 0.02);
    }

    .search-intent-section .intent-example:hover {
        border-left-color: #84c615;
        transform: translateX(8px);
        background: rgba(132, 198, 21, 0.05);
    }

    .search-intent-section .intent-example .query {
        font-weight: 600;
        color: #84c615;
    }

    .search-intent-section .intent-example .intent-label {
        font-size: 0.85rem;
        opacity: 0.6;
        display: block;
        margin-top: 0.2rem;
    }

    /* ── SECTION 5: INTENT-MAPPING (CYCLIC 1) ── */
    .intent-mapping-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .intent-mapping-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .intent-mapping-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .intent-mapping-section:hover .section-title {
        letter-spacing: 0.04em;
    }

    .intent-mapping-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .intent-mapping-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.3);
    }

    .intent-mapping-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .intent-mapping-section:hover .section-sub {
        letter-spacing: 0.05em;
    }

    .intent-mapping-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.4s ease;
    }

    .intent-mapping-section p:last-of-type {
        margin-bottom: 0;
    }

    .intent-mapping-section:hover p {
        padding: 0 0.75rem;
    }

    .intent-mapping-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        transition: all 0.5s ease;
        border-radius: 2px;
        position: relative;
    }

    .intent-mapping-section:hover .accent-line {
        width: 120px;
        border-radius: 4px;
        transform: scaleY(1.5);
        background: #6fb010;
    }

    .intent-mapping-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .intent-mapping-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Mapping Table ── */
    .intent-mapping-section .mapping-table {
        max-width: 750px;
        margin: 1.5rem auto;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid rgba(132, 198, 21, 0.12);
        transition: all 0.4s ease;
    }

    .intent-mapping-section .mapping-table:hover {
        border-color: #84c615;
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
    }

    .intent-mapping-section .mapping-row {
        display: grid;
        grid-template-columns: 1fr 1.5fr;
        transition: all 0.3s ease;
    }

    .intent-mapping-section .mapping-row:hover {
        background: rgba(132, 198, 21, 0.05);
    }

    .intent-mapping-section .mapping-row:not(:last-child) {
        border-bottom: 1px solid rgba(132, 198, 21, 0.06);
    }

    .intent-mapping-section .mapping-cell {
        padding: 0.7rem 1.2rem;
        font-size: 0.95rem;
        text-align: center;
    }

    .intent-mapping-section .mapping-cell:first-child {
        font-weight: 600;
        color: #84c615;
        border-right: 1px solid rgba(132, 198, 21, 0.06);
    }

    .intent-mapping-section .mapping-cell:last-child {
        color: #2a2a2a;
    }

    .intent-mapping-section .mapping-header {
        background: rgba(132, 198, 21, 0.08);
        font-weight: 700;
        font-size: 0.9rem;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        border-bottom: 2px solid #84c615;
    }

    .intent-mapping-section .mapping-header .mapping-cell {
        color: #1a1a1a;
        padding: 0.8rem 1.2rem;
    }

    .intent-mapping-section .mapping-header .mapping-cell:first-child {
        border-right: 1px solid rgba(132, 198, 21, 0.15);
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .seo-business-section,
        .freshora-section,
        .onpage-overview-section,
        .search-intent-section,
        .intent-mapping-section {
            padding: 3.5rem 0;
        }

        .seo-business-section .section-title,
        .freshora-section .section-title,
        .onpage-overview-section .section-title,
        .search-intent-section .section-title,
        .intent-mapping-section .section-title {
            font-size: 1.8rem;
        }

        .seo-business-section .section-sub,
        .freshora-section .section-sub,
        .onpage-overview-section .section-sub,
        .search-intent-section .section-sub,
        .intent-mapping-section .section-sub {
            font-size: 1rem;
        }

        .onpage-overview-section .metric-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .intent-mapping-section .mapping-row {
            grid-template-columns: 1fr 1fr;
        }

        .intent-mapping-section .mapping-cell {
            font-size: 0.85rem;
            padding: 0.6rem 0.8rem;
        }
    }

    @media (max-width: 480px) {
        .seo-business-section,
        .freshora-section,
        .onpage-overview-section,
        .search-intent-section,
        .intent-mapping-section {
            padding: 2.5rem 0;
        }

        .seo-business-section .section-title,
        .freshora-section .section-title,
        .onpage-overview-section .section-title,
        .search-intent-section .section-title,
        .intent-mapping-section .section-title {
            font-size: 1.5rem;
        }

        .onpage-overview-section .metric-grid {
            grid-template-columns: 1fr;
        }

        .intent-mapping-section .mapping-row {
            grid-template-columns: 1fr;
        }

        .intent-mapping-section .mapping-cell:first-child {
            border-right: none;
            border-bottom: 1px solid rgba(132, 198, 21, 0.06);
        }

        .intent-mapping-section .mapping-cell {
            padding: 0.5rem 0.8rem;
        }

        .seo-business-section .flow-item,
        .freshora-section .flow-item {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
        }
    }






    /* ── SECTION 6: KEYWORD-RESEARCH (CYCLIC 1) ── */
    .keyword-research-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .keyword-research-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .keyword-research-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .keyword-research-section:hover .section-title {
        letter-spacing: 0.04em;
    }

    .keyword-research-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .keyword-research-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.25);
    }

    .keyword-research-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .keyword-research-section:hover .section-sub {
        letter-spacing: 0.05em;
    }

    .keyword-research-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.4s ease;
    }

    .keyword-research-section p:last-of-type {
        margin-bottom: 0;
    }

    .keyword-research-section:hover p {
        padding: 0 0.75rem;
    }

    .keyword-research-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        transition: all 0.5s ease;
        border-radius: 2px;
        position: relative;
    }

    .keyword-research-section:hover .accent-line {
        width: 120px;
        border-radius: 4px;
        transform: scaleY(1.5);
        background: #6fb010;
    }

    .keyword-research-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .keyword-research-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Research Grid ── */
    .keyword-research-section .research-grid {
        max-width: 700px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.7rem 1.5rem;
        padding: 0 1rem;
    }

    .keyword-research-section .research-item {
        padding: 0.7rem 1rem;
        border-radius: 10px;
        font-weight: 500;
        font-size: 0.95rem;
        transition: all 0.4s ease;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.1);
        background: rgba(132, 198, 21, 0.03);
        color: #1a1a1a;
        position: relative;
        overflow: hidden;
    }

    .keyword-research-section .research-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.08), transparent);
        transition: all 0.6s ease;
    }

    .keyword-research-section .research-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.08);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.1);
    }

    .keyword-research-section .research-item:hover::before {
        left: 100%;
    }

    .keyword-research-section .research-item .icon {
        display: inline-block;
        margin-right: 6px;
        color: #84c615;
        font-weight: 700;
    }

    /* ── SECTION 7: PRIMARY-SECONDARY (CYCLIC 2) ── */
    .primary-secondary-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .primary-secondary-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .primary-secondary-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .primary-secondary-section:hover .section-title {
        letter-spacing: 0.04em;
    }

    .primary-secondary-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .primary-secondary-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.25);
    }

    .primary-secondary-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .primary-secondary-section:hover .section-sub {
        letter-spacing: 0.05em;
    }

    .primary-secondary-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.4s ease;
    }

    .primary-secondary-section p:last-of-type {
        margin-bottom: 0;
    }

    .primary-secondary-section:hover p {
        padding: 0 0.75rem;
    }

    .primary-secondary-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        transition: all 0.5s ease;
        border-radius: 2px;
        position: relative;
    }

    .primary-secondary-section:hover .accent-line {
        width: 120px;
        border-radius: 4px;
        transform: scaleY(1.5);
        background: #6fb010;
    }

    .primary-secondary-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .primary-secondary-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Keyword Cards ── */
    .primary-secondary-section .keyword-box {
        max-width: 750px;
        margin: 1.5rem auto;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.1);
        background: rgba(255, 255, 255, 0.02);
        overflow: hidden;
        transition: all 0.4s ease;
    }

    .primary-secondary-section .keyword-box:hover {
        border-color: #84c615;
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.06);
        transform: translateY(-2px);
    }

    .primary-secondary-section .keyword-box .box-header {
        padding: 1rem 1.5rem;
        background: rgba(132, 198, 21, 0.06);
        border-bottom: 1px solid rgba(132, 198, 21, 0.08);
        font-weight: 700;
        font-size: 1rem;
        color: #84c615;
        text-align: center;
        letter-spacing: 0.03em;
        transition: all 0.4s ease;
    }

    .primary-secondary-section .keyword-box:hover .box-header {
        background: rgba(132, 198, 21, 0.1);
        letter-spacing: 0.06em;
    }

    .primary-secondary-section .keyword-box .box-body {
        padding: 1rem 1.5rem;
    }

    .primary-secondary-section .keyword-box .keyword-tag {
        display: inline-block;
        padding: 0.25rem 0.8rem;
        margin: 0.25rem 0.4rem;
        border-radius: 20px;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.12);
        background: rgba(132, 198, 21, 0.04);
        color: #d0d0d0;
        transition: all 0.4s ease;
    }

    .primary-secondary-section .keyword-box .keyword-tag:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.12);
        color: #ffffff;
        transform: translateY(-2px) scale(1.04);
        box-shadow: 0 4px 15px rgba(132, 198, 21, 0.08);
    }

    .primary-secondary-section .keyword-box .keyword-tag.primary {
        background: rgba(132, 198, 21, 0.15);
        border-color: #84c615;
        color: #84c615;
        font-weight: 600;
        font-size: 0.9rem;
    }

    .primary-secondary-section .keyword-box .keyword-tag.primary:hover {
        background: rgba(132, 198, 21, 0.25);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.15);
    }

    .primary-secondary-section .keyword-box .keyword-tag.secondary {
        border-color: rgba(132, 198, 21, 0.08);
        color: #b0b0b0;
    }

    .primary-secondary-section .keyword-box .keyword-tag.secondary:hover {
        border-color: rgba(132, 198, 21, 0.3);
        color: #eaeaea;
    }

    .primary-secondary-section .keyword-box .keyword-tag.related {
        border-color: rgba(132, 198, 21, 0.05);
        color: #909090;
        font-size: 0.8rem;
    }

    .primary-secondary-section .keyword-box .keyword-tag.related:hover {
        border-color: rgba(132, 198, 21, 0.2);
        color: #c0c0c0;
    }

    .primary-secondary-section .keyword-box .tag-group {
        margin: 0.5rem 0;
    }

    .primary-secondary-section .keyword-box .tag-label {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: #666;
        display: block;
        margin: 0.6rem 0 0.3rem 0.2rem;
        font-weight: 600;
        transition: all 0.4s ease;
    }

    .primary-secondary-section .keyword-box:hover .tag-label {
        color: #84c615;
        letter-spacing: 0.12em;
    }

    /* ── SECTION 8: KEYWORD-STUFFING (CYCLIC 1) ── */
    .keyword-stuffing-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .keyword-stuffing-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .keyword-stuffing-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .keyword-stuffing-section:hover .section-title {
        letter-spacing: 0.04em;
    }

    .keyword-stuffing-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .keyword-stuffing-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.25);
    }

    .keyword-stuffing-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .keyword-stuffing-section:hover .section-sub {
        letter-spacing: 0.05em;
    }

    .keyword-stuffing-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.4s ease;
    }

    .keyword-stuffing-section p:last-of-type {
        margin-bottom: 0;
    }

    .keyword-stuffing-section:hover p {
        padding: 0 0.75rem;
    }

    .keyword-stuffing-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        transition: all 0.5s ease;
        border-radius: 2px;
        position: relative;
    }

    .keyword-stuffing-section:hover .accent-line {
        width: 120px;
        border-radius: 4px;
        transform: scaleY(1.5);
        background: #6fb010;
    }

    .keyword-stuffing-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .keyword-stuffing-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Bad Example Box ── */
    .keyword-stuffing-section .bad-example {
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 12px;
        border-left: 4px solid #e74c3c;
        background: rgba(231, 76, 60, 0.04);
        transition: all 0.4s ease;
        text-align: center;
        font-style: italic;
        color: #5a3a3a;
    }

    .keyword-stuffing-section .bad-example:hover {
        background: rgba(231, 76, 60, 0.08);
        transform: translateX(6px);
        box-shadow: 0 4px 20px rgba(231, 76, 60, 0.06);
    }

    /* ── Good Approach Grid ── */
    .keyword-stuffing-section .approach-grid {
        max-width: 700px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.7rem;
        padding: 0 1rem;
    }

    .keyword-stuffing-section .approach-item {
        padding: 0.6rem 0.8rem;
        border-radius: 8px;
        font-weight: 500;
        font-size: 0.85rem;
        transition: all 0.4s ease;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.03);
        color: #2a2a2a;
    }

    .keyword-stuffing-section .approach-item:hover {
        transform: translateY(-4px) scale(1.03);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.08);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.08);
        color: #1a1a1a;
        font-weight: 600;
    }

    /* ── SECTION 9: PEOPLE-FIRST (CYCLIC 2) ── */
    .people-first-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .people-first-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .people-first-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .people-first-section:hover .section-title {
        letter-spacing: 0.04em;
    }

    .people-first-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .people-first-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.25);
    }

    .people-first-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .people-first-section:hover .section-sub {
        letter-spacing: 0.05em;
    }

    .people-first-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.4s ease;
    }

    .people-first-section p:last-of-type {
        margin-bottom: 0;
    }

    .people-first-section:hover p {
        padding: 0 0.75rem;
    }

    .people-first-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        transition: all 0.5s ease;
        border-radius: 2px;
        position: relative;
    }

    .people-first-section:hover .accent-line {
        width: 120px;
        border-radius: 4px;
        transform: scaleY(1.5);
        background: #6fb010;
    }

    .people-first-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .people-first-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Content Quality Cards ── */
    .people-first-section .quality-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.8rem;
        padding: 0 1rem;
    }

    .people-first-section .quality-card {
        padding: 0.8rem 0.6rem;
        border-radius: 10px;
        text-align: center;
        font-weight: 500;
        font-size: 0.9rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .people-first-section .quality-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: all 0.4s ease;
    }

    .people-first-section .quality-card:hover {
        transform: translateY(-5px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.05);
    }

    .people-first-section .quality-card:hover::after {
        width: 60%;
    }

    .people-first-section .quality-card .check {
        color: #84c615;
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .people-first-section .quality-card.avoid {
        border-color: rgba(231, 76, 60, 0.1);
        color: #7a6a6a;
    }

    .people-first-section .quality-card.avoid .check {
        color: #e74c3c;
    }

    .people-first-section .quality-card.avoid:hover {
        border-color: rgba(231, 76, 60, 0.3);
        background: rgba(231, 76, 60, 0.05);
        color: #d0c0c0;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .keyword-research-section,
        .primary-secondary-section,
        .keyword-stuffing-section,
        .people-first-section {
            padding: 3.5rem 0;
        }

        .keyword-research-section .section-title,
        .primary-secondary-section .section-title,
        .keyword-stuffing-section .section-title,
        .people-first-section .section-title {
            font-size: 1.8rem;
        }

        .keyword-research-section .section-sub,
        .primary-secondary-section .section-sub,
        .keyword-stuffing-section .section-sub,
        .people-first-section .section-sub {
            font-size: 1rem;
        }

        .keyword-research-section .research-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .keyword-stuffing-section .approach-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }

        .people-first-section .quality-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }

        .primary-secondary-section .keyword-box .keyword-tag {
            font-size: 0.8rem;
            padding: 0.2rem 0.6rem;
        }
    }

    @media (max-width: 480px) {
        .keyword-research-section,
        .primary-secondary-section,
        .keyword-stuffing-section,
        .people-first-section {
            padding: 2.5rem 0;
        }

        .keyword-research-section .section-title,
        .primary-secondary-section .section-title,
        .keyword-stuffing-section .section-title,
        .people-first-section .section-title {
            font-size: 1.5rem;
        }

        .keyword-research-section .research-grid {
            grid-template-columns: 1fr;
        }

        .keyword-stuffing-section .approach-grid {
            grid-template-columns: 1fr 1fr;
        }

        .people-first-section .quality-grid {
            grid-template-columns: 1fr 1fr;
        }

        .primary-secondary-section .keyword-box .box-header {
            font-size: 0.9rem;
            padding: 0.8rem 1rem;
        }

        .primary-secondary-section .keyword-box .box-body {
            padding: 0.8rem 1rem;
        }

        .primary-secondary-section .keyword-box .keyword-tag {
            font-size: 0.75rem;
            padding: 0.15rem 0.5rem;
            margin: 0.15rem 0.25rem;
        }
    }


    /* ── SECTION 43: LINK-WORTHY (CYCLIC 1) ── */
    .link-worthy-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .link-worthy-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .link-worthy-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .link-worthy-section .section-title .accent-text {
        color: #84c615;
    }

    .link-worthy-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .link-worthy-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .link-worthy-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Asset Grid ── */
    .link-worthy-section .asset-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.2rem;
        max-width: 820px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .link-worthy-section .asset-card {
        background: #ffffff;
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        padding: 1.5rem 1rem 1.2rem;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .link-worthy-section .asset-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(132, 198, 21, 0.02), transparent 60%);
        opacity: 0;
        transition: opacity 0.5s ease;
        border-radius: 14px;
    }

    .link-worthy-section .asset-card:hover {
        transform: translateY(-6px);
        border-color: #84c615;
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.08);
    }

    .link-worthy-section .asset-card:hover::before {
        opacity: 1;
    }

    .link-worthy-section .asset-card .asset-icon {
        font-size: 2.2rem;
        display: block;
        margin-bottom: 0.6rem;
        transition: transform 0.4s ease;
    }

    .link-worthy-section .asset-card:hover .asset-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .link-worthy-section .asset-card .asset-name {
        font-size: 1rem;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 0.4rem;
        transition: color 0.3s ease;
    }

    .link-worthy-section .asset-card:hover .asset-name {
        color: #84c615;
    }

    .link-worthy-section .asset-card .asset-desc {
        font-size: 0.85rem;
        color: #5a5a5a;
        line-height: 1.5;
        text-align: center;
        margin: 0;
    }

    /* ── Highlight Box ── */
    .link-worthy-section .highlight-box {
        max-width: 650px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.04);
        border: 1px solid rgba(132, 198, 21, 0.12);
        border-radius: 12px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .link-worthy-section .highlight-box:hover {
        background: rgba(132, 198, 21, 0.07);
        border-color: #84c615;
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.06);
    }

    .link-worthy-section .highlight-box .highlight-icon {
        font-size: 1.5rem;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }

    .link-worthy-section .highlight-box .highlight-text {
        font-size: 1.05rem;
        color: #2a2a2a;
        vertical-align: middle;
    }

    .link-worthy-section .highlight-box .highlight-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .link-worthy-section {
            padding: 3.5rem 0;
        }

        .link-worthy-section .section-title {
            font-size: 1.8rem;
        }

        .link-worthy-section .section-sub {
            font-size: 1rem;
        }

        .link-worthy-section .asset-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }

        .link-worthy-section .asset-card {
            padding: 1.2rem 0.8rem 1rem;
        }

        .link-worthy-section .asset-card .asset-icon {
            font-size: 1.8rem;
        }
    }

    @media (max-width: 480px) {
        .link-worthy-section {
            padding: 2.5rem 0;
        }

        .link-worthy-section .section-title {
            font-size: 1.5rem;
        }

        .link-worthy-section .asset-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.8rem;
        }

        .link-worthy-section .asset-card {
            padding: 1rem 0.6rem 0.8rem;
        }

        .link-worthy-section .asset-card .asset-icon {
            font-size: 1.5rem;
        }

        .link-worthy-section .asset-card .asset-name {
            font-size: 0.85rem;
        }

        .link-worthy-section .asset-card .asset-desc {
            font-size: 0.75rem;
        }

        .link-worthy-section .highlight-box {
            padding: 1rem 1.2rem;
        }

        .link-worthy-section .highlight-box .highlight-text {
            font-size: 0.9rem;
        }
    }





    /* ── SECTION 10: CONTENT-STRUCTURE (CYCLIC 2) ── */
    .content-structure-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .content-structure-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .content-structure-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .content-structure-section .section-title .accent-text {
        color: #84c615;
    }

    .content-structure-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .content-structure-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .content-structure-section p:last-of-type {
        margin-bottom: 0;
    }

    .content-structure-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .content-structure-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Structure Cards ── */
    .content-structure-section .structure-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        padding: 0 1rem;
    }

    .content-structure-section .structure-card {
        padding: 0.9rem 1.2rem;
        border-radius: 10px;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .content-structure-section .structure-card:hover {
        transform: translateY(-4px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.05);
    }

    .content-structure-section .structure-card .label {
        display: block;
        font-weight: 700;
        font-size: 1rem;
        color: #84c615;
        margin-bottom: 0.15rem;
    }

    .content-structure-section .structure-card .desc {
        display: block;
        font-size: 0.85rem;
        color: #a0a0a0;
    }

    /* ── SECTION 11: TOPICAL-DEPTH (CYCLIC 1) ── */
    .topical-depth-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .topical-depth-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .topical-depth-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .topical-depth-section .section-title .accent-text {
        color: #84c615;
    }

    .topical-depth-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .topical-depth-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .topical-depth-section p:last-of-type {
        margin-bottom: 0;
    }

    .topical-depth-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .topical-depth-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Question Tags ── */
    .topical-depth-section .question-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.6rem 1rem;
        padding: 0 1rem;
    }

    .topical-depth-section .question-tag {
        padding: 0.6rem 0.9rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.9rem;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
    }

    .topical-depth-section .question-tag:hover {
        transform: translateY(-3px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.06);
        color: #1a1a1a;
        font-weight: 500;
    }

    .topical-depth-section .question-tag .qmark {
        color: #84c615;
        margin-right: 4px;
        font-weight: 700;
    }

    /* ── SECTION 12: INFO-GAIN (CYCLIC 2) ── */
    .info-gain-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .info-gain-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .info-gain-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .info-gain-section .section-title .accent-text {
        color: #84c615;
    }

    .info-gain-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .info-gain-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .info-gain-section p:last-of-type {
        margin-bottom: 0;
    }

    .info-gain-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .info-gain-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Gain Cards ── */
    .info-gain-section .gain-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.7rem;
        padding: 0 1rem;
    }

    .info-gain-section .gain-card {
        padding: 0.8rem 0.6rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .info-gain-section .gain-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.04);
    }

    .info-gain-section .gain-card .icon {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 13: SEARCHINTENT-FRAMEWORK (CYCLIC 1) ── */
    .searchintent-framework-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .searchintent-framework-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .searchintent-framework-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .searchintent-framework-section .section-title .accent-text {
        color: #84c615;
    }

    .searchintent-framework-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .searchintent-framework-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .searchintent-framework-section p:last-of-type {
        margin-bottom: 0;
    }

    .searchintent-framework-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .searchintent-framework-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Framework Flow ── */
    .searchintent-framework-section .framework-flow {
        max-width: 600px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .searchintent-framework-section .flow-step {
        padding: 0.7rem 1.2rem;
        margin: 0.3rem auto;
        border-radius: 8px;
        text-align: center;
        font-weight: 500;
        font-size: 1rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        max-width: 400px;
        cursor: default;
    }

    .searchintent-framework-section .flow-step:hover {
        transform: translateX(8px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.05);
    }

    .searchintent-framework-section .flow-step .step-label {
        font-weight: 700;
        color: #84c615;
        margin-right: 6px;
    }

    .searchintent-framework-section .flow-arrow {
        text-align: center;
        font-size: 1rem;
        padding: 0.1rem 0;
        color: #84c615;
        opacity: 0.4;
    }

    /* ── SECTION 14: KEYWORD-CANNIBALISATION (CYCLIC 2) ── */
    .keyword-cannibalisation-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .keyword-cannibalisation-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .keyword-cannibalisation-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .keyword-cannibalisation-section .section-title .accent-text {
        color: #84c615;
    }

    .keyword-cannibalisation-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .keyword-cannibalisation-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .keyword-cannibalisation-section p:last-of-type {
        margin-bottom: 0;
    }

    .keyword-cannibalisation-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .keyword-cannibalisation-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Architecture Cards ── */
    .keyword-cannibalisation-section .arch-grid {
        max-width: 700px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.7rem;
        padding: 0 1rem;
    }

    .keyword-cannibalisation-section .arch-card {
        padding: 0.8rem 1rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.9rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .keyword-cannibalisation-section .arch-card:hover {
        transform: translateY(-4px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.04);
    }

    .keyword-cannibalisation-section .arch-card .role {
        display: block;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: #84c615;
        margin-top: 0.2rem;
        font-weight: 600;
    }

    .keyword-cannibalisation-section .arch-card.main {
        border-color: rgba(132, 198, 21, 0.15);
        background: rgba(132, 198, 21, 0.04);
        color: #d0d0d0;
    }

    .keyword-cannibalisation-section .arch-card.main:hover {
        background: rgba(132, 198, 21, 0.08);
        border-color: #84c615;
    }

    /* ── SECTION 15: INTERNAL-LINKING (CYCLIC 1) ── */
    .internal-linking-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .internal-linking-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .internal-linking-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .internal-linking-section .section-title .accent-text {
        color: #84c615;
    }

    .internal-linking-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .internal-linking-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .internal-linking-section p:last-of-type {
        margin-bottom: 0;
    }

    .internal-linking-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .internal-linking-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Link Tree ── */
    .internal-linking-section .link-tree {
        max-width: 500px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .internal-linking-section .tree-node {
        padding: 0.6rem 1.2rem;
        margin: 0.25rem auto;
        border-radius: 8px;
        text-align: center;
        font-weight: 500;
        font-size: 0.95rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        max-width: 380px;
        cursor: default;
    }

    .internal-linking-section .tree-node:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.05);
    }

    .internal-linking-section .tree-node.root {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        font-weight: 700;
        color: #1a1a1a;
    }

    .internal-linking-section .tree-node.root:hover {
        background: rgba(132, 198, 21, 0.12);
        transform: translateX(6px) scale(1.02);
    }

    .internal-linking-section .tree-arrow {
        text-align: center;
        font-size: 0.9rem;
        padding: 0.05rem 0;
        color: #84c615;
        opacity: 0.3;
    }

    /* ── SECTION 16: ANCHOR-TEXT (CYCLIC 2) ── */
    .anchor-text-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .anchor-text-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .anchor-text-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .anchor-text-section .section-title .accent-text {
        color: #84c615;
    }

    .anchor-text-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .anchor-text-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .anchor-text-section p:last-of-type {
        margin-bottom: 0;
    }

    .anchor-text-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .anchor-text-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Anchor Examples ── */
    .anchor-text-section .anchor-grid {
        max-width: 650px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        padding: 0 1rem;
    }

    .anchor-text-section .anchor-card {
        padding: 0.7rem 1rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.9rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .anchor-text-section .anchor-card:hover {
        transform: translateY(-4px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.04);
    }

    .anchor-text-section .anchor-card.bad {
        border-color: rgba(231, 76, 60, 0.1);
        color: #7a6a6a;
    }

    .anchor-text-section .anchor-card.bad:hover {
        border-color: rgba(231, 76, 60, 0.2);
        background: rgba(231, 76, 60, 0.04);
        color: #b0a0a0;
    }

    .anchor-text-section .anchor-card .tag {
        display: block;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        margin-top: 0.2rem;
        font-weight: 600;
    }

    .anchor-text-section .anchor-card.bad .tag {
        color: #e74c3c;
    }

    .anchor-text-section .anchor-card.good .tag {
        color: #84c615;
    }

    /* ── SECTION 17: CONTENT-REFRESH (CYCLIC 1) ── */
    .content-refresh-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .content-refresh-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .content-refresh-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .content-refresh-section .section-title .accent-text {
        color: #84c615;
    }

    .content-refresh-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .content-refresh-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .content-refresh-section p:last-of-type {
        margin-bottom: 0;
    }

    .content-refresh-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .content-refresh-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Refresh Grid ── */
    .content-refresh-section .refresh-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.6rem;
        padding: 0 1rem;
    }

    .content-refresh-section .refresh-item {
        padding: 0.6rem 0.7rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
    }

    .content-refresh-section .refresh-item:hover {
        transform: translateY(-3px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.05);
        color: #1a1a1a;
        font-weight: 500;
    }

    /* ── SECTION 18: SERVICE-VS-BLOG (CYCLIC 2) ── */
    .service-vs-blog-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .service-vs-blog-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .service-vs-blog-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .service-vs-blog-section .section-title .accent-text {
        color: #84c615;
    }

    .service-vs-blog-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .service-vs-blog-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .service-vs-blog-section p:last-of-type {
        margin-bottom: 0;
    }

    .service-vs-blog-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .service-vs-blog-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Comparison Cards ── */
    .service-vs-blog-section .compare-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        padding: 0 1rem;
    }

    .service-vs-blog-section .compare-card {
        padding: 1rem 1.2rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        transition: all 0.4s ease;
        cursor: default;
    }

    .service-vs-blog-section .compare-card:hover {
        transform: translateY(-5px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.04);
    }

    .service-vs-blog-section .compare-card .type {
        display: block;
        font-weight: 700;
        font-size: 1.1rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .service-vs-blog-section .compare-card .example {
        display: block;
        font-size: 0.85rem;
        color: #a0a0a0;
        margin-bottom: 0.3rem;
    }

    .service-vs-blog-section .compare-card .goal {
        display: block;
        font-size: 0.8rem;
        color: #808080;
    }

    /* ── SECTION 19: CONTENT-HUBS (CYCLIC 1) ── */
    .content-hubs-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .content-hubs-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .content-hubs-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .content-hubs-section .section-title .accent-text {
        color: #84c615;
    }

    .content-hubs-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .content-hubs-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .content-hubs-section p:last-of-type {
        margin-bottom: 0;
    }

    .content-hubs-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .content-hubs-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Hub Tree ── */
    .content-hubs-section .hub-tree {
        max-width: 550px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .content-hubs-section .hub-node {
        padding: 0.6rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 8px;
        text-align: center;
        font-weight: 500;
        font-size: 0.95rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        max-width: 380px;
        cursor: default;
    }

    .content-hubs-section .hub-node:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.05);
    }

    .content-hubs-section .hub-node.pillar {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        font-weight: 700;
        color: #1a1a1a;
        font-size: 1.05rem;
    }

    .content-hubs-section .hub-node.pillar:hover {
        background: rgba(132, 198, 21, 0.12);
        transform: translateX(6px) scale(1.02);
    }

    .content-hubs-section .hub-node.cluster {
        font-size: 0.9rem;
        color: #3a3a3a;
    }

    .content-hubs-section .hub-node.cluster:hover {
        color: #1a1a1a;
    }

    .content-hubs-section .hub-arrow {
        text-align: center;
        font-size: 0.8rem;
        padding: 0.05rem 0;
        color: #84c615;
        opacity: 0.3;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .content-structure-section,
        .topical-depth-section,
        .info-gain-section,
        .searchintent-framework-section,
        .keyword-cannibalisation-section,
        .internal-linking-section,
        .anchor-text-section,
        .content-refresh-section,
        .service-vs-blog-section,
        .content-hubs-section {
            padding: 3.5rem 0;
        }

        .content-structure-section .section-title,
        .topical-depth-section .section-title,
        .info-gain-section .section-title,
        .searchintent-framework-section .section-title,
        .keyword-cannibalisation-section .section-title,
        .internal-linking-section .section-title,
        .anchor-text-section .section-title,
        .content-refresh-section .section-title,
        .service-vs-blog-section .section-title,
        .content-hubs-section .section-title {
            font-size: 1.8rem;
        }

        .content-structure-section .structure-grid {
            grid-template-columns: 1fr 1fr;
        }

        .topical-depth-section .question-grid {
            grid-template-columns: 1fr 1fr;
        }

        .info-gain-section .gain-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }

        .keyword-cannibalisation-section .arch-grid {
            grid-template-columns: 1fr 1fr;
        }

        .anchor-text-section .anchor-grid {
            grid-template-columns: 1fr 1fr;
        }

        .content-refresh-section .refresh-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }

        .service-vs-blog-section .compare-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 480px) {
        .content-structure-section,
        .topical-depth-section,
        .info-gain-section,
        .searchintent-framework-section,
        .keyword-cannibalisation-section,
        .internal-linking-section,
        .anchor-text-section,
        .content-refresh-section,
        .service-vs-blog-section,
        .content-hubs-section {
            padding: 2.5rem 0;
        }

        .content-structure-section .section-title,
        .topical-depth-section .section-title,
        .info-gain-section .section-title,
        .searchintent-framework-section .section-title,
        .keyword-cannibalisation-section .section-title,
        .internal-linking-section .section-title,
        .anchor-text-section .section-title,
        .content-refresh-section .section-title,
        .service-vs-blog-section .section-title,
        .content-hubs-section .section-title {
            font-size: 1.5rem;
        }

        .content-structure-section .structure-grid {
            grid-template-columns: 1fr;
        }

        .topical-depth-section .question-grid {
            grid-template-columns: 1fr;
        }

        .info-gain-section .gain-grid {
            grid-template-columns: 1fr 1fr;
        }

        .keyword-cannibalisation-section .arch-grid {
            grid-template-columns: 1fr;
        }

        .anchor-text-section .anchor-grid {
            grid-template-columns: 1fr;
        }

        .content-refresh-section .refresh-grid {
            grid-template-columns: 1fr 1fr;
        }

        .service-vs-blog-section .compare-grid {
            grid-template-columns: 1fr;
        }

        .searchintent-framework-section .flow-step {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
        }

        .internal-linking-section .tree-node,
        .content-hubs-section .hub-node {
            font-size: 0.85rem;
            padding: 0.5rem 0.8rem;
        }
    }









    /* ── SECTION 20: FEATURED-ANSWERS (CYCLIC 2) ── */
    .featured-answers-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .featured-answers-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .featured-answers-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .featured-answers-section .section-title .accent-text {
        color: #84c615;
    }

    .featured-answers-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .featured-answers-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .featured-answers-section p:last-of-type {
        margin-bottom: 0;
    }

    .featured-answers-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .featured-answers-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Answer Cards ── */
    .featured-answers-section .answer-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.7rem;
        padding: 0 1rem;
    }

    .featured-answers-section .answer-card {
        padding: 0.8rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .featured-answers-section .answer-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .featured-answers-section .answer-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.06);
    }

    .featured-answers-section .answer-card:hover::before {
        opacity: 1;
    }

    .featured-answers-section .answer-card .num {
        display: block;
        font-size: 0.7rem;
        font-weight: 700;
        color: #84c615;
        margin-bottom: 0.2rem;
        letter-spacing: 0.05em;
    }

    /* ── Answer Example Box ── */
    .featured-answers-section .example-box {
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.1);
        background: rgba(132, 198, 21, 0.03);
        transition: all 0.4s ease;
        cursor: default;
    }

    .featured-answers-section .example-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
        transform: translateY(-2px);
    }

    .featured-answers-section .example-box .question {
        font-weight: 700;
        font-size: 1.05rem;
        color: #84c615;
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .featured-answers-section .example-box .answer {
        text-align: justify;
        color: #d0d0d0;
        font-size: 0.95rem;
        line-height: 1.7;
    }

    /* ── SECTION 21: AEO-QUESTIONS (CYCLIC 1) ── */
    .aeo-questions-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .aeo-questions-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .aeo-questions-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .aeo-questions-section .section-title .accent-text {
        color: #84c615;
    }

    .aeo-questions-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .aeo-questions-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .aeo-questions-section p:last-of-type {
        margin-bottom: 0;
    }

    .aeo-questions-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .aeo-questions-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Question Cards ── */
    .aeo-questions-section .q-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.6rem 1rem;
        padding: 0 1rem;
    }

    .aeo-questions-section .q-item {
        padding: 0.7rem 1rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.9rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .aeo-questions-section .q-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .aeo-questions-section .q-item:hover {
        transform: translateY(-4px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .aeo-questions-section .q-item:hover::after {
        width: 60%;
    }

    .aeo-questions-section .q-item .q-icon {
        color: #84c615;
        margin-right: 4px;
        font-weight: 700;
    }

    /* ── SECTION 22: GEO-FRIENDLY (CYCLIC 2) ── */
    .geo-friendly-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .geo-friendly-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .geo-friendly-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .geo-friendly-section .section-title .accent-text {
        color: #84c615;
    }

    .geo-friendly-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .geo-friendly-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .geo-friendly-section p:last-of-type {
        margin-bottom: 0;
    }

    .geo-friendly-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .geo-friendly-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Geo Cards ── */
    .geo-friendly-section .geo-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.7rem;
        padding: 0 1rem;
    }

    .geo-friendly-section .geo-card {
        padding: 0.9rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .geo-friendly-section .geo-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, transparent);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        transition: all 0.5s ease;
    }

    .geo-friendly-section .geo-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .geo-friendly-section .geo-card .geo-icon {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 23: CONTENT-CONVERTS (CYCLIC 1) ── */
    .content-converts-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .content-converts-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .content-converts-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .content-converts-section .section-title .accent-text {
        color: #84c615;
    }

    .content-converts-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .content-converts-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .content-converts-section p:last-of-type {
        margin-bottom: 0;
    }

    .content-converts-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .content-converts-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Conversion Flow ── */
    .content-converts-section .convert-flow {
        max-width: 550px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .content-converts-section .convert-step {
        padding: 0.7rem 1.2rem;
        margin: 0.25rem auto;
        border-radius: 10px;
        text-align: center;
        font-weight: 500;
        font-size: 0.95rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        max-width: 380px;
        cursor: default;
        position: relative;
    }

    .content-converts-section .convert-step:hover {
        transform: translateX(10px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.06);
    }

    .content-converts-section .convert-step .step-num {
        display: inline-block;
        background: #84c615;
        color: #ffffff;
        width: 24px;
        height: 24px;
        line-height: 24px;
        border-radius: 50%;
        font-size: 0.7rem;
        font-weight: 700;
        margin-right: 8px;
        text-align: center;
        transition: all 0.4s ease;
    }

    .content-converts-section .convert-step:hover .step-num {
        transform: scale(1.15);
        box-shadow: 0 4px 15px rgba(132, 198, 21, 0.3);
    }

    .content-converts-section .convert-arrow {
        text-align: center;
        font-size: 0.8rem;
        padding: 0.05rem 0;
        color: #84c615;
        opacity: 0.3;
    }

    .content-converts-section .convert-step.cta-step {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        font-weight: 600;
        color: #1a1a1a;
    }

    .content-converts-section .convert-step.cta-step:hover {
        background: rgba(132, 198, 21, 0.12);
        border-color: #84c615;
    }

    /* ── SECTION 24: MEASURING-PERFORMANCE (CYCLIC 2) ── */
    .measuring-performance-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .measuring-performance-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .measuring-performance-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .measuring-performance-section .section-title .accent-text {
        color: #84c615;
    }

    .measuring-performance-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .measuring-performance-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .measuring-performance-section p:last-of-type {
        margin-bottom: 0;
    }

    .measuring-performance-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .measuring-performance-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Metric Cards ── */
    .measuring-performance-section .metric-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.7rem;
        padding: 0 1rem;
    }

    .measuring-performance-section .metric-card {
        padding: 0.8rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .measuring-performance-section .metric-card:hover {
        transform: translateY(-5px) rotateX(2deg);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .measuring-performance-section .metric-card .metric-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 25: CONTENTAUTHORITY (CYCLIC 1) ── */
    .contentauthority-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .contentauthority-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .contentauthority-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .contentauthority-section .section-title .accent-text {
        color: #84c615;
    }

    .contentauthority-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .contentauthority-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .contentauthority-section p:last-of-type {
        margin-bottom: 0;
    }

    .contentauthority-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .contentauthority-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Authority Cards ── */
    .contentauthority-section .authority-grid {
        max-width: 750px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.8rem;
        padding: 0 1rem;
    }

    .contentauthority-section .authority-card {
        padding: 1rem 0.8rem;
        border-radius: 14px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .contentauthority-section .authority-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .contentauthority-section .authority-card:hover {
        transform: translateY(-6px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.07);
    }

    .contentauthority-section .authority-card:hover::before {
        left: 100%;
    }

    .contentauthority-section .authority-card .principle {
        display: block;
        font-weight: 700;
        font-size: 1.1rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .contentauthority-section .authority-card .desc {
        display: block;
        font-size: 0.85rem;
        color: #4a4a4a;
    }

    .contentauthority-section .authority-card:hover .desc {
        color: #3a3a3a;
    }

    .contentauthority-section .authority-card .num-badge {
        display: inline-block;
        font-size: 0.6rem;
        font-weight: 700;
        color: #84c615;
        background: rgba(132, 198, 21, 0.08);
        padding: 0.1rem 0.6rem;
        border-radius: 20px;
        margin-bottom: 0.3rem;
        letter-spacing: 0.05em;
        transition: all 0.4s ease;
    }

    .contentauthority-section .authority-card:hover .num-badge {
        background: rgba(132, 198, 21, 0.15);
        transform: scale(1.05);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .featured-answers-section,
        .aeo-questions-section,
        .geo-friendly-section,
        .content-converts-section,
        .measuring-performance-section,
        .contentauthority-section {
            padding: 3.5rem 0;
        }

        .featured-answers-section .section-title,
        .aeo-questions-section .section-title,
        .geo-friendly-section .section-title,
        .content-converts-section .section-title,
        .measuring-performance-section .section-title,
        .contentauthority-section .section-title {
            font-size: 1.8rem;
        }

        .featured-answers-section .answer-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }

        .aeo-questions-section .q-grid {
            grid-template-columns: 1fr 1fr;
        }

        .geo-friendly-section .geo-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }

        .measuring-performance-section .metric-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }

        .contentauthority-section .authority-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }

    @media (max-width: 480px) {
        .featured-answers-section,
        .aeo-questions-section,
        .geo-friendly-section,
        .content-converts-section,
        .measuring-performance-section,
        .contentauthority-section {
            padding: 2.5rem 0;
        }

        .featured-answers-section .section-title,
        .aeo-questions-section .section-title,
        .geo-friendly-section .section-title,
        .content-converts-section .section-title,
        .measuring-performance-section .section-title,
        .contentauthority-section .section-title {
            font-size: 1.5rem;
        }

        .featured-answers-section .answer-grid {
            grid-template-columns: 1fr 1fr;
        }

        .aeo-questions-section .q-grid {
            grid-template-columns: 1fr;
        }

        .geo-friendly-section .geo-grid {
            grid-template-columns: 1fr 1fr;
        }

        .measuring-performance-section .metric-grid {
            grid-template-columns: 1fr 1fr;
        }

        .contentauthority-section .authority-grid {
            grid-template-columns: 1fr 1fr;
        }

        .featured-answers-section .example-box .question {
            font-size: 0.95rem;
        }
        .featured-answers-section .example-box .answer {
            font-size: 0.85rem;
        }
        .content-converts-section .convert-step {
            font-size: 0.85rem;
            padding: 0.5rem 0.8rem;
        }
    }




    
    /* ── SECTION 51: AUTHORITYCORE (CYCLIC 2) ── */
    .authoritycore-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .authoritycore-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .authoritycore-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .authoritycore-section .section-title .accent-text {
        color: #84c615;
    }

    .authoritycore-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .authoritycore-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .authoritycore-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .authoritycore-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .authoritycore-section .auth-flow {
        max-width: 650px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .authoritycore-section .auth-step {
        padding: 0.9rem 1.2rem;
        margin: 0.3rem auto;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        max-width: 500px;
        position: relative;
        overflow: hidden;
    }

    .authoritycore-section .auth-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .authoritycore-section .auth-step:hover {
        transform: translateX(8px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.04);
    }

    .authoritycore-section .auth-step:hover::before {
        left: 100%;
    }

    .authoritycore-section .auth-step .auth-num {
        display: inline-block;
        font-size: 0.7rem;
        font-weight: 700;
        color: #84c615;
        background: rgba(132, 198, 21, 0.1);
        padding: 0.1rem 0.6rem;
        border-radius: 20px;
        margin-right: 6px;
        vertical-align: middle;
        transition: all 0.3s ease;
    }

    .authoritycore-section .auth-step:hover .auth-num {
        background: rgba(132, 198, 21, 0.2);
        transform: scale(1.05);
    }

    .authoritycore-section .auth-step .auth-label {
        font-weight: 600;
        font-size: 1rem;
        color: #eaeaea;
        vertical-align: middle;
        transition: color 0.3s ease;
    }

    .authoritycore-section .auth-step:hover .auth-label {
        color: #84c615;
    }

    .authoritycore-section .auth-step .auth-desc {
        display: block;
        font-size: 0.85rem;
        color: #a0a0a0;
        margin-top: 0.2rem;
        transition: color 0.3s ease;
    }

    .authoritycore-section .auth-step:hover .auth-desc {
        color: #c0c0c0;
    }

    .authoritycore-section .auth-step.highlight-step {
        border-color: rgba(132, 198, 21, 0.15);
        background: rgba(132, 198, 21, 0.04);
    }

    .authoritycore-section .auth-step.highlight-step:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.08);
    }

    .authoritycore-section .auth-arrow {
        text-align: center;
        font-size: 1rem;
        padding: 0.1rem 0;
        color: #84c615;
        opacity: 0.3;
        transition: all 0.4s ease;
    }

    .authoritycore-section .auth-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── SECTION 52: WHAT-WE-AVOID (CYCLIC 1) ── */
    .what-we-avoid-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .what-we-avoid-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .what-we-avoid-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .what-we-avoid-section .section-title .accent-text {
        color: #84c615;
    }

    .what-we-avoid-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .what-we-avoid-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .what-we-avoid-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .what-we-avoid-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .what-we-avoid-section .avoid-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .what-we-avoid-section .avoid-item {
        padding: 0.8rem 0.6rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(231, 76, 60, 0.08);
        background: rgba(231, 76, 60, 0.02);
        color: #4a3a3a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .what-we-avoid-section .avoid-item::after {
        content: '✕';
        position: absolute;
        top: -6px;
        right: -6px;
        font-size: 0.6rem;
        color: #e74c3c;
        background: #ffffff;
        padding: 0.1rem 0.3rem;
        border-radius: 50%;
        border: 1px solid rgba(231, 76, 60, 0.15);
        opacity: 0;
        transition: all 0.4s ease;
    }

    .what-we-avoid-section .avoid-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.04);
        box-shadow: 0 6px 25px rgba(231, 76, 60, 0.04);
        color: #2a1a1a;
    }

    .what-we-avoid-section .avoid-item:hover::after {
        opacity: 1;
    }

    .what-we-avoid-section .avoid-footer {
        text-align: center;
        max-width: 600px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-top: 2px solid #84c615;
        border-bottom: 2px solid #84c615;
        background: rgba(132, 198, 21, 0.02);
        border-radius: 4px;
        transition: all 0.4s ease;
        cursor: default;
    }

    .what-we-avoid-section .avoid-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        transform: scale(1.01);
    }

    .what-we-avoid-section .avoid-footer .goal-text {
        font-size: 1.1rem;
        font-weight: 600;
        color: #1a1a1a;
    }

    .what-we-avoid-section .avoid-footer .goal-text strong {
        color: #84c615;
    }

    /* ── SECTION 53: ANCHOR-STRATEGY (CYCLIC 2) ── */
    .anchor-strategy-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .anchor-strategy-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .anchor-strategy-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .anchor-strategy-section .section-title .accent-text {
        color: #84c615;
    }

    .anchor-strategy-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .anchor-strategy-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .anchor-strategy-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .anchor-strategy-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .anchor-strategy-section .anchor-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .anchor-strategy-section .anchor-item {
        padding: 0.7rem 0.6rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .anchor-strategy-section .anchor-item::before {
        content: '"';
        position: absolute;
        top: -10px;
        left: 8px;
        font-size: 2.5rem;
        color: rgba(132, 198, 21, 0.03);
        font-family: Georgia, serif;
        transition: all 0.4s ease;
    }

    .anchor-strategy-section .anchor-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .anchor-strategy-section .anchor-item:hover::before {
        color: rgba(132, 198, 21, 0.08);
        font-size: 3rem;
    }

    .anchor-strategy-section .anchor-item .anchor-tag {
        display: block;
        font-size: 0.6rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #84c615;
        margin-top: 0.2rem;
        font-weight: 600;
        opacity: 0.6;
        transition: opacity 0.3s ease;
    }

    .anchor-strategy-section .anchor-item:hover .anchor-tag {
        opacity: 1;
    }

    /* ── SECTION 54: BEYOND-BACKLINKS (CYCLIC 1) ── */
    .beyond-backlinks-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .beyond-backlinks-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .beyond-backlinks-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .beyond-backlinks-section .section-title .accent-text {
        color: #84c615;
    }

    .beyond-backlinks-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .beyond-backlinks-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .beyond-backlinks-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .beyond-backlinks-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .beyond-backlinks-section .beyond-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .beyond-backlinks-section .beyond-item {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .beyond-backlinks-section .beyond-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .beyond-backlinks-section .beyond-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .beyond-backlinks-section .beyond-item:hover::after {
        width: 60%;
    }

    .beyond-backlinks-section .beyond-item .beyond-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 55: AUTHORITY-TIMELINE (CYCLIC 2) ── */
    .authority-timeline-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .authority-timeline-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .authority-timeline-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .authority-timeline-section .section-title .accent-text {
        color: #84c615;
    }

    .authority-timeline-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .authority-timeline-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .authority-timeline-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .authority-timeline-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .authority-timeline-section .timeline-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .authority-timeline-section .timeline-item {
        padding: 0.9rem 0.4rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .authority-timeline-section .timeline-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .authority-timeline-section .timeline-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .authority-timeline-section .timeline-item:hover::before {
        opacity: 1;
    }

    .authority-timeline-section .timeline-item .tl-icon {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 56: RELEVANT-AUTHORITY (CYCLIC 1) ── */
    .relevant-authority-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .relevant-authority-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .relevant-authority-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .relevant-authority-section .section-title .accent-text {
        color: #84c615;
    }

    .relevant-authority-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .relevant-authority-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .relevant-authority-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .relevant-authority-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .relevant-authority-section .compare-box {
        max-width: 700px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .relevant-authority-section .compare-col {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
    }

    .relevant-authority-section .compare-col:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 35px rgba(0, 0, 0, 0.04);
    }

    .relevant-authority-section .compare-col.bad {
        border-color: rgba(231, 76, 60, 0.08);
        background: rgba(231, 76, 60, 0.02);
    }

    .relevant-authority-section .compare-col.bad:hover {
        border-color: rgba(231, 76, 60, 0.15);
        box-shadow: 0 8px 35px rgba(231, 76, 60, 0.04);
    }

    .relevant-authority-section .compare-col.good {
        border-color: rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
    }

    .relevant-authority-section .compare-col.good:hover {
        border-color: #84c615;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.06);
    }

    .relevant-authority-section .compare-col .col-title {
        font-weight: 700;
        font-size: 1rem;
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .relevant-authority-section .compare-col.bad .col-title {
        color: #e74c3c;
    }

    .relevant-authority-section .compare-col.good .col-title {
        color: #84c615;
    }

    .relevant-authority-section .compare-col .col-items {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .relevant-authority-section .compare-col .col-items li {
        padding: 0.3rem 0;
        font-size: 0.85rem;
        color: #4a4a4a;
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
        transition: all 0.3s ease;
    }

    .relevant-authority-section .compare-col .col-items li:hover {
        color: #1a1a1a;
        transform: translateX(4px);
    }

    .relevant-authority-section .compare-col.bad .col-items li {
        color: #6a5a5a;
    }

    .relevant-authority-section .compare-col.good .col-items li {
        color: #3a4a3a;
    }

    .relevant-authority-section .compare-col.good .col-items li:hover {
        color: #1a3a1a;
    }

    /* ── SECTION 57: FRESHORA-AUTHORITY (CYCLIC 2) ── */
    .freshora-authority-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .freshora-authority-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .freshora-authority-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .freshora-authority-section .section-title .accent-text {
        color: #84c615;
    }

    .freshora-authority-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .freshora-authority-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .freshora-authority-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .freshora-authority-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .freshora-authority-section .auth-principles {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .freshora-authority-section .auth-principle {
        padding: 0.9rem 0.5rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .freshora-authority-section .auth-principle::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent 50%, rgba(132, 198, 21, 0.1) 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .freshora-authority-section .auth-principle:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .freshora-authority-section .auth-principle:hover::before {
        opacity: 1;
    }

    .freshora-authority-section .auth-principle .ap-icon {
        display: block;
        font-size: 1.5rem;
        margin-bottom: 0.2rem;
    }

    .freshora-authority-section .auth-principle .ap-label {
        display: block;
        font-size: 0.8rem;
        font-weight: 500;
    }

    .freshora-authority-section .auth-principle .ap-desc {
        display: block;
        font-size: 0.7rem;
        color: #808080;
        margin-top: 0.2rem;
        transition: color 0.3s ease;
    }

    .freshora-authority-section .auth-principle:hover .ap-desc {
        color: #b0b0b0;
    }

    .freshora-authority-section .auth-principle.highlight {
        grid-column: span 2;
        border-color: rgba(132, 198, 21, 0.12);
        background: rgba(132, 198, 21, 0.03);
    }

    .freshora-authority-section .auth-principle.highlight .ap-label {
        font-size: 0.9rem;
        font-weight: 700;
        color: #84c615;
    }

    /* ── SECTION 58: LOCAL-SEO (CYCLIC 1) ── */
    .local-seo-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .local-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .local-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .local-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .local-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-seo-section .local-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-seo-section .local-item {
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-seo-section .local-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .local-seo-section .local-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .local-seo-section .local-item:hover::before {
        left: 100%;
    }

    .local-seo-section .local-item .local-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 59: LOCAL-SEO-MATTERS (CYCLIC 2) ── */
    .local-seo-matters-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-seo-matters-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-seo-matters-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .local-seo-matters-section .section-title .accent-text {
        color: #84c615;
    }

    .local-seo-matters-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .local-seo-matters-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .local-seo-matters-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-seo-matters-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-seo-matters-section .matters-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-seo-matters-section .matters-item {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-seo-matters-section .matters-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .local-seo-matters-section .matters-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .local-seo-matters-section .matters-item:hover::before {
        opacity: 1;
    }

    .local-seo-matters-section .matters-item .m-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 60: GBP-OPTIMISATION (CYCLIC 1) ── */
    .gbp-optimisation-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .gbp-optimisation-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .gbp-optimisation-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .gbp-optimisation-section .section-title .accent-text {
        color: #84c615;
    }

    .gbp-optimisation-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .gbp-optimisation-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .gbp-optimisation-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .gbp-optimisation-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .gbp-optimisation-section .gbp-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .gbp-optimisation-section .gbp-item {
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .gbp-optimisation-section .gbp-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .gbp-optimisation-section .gbp-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .gbp-optimisation-section .gbp-item:hover::after {
        width: 60%;
    }

    .gbp-optimisation-section .gbp-item .gbp-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 61: GBP-WEBSITE (CYCLIC 2) ── */
    .gbp-website-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .gbp-website-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .gbp-website-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .gbp-website-section .section-title .accent-text {
        color: #84c615;
    }

    .gbp-website-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .gbp-website-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .gbp-website-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .gbp-website-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .gbp-website-section .support-flow {
        max-width: 550px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .gbp-website-section .support-step {
        padding: 0.7rem 1.2rem;
        margin: 0.25rem auto;
        border-radius: 10px;
        text-align: center;
        font-weight: 500;
        font-size: 0.95rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        max-width: 450px;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .gbp-website-section .support-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .gbp-website-section .support-step:hover {
        transform: translateX(8px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.04);
    }

    .gbp-website-section .support-step:hover::before {
        left: 100%;
    }

    .gbp-website-section .support-step .step-arrow {
        color: #84c615;
        margin-right: 6px;
        font-weight: 700;
    }

  .gbp-website-section .support-arrow {
    line-height: 1;
    font-weight: 700;
    text-align: center;
    font-size: 2rem;
    padding: 0.05rem 0;
    color: red;
    opacity: 37.3;
    transition: all 0.4s ease;
  }

    .gbp-website-section .support-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── SECTION 62: LOCAL-KEYWORD (CYCLIC 1) ── */
    .local-keyword-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-keyword-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-keyword-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .local-keyword-section .section-title .accent-text {
        color: #84c615;
    }

    .local-keyword-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .local-keyword-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .local-keyword-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-keyword-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-keyword-section .keyword-map {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.7rem 1.5rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-keyword-section .keyword-pair {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
        padding: 0.4rem 0.6rem;
        border-radius: 8px;
        border: 1px solid rgba(132, 198, 21, 0.04);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
    }

    .local-keyword-section .keyword-pair:hover {
        border-color: rgba(132, 198, 21, 0.1);
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.03);
    }

    .local-keyword-section .keyword-pair .query-type {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: #84c615;
        font-weight: 600;
        text-align: right;
        padding-right: 0.5rem;
        border-right: 1px solid rgba(132, 198, 21, 0.08);
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .local-keyword-section .keyword-pair .query-text {
        font-size: 0.85rem;
        color: #2a2a2a;
        text-align: left;
        padding-left: 0.5rem;
        display: flex;
        align-items: center;
        font-weight: 500;
        transition: color 0.3s ease;
    }

    .local-keyword-section .keyword-pair:hover .query-text {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .authoritycore-section,
        .what-we-avoid-section,
        .anchor-strategy-section,
        .beyond-backlinks-section,
        .authority-timeline-section,
        .relevant-authority-section,
        .freshora-authority-section,
        .local-seo-section,
        .local-seo-matters-section,
        .gbp-optimisation-section,
        .gbp-website-section,
        .local-keyword-section {
            padding: 3.5rem 0;
        }

        .authoritycore-section .section-title,
        .what-we-avoid-section .section-title,
        .anchor-strategy-section .section-title,
        .beyond-backlinks-section .section-title,
        .authority-timeline-section .section-title,
        .relevant-authority-section .section-title,
        .freshora-authority-section .section-title,
        .local-seo-section .section-title,
        .local-seo-matters-section .section-title,
        .gbp-optimisation-section .section-title,
        .gbp-website-section .section-title,
        .local-keyword-section .section-title {
            font-size: 1.8rem;
        }

        .what-we-avoid-section .avoid-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .anchor-strategy-section .anchor-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .beyond-backlinks-section .beyond-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .authority-timeline-section .timeline-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .freshora-authority-section .auth-principles {
            grid-template-columns: repeat(2, 1fr);
        }

        .local-seo-section .local-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .local-seo-matters-section .matters-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .gbp-optimisation-section .gbp-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .freshora-authority-section .auth-principle.highlight {
            grid-column: span 2;
        }
    }

    @media (max-width: 480px) {
        .authoritycore-section,
        .what-we-avoid-section,
        .anchor-strategy-section,
        .beyond-backlinks-section,
        .authority-timeline-section,
        .relevant-authority-section,
        .freshora-authority-section,
        .local-seo-section,
        .local-seo-matters-section,
        .gbp-optimisation-section,
        .gbp-website-section,
        .local-keyword-section {
            padding: 2.5rem 0;
        }

        .authoritycore-section .section-title,
        .what-we-avoid-section .section-title,
        .anchor-strategy-section .section-title,
        .beyond-backlinks-section .section-title,
        .authority-timeline-section .section-title,
        .relevant-authority-section .section-title,
        .freshora-authority-section .section-title,
        .local-seo-section .section-title,
        .local-seo-matters-section .section-title,
        .gbp-optimisation-section .section-title,
        .gbp-website-section .section-title,
        .local-keyword-section .section-title {
            font-size: 1.5rem;
        }

        .what-we-avoid-section .avoid-grid {
            grid-template-columns: 1fr;
        }

        .anchor-strategy-section .anchor-grid {
            grid-template-columns: 1fr;
        }

        .beyond-backlinks-section .beyond-grid {
            grid-template-columns: 1fr;
        }

        .authority-timeline-section .timeline-grid {
            grid-template-columns: 1fr;
        }

        .freshora-authority-section .auth-principles {
            grid-template-columns: 1fr;
        }

        .local-seo-section .local-grid {
            grid-template-columns: 1fr;
        }

        .local-seo-matters-section .matters-grid {
            grid-template-columns: 1fr;
        }

        .gbp-optimisation-section .gbp-grid {
            grid-template-columns: 1fr;
        }

        .relevant-authority-section .compare-box {
            grid-template-columns: 1fr;
        }

        .local-keyword-section .keyword-map {
            grid-template-columns: 1fr;
        }

        .local-keyword-section .keyword-pair {
            grid-template-columns: 1fr 1fr;
        }

        .freshora-authority-section .auth-principle.highlight {
            grid-column: span 1;
        }

        .authoritycore-section .auth-step {
            padding: 0.7rem 1rem;
        }

        .authoritycore-section .auth-step .auth-desc {
            font-size: 0.75rem;
        }

        .gbp-website-section .support-step {
            font-size: 0.85rem;
            padding: 0.5rem 0.8rem;
        }
    }






    /* ── SECTION 26: BUILDING-CONTENT (CYCLIC 2) ── */
    .building-content-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .building-content-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .building-content-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .building-content-section .section-title .accent-text {
        color: #84c615;
    }

    .building-content-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .building-content-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .building-content-section p:last-of-type {
        margin-bottom: 0;
    }

    .building-content-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .building-content-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    /* ── Row-wise boxes ── */
    .building-content-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .building-content-section .box-item {
        flex: 0 1 calc(33.33% - 0.8rem);
        min-width: 140px;
        padding: 0.8rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .building-content-section .box-item:hover {
        transform: translateY(-5px) scale(1.03);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.06);
    }

    .building-content-section .box-item .icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 27: OFF-PAGE-OVERVIEW (CYCLIC 1) ── */
    .offpage-overview-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .offpage-overview-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .offpage-overview-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .offpage-overview-section .section-title .accent-text {
        color: #84c615;
    }

    .offpage-overview-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .offpage-overview-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .offpage-overview-section p:last-of-type {
        margin-bottom: 0;
    }

    .offpage-overview-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .offpage-overview-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .offpage-overview-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .offpage-overview-section .box-item {
        flex: 0 1 calc(33.33% - 0.7rem);
        min-width: 130px;
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .offpage-overview-section .box-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .offpage-overview-section .box-item:hover {
        transform: translateY(-4px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .offpage-overview-section .box-item:hover::after {
        width: 60%;
    }

    /* ── SECTION 28: BACKLINKS-MATTER (CYCLIC 2) ── */
    .backlinks-matter-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .backlinks-matter-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .backlinks-matter-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .backlinks-matter-section .section-title .accent-text {
        color: #84c615;
    }

    .backlinks-matter-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .backlinks-matter-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .backlinks-matter-section p:last-of-type {
        margin-bottom: 0;
    }

    .backlinks-matter-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .backlinks-matter-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .backlinks-matter-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .backlinks-matter-section .box-item {
        flex: 0 1 calc(33.33% - 0.8rem);
        min-width: 140px;
        padding: 0.9rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .backlinks-matter-section .box-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .backlinks-matter-section .box-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .backlinks-matter-section .box-item:hover::before {
        opacity: 1;
    }

    .backlinks-matter-section .box-item .label {
        display: block;
        font-weight: 600;
        color: #84c615;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 29: BACKLINKS-SUBMISSION (CYCLIC 1) ── */
    .backlinks-submission-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .backlinks-submission-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .backlinks-submission-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .backlinks-submission-section .section-title .accent-text {
        color: #84c615;
    }

    .backlinks-submission-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .backlinks-submission-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .backlinks-submission-section p:last-of-type {
        margin-bottom: 0;
    }

    .backlinks-submission-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .backlinks-submission-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .backlinks-submission-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .backlinks-submission-section .box-item {
        flex: 0 1 calc(33.33% - 0.7rem);
        min-width: 130px;
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
    }

    .backlinks-submission-section .box-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
        color: #1a1a1a;
        font-weight: 500;
    }

    /* ── SECTION 30: LOCAL-BACKLINK (CYCLIC 2) ── */
    .local-backlink-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-backlink-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-backlink-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .local-backlink-section .section-title .accent-text {
        color: #84c615;
    }

    .local-backlink-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .local-backlink-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .local-backlink-section p:last-of-type {
        margin-bottom: 0;
    }

    .local-backlink-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-backlink-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-backlink-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-backlink-section .box-item {
        flex: 0 1 calc(33.33% - 0.8rem);
        min-width: 140px;
        padding: 0.8rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .local-backlink-section .box-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, transparent);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        transition: all 0.5s ease;
    }

    .local-backlink-section .box-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .local-backlink-section .box-item .emoji {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 31: INDUSTRY-BACKLINKS (CYCLIC 1) ── */
    .industry-backlinks-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .industry-backlinks-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .industry-backlinks-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .industry-backlinks-section .section-title .accent-text {
        color: #84c615;
    }

    .industry-backlinks-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .industry-backlinks-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .industry-backlinks-section p:last-of-type {
        margin-bottom: 0;
    }

    .industry-backlinks-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .industry-backlinks-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .industry-backlinks-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .industry-backlinks-section .box-item {
        flex: 0 1 calc(33.33% - 0.7rem);
        min-width: 130px;
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
    }

    .industry-backlinks-section .box-item:hover {
        transform: translateY(-4px) scale(1.03);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
        color: #1a1a1a;
        font-weight: 500;
    }

    .industry-backlinks-section .box-item .badge {
        display: block;
        font-size: 0.6rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #84c615;
        margin-top: 0.2rem;
        font-weight: 700;
    }

    /* ── SECTION 32: EDITORIAL-LINKS (CYCLIC 2) ── */
    .editorial-links-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .editorial-links-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .editorial-links-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .editorial-links-section .section-title .accent-text {
        color: #84c615;
    }

    .editorial-links-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .editorial-links-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .editorial-links-section p:last-of-type {
        margin-bottom: 0;
    }

    .editorial-links-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .editorial-links-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .editorial-links-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .editorial-links-section .box-item {
        flex: 0 1 calc(33.33% - 0.8rem);
        min-width: 140px;
        padding: 0.9rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .editorial-links-section .box-item:hover {
        transform: translateY(-5px) rotateX(2deg);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .editorial-links-section .box-item .num {
        display: block;
        font-size: 0.7rem;
        font-weight: 700;
        color: #84c615;
        margin-bottom: 0.2rem;
        letter-spacing: 0.05em;
    }

    /* ── SECTION 33: DIGITAL-PR (CYCLIC 1) ── */
    .digital-pr-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .digital-pr-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .digital-pr-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .digital-pr-section .section-title .accent-text {
        color: #84c615;
    }

    .digital-pr-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .digital-pr-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .digital-pr-section p:last-of-type {
        margin-bottom: 0;
    }

    .digital-pr-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .digital-pr-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .digital-pr-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .digital-pr-section .box-item {
        flex: 0 1 calc(33.33% - 0.7rem);
        min-width: 130px;
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .digital-pr-section .box-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .digital-pr-section .box-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .digital-pr-section .box-item:hover::before {
        left: 100%;
    }

    /* ── SECTION 34: BRAND-MENTIONS (CYCLIC 2) ── */
    .brand-mentions-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .brand-mentions-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .brand-mentions-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .brand-mentions-section .section-title .accent-text {
        color: #84c615;
    }

    .brand-mentions-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .brand-mentions-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .brand-mentions-section p:last-of-type {
        margin-bottom: 0;
    }

    .brand-mentions-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .brand-mentions-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .brand-mentions-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .brand-mentions-section .box-item {
        flex: 0 1 calc(33.33% - 0.8rem);
        min-width: 140px;
        padding: 0.8rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .brand-mentions-section .box-item:hover {
        transform: translateY(-5px) scale(1.03);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .brand-mentions-section .box-item .icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 35: LOCAL-CITATIONS (CYCLIC 1) ── */
    .local-citations-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-citations-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-citations-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .local-citations-section .section-title .accent-text {
        color: #84c615;
    }

    .local-citations-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .local-citations-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .local-citations-section p:last-of-type {
        margin-bottom: 0;
    }

    .local-citations-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-citations-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-citations-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-citations-section .box-item {
        flex: 0 1 calc(33.33% - 0.7rem);
        min-width: 130px;
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: white;
        transition: all 0.4s ease;
        cursor: default;
    }

    .local-citations-section .box-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
        color: #1a1a1a;
        font-weight: 500;
    }

    /* ── SECTION 36: NAP-CONSISTENCY (CYCLIC 2) ── */
    .nap-consistency-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .nap-consistency-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .nap-consistency-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .nap-consistency-section .section-title .accent-text {
        color: #84c615;
    }

    .nap-consistency-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .nap-consistency-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .nap-consistency-section p:last-of-type {
        margin-bottom: 0;
    }

    .nap-consistency-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .nap-consistency-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .nap-consistency-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .nap-consistency-section .box-item {
        flex: 0 1 calc(33.33% - 0.8rem);
        min-width: 140px;
        padding: 0.8rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .nap-consistency-section .box-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .nap-consistency-section .box-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .nap-consistency-section .box-item:hover::before {
        opacity: 1;
    }

    .nap-consistency-section .box-item .label {
        display: block;
        font-weight: 600;
        color: #84c615;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 37: DIRECTORIES (CYCLIC 1) ── */
    .directories-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .directories-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .directories-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .directories-section .section-title .accent-text {
        color: #84c615;
    }

    .directories-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .directories-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .directories-section p:last-of-type {
        margin-bottom: 0;
    }

    .directories-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .directories-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .directories-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .directories-section .box-item {
        flex: 0 1 calc(33.33% - 0.7rem);
        min-width: 130px;
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .directories-section .box-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .directories-section .box-item:hover {
        transform: translateY(-4px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .directories-section .box-item:hover::after {
        width: 60%;
    }

    /* ── SECTION 38: DOMAIN-AUTHORITY (CYCLIC 2) ── */
    .domain-authority-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .domain-authority-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .domain-authority-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .domain-authority-section .section-title .accent-text {
        color: #84c615;
    }

    .domain-authority-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .domain-authority-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .domain-authority-section p:last-of-type {
        margin-bottom: 0;
    }

    .domain-authority-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .domain-authority-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .domain-authority-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .domain-authority-section .box-item {
        flex: 0 1 calc(33.33% - 0.8rem);
        min-width: 140px;
        padding: 0.9rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .domain-authority-section .box-item:hover {
        transform: translateY(-5px) rotateX(2deg);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .domain-authority-section .box-item .num {
        display: block;
        font-size: 0.7rem;
        font-weight: 700;
        color: #84c615;
        margin-bottom: 0.2rem;
        letter-spacing: 0.05em;
    }

    /* ── SECTION 39: DA-APPROACH (CYCLIC 1) ── */
    .da-approach-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .da-approach-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .da-approach-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .da-approach-section .section-title .accent-text {
        color: #84c615;
    }

    .da-approach-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .da-approach-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .da-approach-section p:last-of-type {
        margin-bottom: 0;
    }

    .da-approach-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .da-approach-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .da-approach-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .da-approach-section .box-item {
        flex: 0 1 calc(33.33% - 0.7rem);
        min-width: 130px;
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .da-approach-section .box-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .da-approach-section .box-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .da-approach-section .box-item:hover::before {
        left: 100%;
    }

    /* ── SECTION 40: OFF-PAGE-SERVICES (CYCLIC 2) ── */
    .offpage-services-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .offpage-services-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .offpage-services-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .offpage-services-section .section-title .accent-text {
        color: #84c615;
    }

    .offpage-services-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .offpage-services-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .offpage-services-section p:last-of-type {
        margin-bottom: 0;
    }

    .offpage-services-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .offpage-services-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .offpage-services-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .offpage-services-section .box-item {
        flex: 0 1 calc(33.33% - 0.8rem);
        min-width: 140px;
        padding: 0.8rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .offpage-services-section .box-item:hover {
        transform: translateY(-5px) scale(1.03);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .offpage-services-section .box-item .icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 41: COMPETITOR-GAP (CYCLIC 1) ── */
    .competitor-gap-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .competitor-gap-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .competitor-gap-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .competitor-gap-section .section-title .accent-text {
        color: #84c615;
    }

    .competitor-gap-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .competitor-gap-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .competitor-gap-section p:last-of-type {
        margin-bottom: 0;
    }

    .competitor-gap-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .competitor-gap-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .competitor-gap-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .competitor-gap-section .box-item {
        flex: 0 1 calc(33.33% - 0.7rem);
        min-width: 130px;
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
    }

    .competitor-gap-section .box-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
        color: #1a1a1a;
        font-weight: 500;
    }

    /* ── SECTION 42: LINK-GAP (CYCLIC 2) ── */
    .link-gap-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .link-gap-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .link-gap-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .link-gap-section .section-title .accent-text {
        color: #84c615;
    }

    .link-gap-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .link-gap-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .link-gap-section p:last-of-type {
        margin-bottom: 0;
    }

    .link-gap-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .link-gap-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .link-gap-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .link-gap-section .box-item {
        flex: 0 1 calc(33.33% - 0.8rem);
        min-width: 140px;
        padding: 0.9rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .link-gap-section .box-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, transparent);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        transition: all 0.5s ease;
    }

    .link-gap-section .box-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .link-gap-section .box-item .label {
        display: block;
        font-weight: 600;
        color: #84c615;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 43: LINK-WORTHY (CYCLIC 1) ── */
    .link-worthy-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .link-worthy-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .link-worthy-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .link-worthy-section .section-title .accent-text {
        color: #84c615;
    }

    .link-worthy-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .link-worthy-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .link-worthy-section p:last-of-type {
        margin-bottom: 0;
    }

    .link-worthy-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .link-worthy-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .link-worthy-section .box-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .link-worthy-section .box-item {
        flex: 0 1 calc(33.33% - 0.7rem);
        min-width: 130px;
        padding: 0.8rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .link-worthy-section .box-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .link-worthy-section .box-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .link-worthy-section .box-item:hover::before {
        left: 100%;
    }

    .link-worthy-section .box-item .emoji {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .building-content-section,
        .offpage-overview-section,
        .backlinks-matter-section,
        .backlinks-submission-section,
        .local-backlink-section,
        .industry-backlinks-section,
        .editorial-links-section,
        .digital-pr-section,
        .brand-mentions-section,
        .local-citations-section,
        .nap-consistency-section,
        .directories-section,
        .domain-authority-section,
        .da-approach-section,
        .offpage-services-section,
        .competitor-gap-section,
        .link-gap-section,
        .link-worthy-section {
            padding: 3.5rem 0;
        }

        .building-content-section .section-title,
        .offpage-overview-section .section-title,
        .backlinks-matter-section .section-title,
        .backlinks-submission-section .section-title,
        .local-backlink-section .section-title,
        .industry-backlinks-section .section-title,
        .editorial-links-section .section-title,
        .digital-pr-section .section-title,
        .brand-mentions-section .section-title,
        .local-citations-section .section-title,
        .nap-consistency-section .section-title,
        .directories-section .section-title,
        .domain-authority-section .section-title,
        .da-approach-section .section-title,
        .offpage-services-section .section-title,
        .competitor-gap-section .section-title,
        .link-gap-section .section-title,
        .link-worthy-section .section-title {
            font-size: 1.8rem;
        }

        .building-content-section .box-item,
        .offpage-overview-section .box-item,
        .backlinks-matter-section .box-item,
        .backlinks-submission-section .box-item,
        .local-backlink-section .box-item,
        .industry-backlinks-section .box-item,
        .editorial-links-section .box-item,
        .digital-pr-section .box-item,
        .brand-mentions-section .box-item,
        .local-citations-section .box-item,
        .nap-consistency-section .box-item,
        .directories-section .box-item,
        .domain-authority-section .box-item,
        .da-approach-section .box-item,
        .offpage-services-section .box-item,
        .competitor-gap-section .box-item,
        .link-gap-section .box-item,
        .link-worthy-section .box-item {
            flex: 0 1 calc(50% - 0.7rem);
            min-width: 120px;
        }
    }

    @media (max-width: 480px) {
        .building-content-section,
        .offpage-overview-section,
        .backlinks-matter-section,
        .backlinks-submission-section,
        .local-backlink-section,
        .industry-backlinks-section,
        .editorial-links-section,
        .digital-pr-section,
        .brand-mentions-section,
        .local-citations-section,
        .nap-consistency-section,
        .directories-section,
        .domain-authority-section,
        .da-approach-section,
        .offpage-services-section,
        .competitor-gap-section,
        .link-gap-section,
        .link-worthy-section {
            padding: 2.5rem 0;
        }

        .building-content-section .section-title,
        .offpage-overview-section .section-title,
        .backlinks-matter-section .section-title,
        .backlinks-submission-section .section-title,
        .local-backlink-section .section-title,
        .industry-backlinks-section .section-title,
        .editorial-links-section .section-title,
        .digital-pr-section .section-title,
        .brand-mentions-section .section-title,
        .local-citations-section .section-title,
        .nap-consistency-section .section-title,
        .directories-section .section-title,
        .domain-authority-section .section-title,
        .da-approach-section .section-title,
        .offpage-services-section .section-title,
        .competitor-gap-section .section-title,
        .link-gap-section .section-title,
        .link-worthy-section .section-title {
            font-size: 1.5rem;
        }

        .building-content-section .box-item,
        .offpage-overview-section .box-item,
        .backlinks-matter-section .box-item,
        .backlinks-submission-section .box-item,
        .local-backlink-section .box-item,
        .industry-backlinks-section .box-item,
        .editorial-links-section .box-item,
        .digital-pr-section .box-item,
        .brand-mentions-section .box-item,
        .local-citations-section .box-item,
        .nap-consistency-section .box-item,
        .directories-section .box-item,
        .domain-authority-section .box-item,
        .da-approach-section .box-item,
        .offpage-services-section .box-item,
        .competitor-gap-section .box-item,
        .link-gap-section .box-item,
        .link-worthy-section .box-item {
            flex: 0 1 100%;
            min-width: unset;
        }
    }


    /* ── SECTION 63: TRICHY-LOCAL (CYCLIC 2) ── */
    .trichy-local-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .trichy-local-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .trichy-local-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .trichy-local-section .section-title .accent-text {
        color: #84c615;
    }

    .trichy-local-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .trichy-local-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .trichy-local-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .trichy-local-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .trichy-local-section .local-areas-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .trichy-local-section .local-area-item {
        padding: 0.6rem 0.4rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .trichy-local-section .local-area-item::before {
        content: '';
        position: absolute;
        top: -5px;
        right: -5px;
        font-size: 0.6rem;
        opacity: 0;
        transition: all 0.4s ease;
    }

    .trichy-local-section .local-area-item:hover {
        transform: translateY(-4px) scale(1.03);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .trichy-local-section .local-area-item:hover::before {
        opacity: 1;
    }

    /* ── SECTION 64: LOCAL-CONTENT (CYCLIC 1) ── */
    .local-content-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-content-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-content-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .local-content-section .section-title .accent-text {
        color: #84c615;
    }

    .local-content-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .local-content-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .local-content-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-content-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-content-section .content-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-content-section .content-card {
        padding: 0.9rem 0.8rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-content-section .content-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: #84c615;
        transform: scaleX(0);
        transition: transform 0.4s ease;
        transform-origin: left;
    }

    .local-content-section .content-card:hover {
        transform: translateY(-5px);
        border-color: #84c615;
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .local-content-section .content-card:hover::after {
        transform: scaleX(1);
    }

    .local-content-section .content-card .card-title {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .local-content-section .content-card .card-desc {
        display: block;
        font-size: 0.85rem;
        color: #4a4a4a;
    }

    /* ── SECTION 65: LOCAL-CITATIONS (CYCLIC 2) ── */
    .local-citations-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-citations-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-citations-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .local-citations-section .section-title .accent-text {
        color: #84c615;
    }

    .local-citations-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .local-citations-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .local-citations-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-citations-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-citations-section .citation-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-citations-section .citation-item {
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .local-citations-section .citation-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent 50%, rgba(132, 198, 21, 0.1) 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .local-citations-section .citation-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .local-citations-section .citation-item:hover::before {
        opacity: 1;
    }

    .local-citations-section .citation-item .cit-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 66: NAP-CONSISTENCY (CYCLIC 1) ── */
    .nap-consistency-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .nap-consistency-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .nap-consistency-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .nap-consistency-section .section-title .accent-text {
        color: #84c615;
    }

    .nap-consistency-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .nap-consistency-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .nap-consistency-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .nap-consistency-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .nap-consistency-section .nap-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .nap-consistency-section .nap-item {
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .nap-consistency-section .nap-item::after {
        content: '⚠';
        position: absolute;
        top: -4px;
        right: -4px;
        font-size: 0.6rem;
        opacity: 0;
        transition: all 0.4s ease;
    }

    .nap-consistency-section .nap-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.04);
        box-shadow: 0 6px 25px rgba(231, 76, 60, 0.04);
    }

    .nap-consistency-section .nap-item:hover::after {
        opacity: 1;
    }

    .nap-consistency-section .nap-item .nap-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 67: LOCAL-REVIEWS (CYCLIC 2) ── */
    .local-reviews-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-reviews-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-reviews-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .local-reviews-section .section-title .accent-text {
        color: #84c615;
    }

    .local-reviews-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .local-reviews-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .local-reviews-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-reviews-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-reviews-section .review-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-reviews-section .review-item {
        padding: 0.8rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-reviews-section .review-item::before {
        content: '⭐';
        position: absolute;
        top: -8px;
        left: -8px;
        font-size: 0.8rem;
        opacity: 0;
        transition: all 0.4s ease;
    }

    .local-reviews-section .review-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .local-reviews-section .review-item:hover::before {
        opacity: 1;
    }

    .local-reviews-section .review-item .rv-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 68: REVIEW-MANAGEMENT (CYCLIC 1) ── */
    .review-management-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .review-management-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .review-management-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .review-management-section .section-title .accent-text {
        color: #84c615;
    }

    .review-management-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .review-management-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .review-management-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .review-management-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .review-management-section .response-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .review-management-section .response-item {
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .review-management-section .response-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .review-management-section .response-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .review-management-section .response-item:hover::before {
        left: 100%;
    }

    .review-management-section .response-item .resp-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 69: LOCAL-LINK-BUILDING (CYCLIC 2) ── */
    .local-link-building-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-link-building-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-link-building-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .local-link-building-section .section-title .accent-text {
        color: #84c615;
    }

    .local-link-building-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .local-link-building-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .local-link-building-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-link-building-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-link-building-section .link-opp-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-link-building-section .link-opp-item {
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-link-building-section .link-opp-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .local-link-building-section .link-opp-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .local-link-building-section .link-opp-item:hover::before {
        opacity: 1;
    }

    .local-link-building-section .link-opp-item .lo-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 70: LOCAL-LANDING (CYCLIC 1) ── */
    .local-landing-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-landing-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-landing-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .local-landing-section .section-title .accent-text {
        color: #84c615;
    }

    .local-landing-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .local-landing-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .local-landing-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-landing-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-landing-section .landing-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-landing-section .landing-item {
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .local-landing-section .landing-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .local-landing-section .landing-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .local-landing-section .landing-item:hover::after {
        width: 60%;
    }

    .local-landing-section .landing-item .ld-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 71: SERVICE-AREA (CYCLIC 2) ── */
    .service-area-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .service-area-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .service-area-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .service-area-section .section-title .accent-text {
        color: #84c615;
    }

    .service-area-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .service-area-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .service-area-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .service-area-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .service-area-section .sa-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .service-area-section .sa-item {
        padding: 0.8rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .service-area-section .sa-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.08));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .service-area-section .sa-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .service-area-section .sa-item:hover::before {
        opacity: 1;
    }

    .service-area-section .sa-item .sa-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 72: LOCAL-AI (CYCLIC 1) ── */
    .local-ai-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-ai-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-ai-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .local-ai-section .section-title .accent-text {
        color: #84c615;
    }

    .local-ai-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .local-ai-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .local-ai-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-ai-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-ai-section .ai-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-ai-section .ai-item {
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-ai-section .ai-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .local-ai-section .ai-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .local-ai-section .ai-item:hover::before {
        left: 100%;
    }

    .local-ai-section .ai-item .ai-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 73: GEO (CYCLIC 2) ── */
    .geo-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .geo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .geo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .geo-section .section-title .accent-text {
        color: #84c615;
    }

    .geo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .geo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .geo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .geo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .geo-section .geo-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .geo-section .geo-item {
        padding: 0.8rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .geo-section .geo-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .geo-section .geo-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .geo-section .geo-item:hover::before {
        opacity: 1;
    }

    .geo-section .geo-item .geo-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 74: LOCAL-AEO (CYCLIC 1) ── */
    .local-aeo-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-aeo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-aeo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .local-aeo-section .section-title .accent-text {
        color: #84c615;
    }

    .local-aeo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .local-aeo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .local-aeo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .local-aeo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-aeo-section .aeo-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-aeo-section .aeo-item {
        padding: 0.8rem 0.7rem;
        border-radius: 10px;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .local-aeo-section .aeo-item::after {
        content: '❓';
        position: absolute;
        top: -4px;
        right: -4px;
        font-size: 0.6rem;
        opacity: 0;
        transition: all 0.4s ease;
    }

    .local-aeo-section .aeo-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .local-aeo-section .aeo-item:hover::after {
        opacity: 1;
    }

    .local-aeo-section .aeo-item .aeo-q {
        display: block;
        font-weight: 600;
        font-size: 0.9rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .local-aeo-section .aeo-item .aeo-a {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
    }

    /* ── SECTION 75: INDUSTRY-SEO (CYCLIC 2) ── */
    .industry-seo-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .industry-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .industry-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .industry-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .industry-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .industry-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .industry-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .industry-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .industry-seo-section .industry-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .industry-seo-section .industry-item {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .industry-seo-section .industry-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent 50%, rgba(132, 198, 21, 0.08) 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .industry-seo-section .industry-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .industry-seo-section .industry-item:hover::before {
        opacity: 1;
    }

    .industry-seo-section .industry-item .ind-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 76: MEASURING-LOCAL (CYCLIC 1) ── */
    .measuring-local-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .measuring-local-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .measuring-local-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .measuring-local-section .section-title .accent-text {
        color: #84c615;
    }

    .measuring-local-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .measuring-local-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .measuring-local-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .measuring-local-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .measuring-local-section .measure-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .measuring-local-section .measure-item {
        padding: 0.7rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .measuring-local-section .measure-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .measuring-local-section .measure-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .measuring-local-section .measure-item:hover::after {
        width: 60%;
    }

    .measuring-local-section .measure-item .ms-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 77: LOCALAUTHORITY (CYCLIC 2) ── */
    .localauthority-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .localauthority-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .localauthority-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .localauthority-section .section-title .accent-text {
        color: #84c615;
    }

    .localauthority-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .localauthority-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .localauthority-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
    }

    .localauthority-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .localauthority-section .la-flow {
        max-width: 600px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .localauthority-section .la-step {
        padding: 0.8rem 1.2rem;
        margin: 0.25rem auto;
        border-radius: 10px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 450px;
        position: relative;
        overflow: hidden;
    }

    .localauthority-section .la-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .localauthority-section .la-step:hover {
        transform: translateX(8px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.04);
    }

    .localauthority-section .la-step:hover::before {
        left: 100%;
    }

    .localauthority-section .la-step .la-num {
        float: left;
        display: inline-block;
        font-size: 0.7rem;
        font-weight: 700;
        color: #84c615;
        background: rgba(132, 198, 21, 0.1);
        padding: 0.1rem 0.6rem;
        border-radius: 20px;
        margin-right: 6px;
        vertical-align: middle;
        transition: all 0.3s ease;
    }

    .localauthority-section .la-step:hover .la-num {
        background: rgba(132, 198, 21, 0.2);
        transform: scale(1.05);
    }

    .localauthority-section .la-step .la-label {
        font-weight: 600;
        font-size: 0.95rem;
        vertical-align: middle;
        transition: color 0.3s ease;
    }

    .localauthority-section .la-step:hover .la-label {
        color: #84c615;
    }

    .localauthority-section .la-step .la-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        margin-top: 0.2rem;
        transition: color 0.3s ease;
    }

    .localauthority-section .la-step:hover .la-desc {
        color: #b0b0b0;
    }

    .localauthority-section .la-step.highlight-step {
        border-color: rgba(132, 198, 21, 0.12);
        background: rgba(132, 198, 21, 0.03);
    }

    .localauthority-section .la-step.highlight-step:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.08);
    }

    .localauthority-section .la-arrow {
        text-align: center;
        font-size: 0.9rem;
        padding: 0.05rem 0;
        color: #84c615;
        opacity: 0.3;
        transition: all 0.4s ease;
    }

    .localauthority-section .la-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .trichy-local-section,
        .local-content-section,
        .local-citations-section,
        .nap-consistency-section,
        .local-reviews-section,
        .review-management-section,
        .local-link-building-section,
        .local-landing-section,
        .service-area-section,
        .local-ai-section,
        .geo-section,
        .local-aeo-section,
        .industry-seo-section,
        .measuring-local-section,
        .localauthority-section {
            padding: 3.5rem 0;
        }

        .trichy-local-section .section-title,
        .local-content-section .section-title,
        .local-citations-section .section-title,
        .nap-consistency-section .section-title,
        .local-reviews-section .section-title,
        .review-management-section .section-title,
        .local-link-building-section .section-title,
        .local-landing-section .section-title,
        .service-area-section .section-title,
        .local-ai-section .section-title,
        .geo-section .section-title,
        .local-aeo-section .section-title,
        .industry-seo-section .section-title,
        .measuring-local-section .section-title,
        .localauthority-section .section-title {
            font-size: 1.8rem;
        }

        .trichy-local-section .local-areas-grid {
            grid-template-columns: repeat(3, 1fr);
        }

        .local-content-section .content-cards {
            grid-template-columns: 1fr 1fr;
        }

        .local-citations-section .citation-grid,
        .nap-consistency-section .nap-grid,
        .local-reviews-section .review-grid,
        .review-management-section .response-grid,
        .local-link-building-section .link-opp-grid,
        .local-landing-section .landing-grid,
        .service-area-section .sa-grid,
        .local-ai-section .ai-grid,
        .geo-section .geo-grid,
        .industry-seo-section .industry-grid,
        .measuring-local-section .measure-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .local-aeo-section .aeo-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 480px) {
        .trichy-local-section,
        .local-content-section,
        .local-citations-section,
        .nap-consistency-section,
        .local-reviews-section,
        .review-management-section,
        .local-link-building-section,
        .local-landing-section,
        .service-area-section,
        .local-ai-section,
        .geo-section,
        .local-aeo-section,
        .industry-seo-section,
        .measuring-local-section,
        .localauthority-section {
            padding: 2.5rem 0;
        }

        .trichy-local-section .section-title,
        .local-content-section .section-title,
        .local-citations-section .section-title,
        .nap-consistency-section .section-title,
        .local-reviews-section .section-title,
        .review-management-section .section-title,
        .local-link-building-section .section-title,
        .local-landing-section .section-title,
        .service-area-section .section-title,
        .local-ai-section .section-title,
        .geo-section .section-title,
        .local-aeo-section .section-title,
        .industry-seo-section .section-title,
        .measuring-local-section .section-title,
        .localauthority-section .section-title {
            font-size: 1.5rem;
        }

        .trichy-local-section .local-areas-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .local-content-section .content-cards {
            grid-template-columns: 1fr;
        }

        .local-citations-section .citation-grid,
        .nap-consistency-section .nap-grid,
        .local-reviews-section .review-grid,
        .review-management-section .response-grid,
        .local-link-building-section .link-opp-grid,
        .local-landing-section .landing-grid,
        .service-area-section .sa-grid,
        .local-ai-section .ai-grid,
        .geo-section .geo-grid,
        .local-aeo-section .aeo-grid,
        .industry-seo-section .industry-grid,
        .measuring-local-section .measure-grid {
            grid-template-columns: 1fr;
        }

        .localauthority-section .la-step {
            padding: 0.6rem 0.8rem;
        }

        .localauthority-section .la-step .la-desc {
            font-size: 0.75rem;
        }

        .local-aeo-section .aeo-item .aeo-q {
            font-size: 0.8rem;
        }
        .local-aeo-section .aeo-item .aeo-a {
            font-size: 0.75rem;
        }
    }

    
    /* ── Industry Details Grid ── */
    .industry-details-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .industry-detail-card {
        background: #ffffff;
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        padding: 1.2rem 0.8rem 1rem;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .industry-detail-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(132, 198, 21, 0.03), transparent 60%);
        opacity: 0;
        transition: opacity 0.5s ease;
        border-radius: 14px;
    }

    .industry-detail-card:hover {
        transform: translateY(-6px);
        border-color: #84c615;
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.08);
    }

    .industry-detail-card:hover::before {
        opacity: 1;
    }

    .industry-detail-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #84c615;
        transition: width 0.4s ease;
        border-radius: 2px;
    }

    .industry-detail-card:hover::after {
        width: 60%;
    }

    .industry-detail-card .industry-detail-icon {
        font-size: 2rem;
        display: block;
        margin-bottom: 0.4rem;
        transition: transform 0.4s ease;
    }

    .industry-detail-card:hover .industry-detail-icon {
        transform: scale(1.15) rotate(-3deg);
    }

    .industry-detail-card .industry-detail-title {
        font-size: 1rem;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 0.3rem;
        transition: color 0.3s ease;
    }

    .industry-detail-card:hover .industry-detail-title {
        color: #84c615;
    }

    .industry-detail-card .industry-detail-desc {
        font-size: 0.85rem;
        color: #5a5a5a;
        line-height: 1.5;
        text-align: center;
        margin: 0;
        transition: color 0.3s ease;
    }

    .industry-detail-card:hover .industry-detail-desc {
        color: #3a3a3a;
    }

    /* ── Summary Box ── */
    .industry-summary-box {
        max-width: 700px;
        margin: 1.8rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.04);
        border: 1px solid rgba(132, 198, 21, 0.12);
        border-radius: 12px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .industry-summary-box:hover {
        background: rgba(132, 198, 21, 0.07);
        border-color: #84c615;
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.06);
    }

    .industry-summary-box .summary-icon {
        font-size: 1.5rem;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }

    .industry-summary-box .summary-text {
        font-size: 1.05rem;
        color: white;
        vertical-align: middle;
        font-weight: 500;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .industry-details-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.8rem;
        }

        .industry-detail-card {
            padding: 1rem 0.6rem 0.8rem;
        }

        .industry-detail-card .industry-detail-icon {
            font-size: 1.6rem;
        }

        .industry-detail-card .industry-detail-title {
            font-size: 0.9rem;
        }

        .industry-detail-card .industry-detail-desc {
            font-size: 0.8rem;
        }
    }

    @media (max-width: 480px) {
        .industry-details-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.7rem;
        }

        .industry-detail-card {
            padding: 0.8rem 0.5rem 0.6rem;
        }

        .industry-detail-card .industry-detail-icon {
            font-size: 1.4rem;
        }

        .industry-detail-card .industry-detail-title {
            font-size: 0.8rem;
        }

        .industry-detail-card .industry-detail-desc {
            font-size: 0.7rem;
        }

        .industry-summary-box {
            padding: 0.8rem 1rem;
        }

        .industry-summary-box .summary-text {
            font-size: 0.9rem;
        }

        .industry-summary-box .summary-icon {
            font-size: 1.2rem;
        }
    }


    /* ── LOCAL PRESENCE SECTION (CYCLIC 1) ── */
    .local-presence-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-presence-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-presence-section .main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .local-presence-section:hover .main-heading {
        letter-spacing: 0.02em;
    }

    .local-presence-section .main-heading .heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .local-presence-section:hover .main-heading .heading-accent {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .local-presence-section .sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .local-presence-section:hover .sub-heading {
        letter-spacing: 0.02em;
    }

    .local-presence-section .brand-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .local-presence-section .brand-line::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: inherit;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .local-presence-section:hover .brand-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .local-presence-section .heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .local-presence-section:hover .heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Presence Grid ── */
    .local-presence-section .presence-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.2rem;
        max-width: 850px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-presence-section .presence-card {
        background: #ffffff;
        border: 1px solid rgba(132, 198, 21, 0.06);
        border-radius: 14px;
        padding: 1.2rem 0.8rem 1rem;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-presence-section .presence-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 14px;
    }

    .local-presence-section .presence-card:hover {
        transform: translateY(-6px) scale(1.02);
        border-color: #84c615;
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.06);
    }

    .local-presence-section .presence-card:hover::before {
        left: 100%;
    }

    .local-presence-section .presence-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #84c615;
        transform: scaleX(0);
        transition: transform 0.4s ease;
        transform-origin: left;
        border-radius: 2px;
    }

    .local-presence-section .presence-card:hover::after {
        transform: scaleX(1);
    }

    .local-presence-section .presence-card .card-icon {
        font-size: 1.8rem;
        display: block;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .local-presence-section .presence-card:hover .card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .local-presence-section .presence-card .card-title {
        font-size: 1rem;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 0.3rem;
        transition: color 0.3s ease;
    }

    .local-presence-section .presence-card:hover .card-title {
        color: #84c615;
    }

    .local-presence-section .presence-card .card-info {
        font-size: 0.85rem;
        color: #5a5a5a;
        line-height: 1.5;
        text-align: center;
        margin: 0;
        transition: color 0.3s ease;
    }

    .local-presence-section .presence-card:hover .card-info {
        color: #3a3a3a;
    }

    /* ── Presence Footer ── */
    .local-presence-section .presence-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.03);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .local-presence-section .presence-footer:hover {
        background: rgba(132, 198, 21, 0.06);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .local-presence-section .presence-footer .footer-check {
        font-size: 1.6rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .local-presence-section .presence-footer:hover .footer-check {
        transform: scale(1.2) rotate(-5deg);
    }

    .local-presence-section .presence-footer .footer-message {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .local-presence-section .presence-footer .footer-message strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .local-presence-section {
            padding: 3.5rem 0;
        }

        .local-presence-section .main-heading {
            font-size: 1.8rem;
        }

        .local-presence-section .sub-heading {
            font-size: 1rem;
        }

        .local-presence-section .presence-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.8rem;
        }

        .local-presence-section .presence-card {
            padding: 1rem 0.6rem 0.8rem;
        }

        .local-presence-section .presence-card .card-icon {
            font-size: 1.5rem;
        }

        .local-presence-section .presence-card .card-title {
            font-size: 0.9rem;
        }

        .local-presence-section .presence-card .card-info {
            font-size: 0.8rem;
        }

        .local-presence-section .presence-footer {
            padding: 1rem 1.2rem;
        }

        .local-presence-section .presence-footer .footer-message {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .local-presence-section {
            padding: 2.5rem 0;
        }

        .local-presence-section .main-heading {
            font-size: 1.5rem;
        }

        .local-presence-section .presence-grid {
            grid-template-columns: 1fr;
            gap: 0.7rem;
        }

        .local-presence-section .presence-card {
            padding: 0.8rem 0.5rem 0.6rem;
        }

        .local-presence-section .presence-card .card-icon {
            font-size: 1.3rem;
        }

        .local-presence-section .presence-card .card-title {
            font-size: 0.85rem;
        }

        .local-presence-section .presence-card .card-info {
            font-size: 0.75rem;
        }

        .local-presence-section .presence-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .local-presence-section .presence-footer .footer-message {
            font-size: 0.85rem;
        }

        .local-presence-section .presence-footer .footer-check {
            font-size: 1.3rem;
        }
    }

    /* ── FRESHORA LOCAL SECTION (CYCLIC 2) ── */
    .freshora-local-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .freshora-local-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .freshora-local-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .freshora-local-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .freshora-local-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .freshora-local-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .freshora-local-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .freshora-local-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .freshora-local-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .freshora-local-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .freshora-local-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .freshora-local-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .freshora-local-section .freshora-box {
        max-width: 820px;
        margin: 0 auto;
        padding: 1.5rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        transition: all 0.4s ease;
        cursor: default;
    }

    .freshora-local-section .freshora-box:hover {
        border-color: rgba(132, 198, 21, 0.15);
        background: rgba(255, 255, 255, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.03);
    }

    .freshora-local-section .freshora-box p {
        text-align: justify;
        color: #d0d0d0;
        margin-bottom: 1rem;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .freshora-local-section .freshora-box p:last-of-type {
        margin-bottom: 0;
    }

    .freshora-local-section .freshora-box:hover p {
        padding: 0 0.5rem;
    }

    .freshora-local-section .goal-box {
        margin-top: 1.2rem;
        padding: 0.8rem 1.2rem;
        border-radius: 10px;
        background: rgba(132, 198, 21, 0.04);
        border: 1px solid rgba(132, 198, 21, 0.06);
        text-align: center;
        transition: all 0.4s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .freshora-local-section .goal-box:hover {
        background: rgba(132, 198, 21, 0.07);
        border-color: #84c615;
        transform: scale(1.01);
    }

    .freshora-local-section .goal-box .goal-icon {
        font-size: 1.4rem;
        transition: transform 0.4s ease;
    }

    .freshora-local-section .goal-box:hover .goal-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .freshora-local-section .goal-box .goal-text {
        font-weight: 600;
        font-size: 1.05rem;
        color: #84c615;
        line-height: 1.6;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    @media (max-width: 768px) {
        .freshora-local-section {
            padding: 3.5rem 0;
        }

        .freshora-local-section .section-title {
            font-size: 1.8rem;
        }

        .freshora-local-section .section-sub {
            font-size: 1rem;
        }

        .freshora-local-section .freshora-box {
            padding: 1.2rem;
        }

        .freshora-local-section .goal-box .goal-text {
            font-size: 0.95rem;
        }
    }

    @media (max-width: 480px) {
        .freshora-local-section {
            padding: 2.5rem 0;
        }

        .freshora-local-section .section-title {
            font-size: 1.5rem;
        }

        .freshora-local-section .freshora-box {
            padding: 1rem;
        }

        .freshora-local-section .freshora-box p {
            font-size: 0.9rem;
        }

        .freshora-local-section .goal-box {
            padding: 0.6rem 0.8rem;
            flex-direction: column;
            gap: 4px;
        }

        .freshora-local-section .goal-box .goal-text {
            font-size: 0.9rem;
        }

        .freshora-local-section .goal-box .goal-icon {
            font-size: 1.2rem;
        }
    }

    /* ── SEO AUDIT SECTION (CYCLIC 1) ── */
    .seo-audit-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-audit-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .seo-audit-section .audit-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .seo-audit-section:hover .audit-heading {
        letter-spacing: 0.02em;
    }

    .seo-audit-section .audit-heading .audit-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .seo-audit-section:hover .audit-heading .audit-accent {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .seo-audit-section .audit-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .seo-audit-section:hover .audit-sub {
        letter-spacing: 0.02em;
    }

    .seo-audit-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .seo-audit-section:hover p {
        padding: 0 0.5rem;
    }

    .seo-audit-section .audit-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .seo-audit-section:hover .audit-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .seo-audit-section .audit-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .seo-audit-section:hover .audit-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Audit Grid ── */
    .seo-audit-section .audit-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-audit-section .audit-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-audit-section .audit-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .seo-audit-section .audit-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .seo-audit-section .audit-item:hover::before {
        left: 100%;
    }

    .seo-audit-section .audit-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
        border-radius: 2px;
    }

    .seo-audit-section .audit-item:hover::after {
        width: 60%;
    }

    .seo-audit-section .audit-item .audit-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .seo-audit-section .audit-item:hover .audit-icon {
        transform: scale(1.15);
    }

    /* ── Audit Footer ── */
    .seo-audit-section .audit-footer {
        max-width: 820px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.03);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .seo-audit-section .audit-footer:hover {
        background: rgba(132, 198, 21, 0.06);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .seo-audit-section .audit-footer .audit-footer-icon {
        font-size: 1.6rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .seo-audit-section .audit-footer:hover .audit-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .seo-audit-section .audit-footer .audit-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .seo-audit-section .audit-footer .audit-footer-text strong {
        color: #84c615;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .seo-audit-section {
            padding: 3.5rem 0;
        }

        .seo-audit-section .audit-heading {
            font-size: 1.8rem;
        }

        .seo-audit-section .audit-sub {
            font-size: 1rem;
        }

        .seo-audit-section .audit-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .seo-audit-section .audit-item {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .seo-audit-section .audit-footer {
            padding: 1rem 1.2rem;
        }

        .seo-audit-section .audit-footer .audit-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .seo-audit-section {
            padding: 2.5rem 0;
        }

        .seo-audit-section .audit-heading {
            font-size: 1.5rem;
        }

        .seo-audit-section .audit-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .seo-audit-section .audit-item {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .seo-audit-section .audit-item .audit-icon {
            font-size: 1rem;
        }

        .seo-audit-section .audit-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .seo-audit-section .audit-footer .audit-footer-text {
            font-size: 0.85rem;
        }

        .seo-audit-section .audit-footer .audit-footer-icon {
            font-size: 1.3rem;
        }
    }


    /* ── LOCAL VALUE SECTION (CYCLIC 1) ── */
    .local-value-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-value-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-value-section .value-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .local-value-section:hover .value-heading {
        letter-spacing: 0.02em;
    }

    .local-value-section .value-heading .value-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .local-value-section:hover .value-heading .value-accent {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .local-value-section .value-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

    .local-value-section:hover .value-sub {
        letter-spacing: 0.02em;
    }

    .local-value-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .local-value-section:hover p {
        padding: 0 0.5rem;
    }

    .local-value-section .value-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .local-value-section:hover .value-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .local-value-section .value-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .local-value-section:hover .value-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Value Grid ── */
    .local-value-section .value-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-value-section .value-card {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
        text-align: center;
    }

    .local-value-section .value-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 14px;
    }

    .local-value-section .value-card:hover {
        transform: translateY(-6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.08);
    }

    .local-value-section .value-card:hover::before {
        left: 100%;
    }

    .local-value-section .value-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #84c615;
        transform: scaleX(0);
        transition: transform 0.4s ease;
        transform-origin: left;
        border-radius: 2px;
    }

    .local-value-section .value-card:hover::after {
        transform: scaleX(1);
    }

    .local-value-section .value-card .card-label {
        display: block;
        font-weight: 700;
        font-size: 1rem;
        color: #1a1a1a;
        margin-bottom: 0.4rem;
        transition: color 0.3s ease;
    }

    .local-value-section .value-card:hover .card-label {
        color: #84c615;
    }

    .local-value-section .value-card .card-info {
        display: block;
        font-size: 0.85rem;
        color: #5a5a5a;
        line-height: 1.5;
        transition: color 0.3s ease;
    }

    .local-value-section .value-card:hover .card-info {
        color: #3a3a3a;
    }

    .local-value-section .value-card-full {
        grid-column: span 2;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .local-value-section {
            padding: 3.5rem 0;
        }

        .local-value-section .value-heading {
            font-size: 1.8rem;
        }

        .local-value-section .value-sub {
            font-size: 1rem;
        }

        .local-value-section .value-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.8rem;
        }

        .local-value-section .value-card {
            padding: 1rem 0.8rem;
        }

        .local-value-section .value-card .card-label {
            font-size: 0.9rem;
        }

        .local-value-section .value-card .card-info {
            font-size: 0.8rem;
        }
    }

    @media (max-width: 480px) {
        .local-value-section {
            padding: 2.5rem 0;
        }

        .local-value-section .value-heading {
            font-size: 1.5rem;
        }

        .local-value-section .value-grid {
            grid-template-columns: 1fr;
            gap: 0.7rem;
        }

        .local-value-section .value-card {
            padding: 0.8rem 0.6rem;
        }

        .local-value-section .value-card .card-label {
            font-size: 0.85rem;
        }

        .local-value-section .value-card .card-info {
            font-size: 0.75rem;
        }

        .local-value-section .value-card-full {
            grid-column: span 1;
        }
    }

    /* ── SECTION 78: TECHNICAL-AUDIT (CYCLIC 2) ── */
    .tech-audit-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .tech-audit-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .tech-audit-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .tech-audit-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .tech-audit-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .tech-audit-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .tech-audit-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .tech-audit-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .tech-audit-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .tech-audit-section:hover p {
        padding: 0 0.5rem;
    }

    .tech-audit-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .tech-audit-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .tech-audit-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .tech-audit-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .tech-audit-section .audit-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .tech-audit-section .audit-card {
        padding: 0.9rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .tech-audit-section .audit-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .tech-audit-section .audit-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .tech-audit-section .audit-card:hover::before {
        opacity: 1;
    }

    .tech-audit-section .audit-card .card-label {
        display: block;
        font-weight: 600;
        font-size: 0.9rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .tech-audit-section .audit-card .card-desc {
        display: block;
        font-size: 0.8rem;
        color: #909090;
        line-height: 1.4;
    }

    .tech-audit-section .audit-card:hover .card-desc {
        color: #c0c0c0;
    }

    /* ── SECTION 79: CONTENT-AUDIT (CYCLIC 1) ── */
    .content-audit-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .content-audit-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .content-audit-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .content-audit-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .content-audit-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .content-audit-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .content-audit-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .content-audit-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .content-audit-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .content-audit-section:hover p {
        padding: 0 0.5rem;
    }

    .content-audit-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .content-audit-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .content-audit-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .content-audit-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .content-audit-section .content-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .content-audit-section .content-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .content-audit-section .content-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .content-audit-section .content-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .content-audit-section .content-item:hover::before {
        left: 100%;
    }

    .content-audit-section .content-item .ci-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .content-audit-section .classify-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .content-audit-section .classify-item {
        padding: 0.6rem 0.3rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.8rem;
        font-weight: 600;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
    }

    .content-audit-section .classify-item:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.06);
        color: #1a1a1a;
    }

    .content-audit-section .classify-item.keep { border-color: rgba(46, 204, 113, 0.2); background: rgba(46, 204, 113, 0.03); }
    .content-audit-section .classify-item.improve { border-color: rgba(241, 196, 15, 0.2); background: rgba(241, 196, 15, 0.03); }
    .content-audit-section .classify-item.consolidate { border-color: rgba(52, 152, 219, 0.2); background: rgba(52, 152, 219, 0.03); }
    .content-audit-section .classify-item.redirect { border-color: rgba(155, 89, 182, 0.2); background: rgba(155, 89, 182, 0.03); }
    .content-audit-section .classify-item.remove { border-color: rgba(231, 76, 60, 0.2); background: rgba(231, 76, 60, 0.03); }

    .content-audit-section .classify-item.keep:hover { border-color: #2ecc71; background: rgba(46, 204, 113, 0.06); }
    .content-audit-section .classify-item.improve:hover { border-color: #f1c40f; background: rgba(241, 196, 15, 0.06); }
    .content-audit-section .classify-item.consolidate:hover { border-color: #3498db; background: rgba(52, 152, 219, 0.06); }
    .content-audit-section .classify-item.redirect:hover { border-color: #9b59b6; background: rgba(155, 89, 182, 0.06); }
    .content-audit-section .classify-item.remove:hover { border-color: #e74c3c; background: rgba(231, 76, 60, 0.06); }

    /* ── SECTION 80: CANNIBALISATION (CYCLIC 2) ── */
    .cannibalisation-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .cannibalisation-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .cannibalisation-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .cannibalisation-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .cannibalisation-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .cannibalisation-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .cannibalisation-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .cannibalisation-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .cannibalisation-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .cannibalisation-section:hover p {
        padding: 0 0.5rem;
    }

    .cannibalisation-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .cannibalisation-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .cannibalisation-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .cannibalisation-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .cannibalisation-section .cannibal-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 650px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .cannibalisation-section .cannibal-item {
        padding: 0.8rem 0.6rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .cannibalisation-section .cannibal-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.08));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .cannibalisation-section .cannibal-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .cannibalisation-section .cannibal-item:hover::before {
        opacity: 1;
    }

    .cannibalisation-section .cannibal-item .role {
        display: block;
        font-size: 0.65rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #84c615;
        margin-top: 0.2rem;
        font-weight: 600;
        opacity: 0.6;
        transition: opacity 0.3s ease;
    }

    .cannibalisation-section .cannibal-item:hover .role {
        opacity: 1;
    }

    .cannibalisation-section .cannibal-item .page-name {
        font-weight: 600;
    }

    /* ── SECTION 81: GAP-ANALYSIS (CYCLIC 1) ── */
    .gap-analysis-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .gap-analysis-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .gap-analysis-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .gap-analysis-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .gap-analysis-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .gap-analysis-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .gap-analysis-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .gap-analysis-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .gap-analysis-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .gap-analysis-section:hover p {
        padding: 0 0.5rem;
    }

    .gap-analysis-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .gap-analysis-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .gap-analysis-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .gap-analysis-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .gap-analysis-section .gap-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .gap-analysis-section .gap-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .gap-analysis-section .gap-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .gap-analysis-section .gap-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .gap-analysis-section .gap-item:hover::after {
        width: 60%;
    }

    .gap-analysis-section .gap-item .gap-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 82: COMPETITOR-ANALYSIS (CYCLIC 2) ── */
    .competitor-analysis-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .competitor-analysis-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .competitor-analysis-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .competitor-analysis-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .competitor-analysis-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .competitor-analysis-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .competitor-analysis-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .competitor-analysis-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .competitor-analysis-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .competitor-analysis-section:hover p {
        padding: 0 0.5rem;
    }

    .competitor-analysis-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .competitor-analysis-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .competitor-analysis-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .competitor-analysis-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .competitor-analysis-section .comp-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .competitor-analysis-section .comp-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .competitor-analysis-section .comp-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .competitor-analysis-section .comp-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .competitor-analysis-section .comp-item:hover::before {
        opacity: 1;
    }

    .competitor-analysis-section .comp-item .comp-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .competitor-analysis-section .insight-box {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .competitor-analysis-section .insight-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .competitor-analysis-section .insight-box .insight-label {
        font-weight: 600;
        color: #84c615;
        font-size: 0.9rem;
    }

    .competitor-analysis-section .insight-box .insight-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    /* ── SECTION 83: SERP-ANALYSIS (CYCLIC 1) ── */
    .serp-analysis-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .serp-analysis-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .serp-analysis-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .serp-analysis-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .serp-analysis-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .serp-analysis-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .serp-analysis-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .serp-analysis-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .serp-analysis-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .serp-analysis-section:hover p {
        padding: 0 0.5rem;
    }

    .serp-analysis-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .serp-analysis-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .serp-analysis-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .serp-analysis-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .serp-analysis-section .serp-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .serp-analysis-section .serp-item {
        padding: 0.6rem 0.3rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .serp-analysis-section .serp-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .serp-analysis-section .serp-item:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.06);
    }

    .serp-analysis-section .serp-item:hover::before {
        left: 100%;
    }

    .serp-analysis-section .serp-item .serp-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .serp-analysis-section .serp-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        background: rgba(132, 198, 21, 0.03);
        border: 1px solid rgba(132, 198, 21, 0.06);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .serp-analysis-section .serp-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .serp-analysis-section .serp-footer .serp-footer-text {
        font-size: 0.95rem;
        color: #2a2a2a;
        line-height: 1.6;
    }

    .serp-analysis-section .serp-footer .serp-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 84: COMPETITOR-RANK (CYCLIC 2) ── */
    .competitor-rank-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .competitor-rank-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .competitor-rank-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .competitor-rank-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .competitor-rank-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .competitor-rank-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .competitor-rank-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .competitor-rank-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .competitor-rank-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .competitor-rank-section:hover p {
        padding: 0 0.5rem;
    }

    .competitor-rank-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .competitor-rank-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .competitor-rank-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .competitor-rank-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .competitor-rank-section .rank-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .competitor-rank-section .rank-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .competitor-rank-section .rank-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.08));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .competitor-rank-section .rank-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .competitor-rank-section .rank-item:hover::before {
        opacity: 1;
    }

    .competitor-rank-section .rank-item .rank-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .competitor-rank-section .rank-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .competitor-rank-section .rank-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .competitor-rank-section .rank-footer .rank-footer-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    .competitor-rank-section .rank-footer .rank-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 85: RANKING-DECLINE (CYCLIC 1) ── */
    .ranking-decline-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .ranking-decline-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .ranking-decline-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .ranking-decline-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .ranking-decline-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .ranking-decline-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .ranking-decline-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .ranking-decline-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .ranking-decline-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .ranking-decline-section:hover p {
        padding: 0 0.5rem;
    }

    .ranking-decline-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .ranking-decline-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .ranking-decline-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .ranking-decline-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .ranking-decline-section .decline-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .ranking-decline-section .decline-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(231, 76, 60, 0.08);
        background: rgba(231, 76, 60, 0.02);
        color: #4a3a3a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .ranking-decline-section .decline-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(231, 76, 60, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .ranking-decline-section .decline-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        box-shadow: 0 6px 25px rgba(231, 76, 60, 0.04);
        color: #2a1a1a;
    }

    .ranking-decline-section .decline-item:hover::before {
        left: 100%;
    }

    .ranking-decline-section .decline-item .dc-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .ranking-decline-section .decline-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        background: rgba(231, 76, 60, 0.03);
        border: 1px solid rgba(231, 76, 60, 0.06);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .ranking-decline-section .decline-footer:hover {
        background: rgba(231, 76, 60, 0.05);
        border-color: #e74c3c;
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(231, 76, 60, 0.04);
    }

    .ranking-decline-section .decline-footer .decline-footer-text {
        font-size: 0.95rem;
        color: #2a2a2a;
        line-height: 1.6;
    }

    .ranking-decline-section .decline-footer .decline-footer-text strong {
        color: #e74c3c;
    }

    /* ── SECTION 86: NEW-WEBSITE-AUDIT (CYCLIC 2) ── */
    .new-website-audit-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .new-website-audit-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .new-website-audit-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .new-website-audit-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .new-website-audit-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .new-website-audit-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .new-website-audit-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .new-website-audit-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .new-website-audit-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .new-website-audit-section:hover p {
        padding: 0 0.5rem;
    }

    .new-website-audit-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .new-website-audit-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .new-website-audit-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .new-website-audit-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .new-website-audit-section .new-site-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .new-website-audit-section .new-site-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .new-website-audit-section .new-site-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.08));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .new-website-audit-section .new-site-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .new-website-audit-section .new-site-item:hover::before {
        opacity: 1;
    }

    .new-website-audit-section .new-site-item .ns-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 87: EXISTING-WEBSITE-AUDIT (CYCLIC 1) ── */
    .existing-website-audit-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .existing-website-audit-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .existing-website-audit-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .existing-website-audit-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .existing-website-audit-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .existing-website-audit-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .existing-website-audit-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .existing-website-audit-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .existing-website-audit-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .existing-website-audit-section:hover p {
        padding: 0 0.5rem;
    }

    .existing-website-audit-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .existing-website-audit-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .existing-website-audit-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .existing-website-audit-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .existing-website-audit-section .existing-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .existing-website-audit-section .existing-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .existing-website-audit-section .existing-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .existing-website-audit-section .existing-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .existing-website-audit-section .existing-item:hover::after {
        width: 60%;
    }

    .existing-website-audit-section .existing-item .ex-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 88: LARGE-WEBSITE-AUDIT (CYCLIC 2) ── */
    .large-website-audit-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .large-website-audit-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .large-website-audit-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .large-website-audit-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .large-website-audit-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .large-website-audit-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .large-website-audit-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .large-website-audit-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .large-website-audit-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .large-website-audit-section:hover p {
        padding: 0 0.5rem;
    }

    .large-website-audit-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .large-website-audit-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .large-website-audit-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .large-website-audit-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .large-website-audit-section .large-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .large-website-audit-section .large-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .large-website-audit-section .large-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .large-website-audit-section .large-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .large-website-audit-section .large-item:hover::before {
        opacity: 1;
    }

    .large-website-audit-section .large-item .lg-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 89: BUSINESS-GOALS (CYCLIC 1) ── */
    .business-goals-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .business-goals-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .business-goals-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .business-goals-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .business-goals-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .business-goals-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .business-goals-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .business-goals-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .business-goals-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .business-goals-section:hover p {
        padding: 0 0.5rem;
    }

    .business-goals-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .business-goals-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .business-goals-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .business-goals-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .business-goals-section .goals-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .business-goals-section .goal-item {
        padding: 0.9rem 0.5rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .business-goals-section .goal-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .business-goals-section .goal-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .business-goals-section .goal-item:hover::before {
        left: 100%;
    }

    .business-goals-section .goal-item .goal-name {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .business-goals-section .goal-item .goal-desc {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
        line-height: 1.4;
    }

    .business-goals-section .goal-item:hover .goal-desc {
        color: #3a3a3a;
    }

    /* ── SECTION 90: SEO-ROADMAP (CYCLIC 2) ── */
    .seo-roadmap-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-roadmap-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .seo-roadmap-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .seo-roadmap-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .seo-roadmap-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .seo-roadmap-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .seo-roadmap-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .seo-roadmap-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .seo-roadmap-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .seo-roadmap-section:hover p {
        padding: 0 0.5rem;
    }

    .seo-roadmap-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .seo-roadmap-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .seo-roadmap-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .seo-roadmap-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .seo-roadmap-section .roadmap-flow {
        max-width: 550px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .seo-roadmap-section .roadmap-step {
        padding: 0.8rem 1.2rem;
        margin: 0.25rem auto;
        border-radius: 10px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 450px;
        position: relative;
        overflow: hidden;
    }

    .seo-roadmap-section .roadmap-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .seo-roadmap-section .roadmap-step:hover {
        transform: translateX(8px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.04);
    }

    .seo-roadmap-section .roadmap-step:hover::before {
        left: 100%;
    }

    .seo-roadmap-section .roadmap-step .step-phase {
        display: block;
        font-weight: 700;
        font-size: 0.9rem;
        color: #84c615;
    }

    .seo-roadmap-section .roadmap-step .step-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        margin-top: 0.1rem;
        transition: color 0.3s ease;
    }

    .seo-roadmap-section .roadmap-step:hover .step-desc {
        color: #b0b0b0;
    }

    .seo-roadmap-section .roadmap-arrow {
        text-align: center;
        font-size: 2rem;
        padding: 0.05rem 0;
        color: red;
        opacity: 0.8;
        transition: all 0.4s ease;
        font-weight: 700;
    }

    .seo-roadmap-section .roadmap-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── SECTION 91: PRIORITISATION (CYCLIC 1) ── */
    .prioritisation-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .prioritisation-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .prioritisation-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .prioritisation-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .prioritisation-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .prioritisation-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .prioritisation-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .prioritisation-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .prioritisation-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .prioritisation-section:hover p {
        padding: 0 0.5rem;
    }

    .prioritisation-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .prioritisation-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .prioritisation-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .prioritisation-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .prioritisation-section .priority-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .prioritisation-section .priority-item {
        padding: 0.9rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .prioritisation-section .priority-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .prioritisation-section .priority-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .prioritisation-section .priority-item:hover::before {
        opacity: 1;
    }

    .prioritisation-section .priority-item .p-name {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .prioritisation-section .priority-item .p-desc {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
        line-height: 1.4;
    }

    /* ── SECTION 92: ACTIONABLE-AUDIT (CYCLIC 2) ── */
    .actionable-audit-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .actionable-audit-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .actionable-audit-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .actionable-audit-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .actionable-audit-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .actionable-audit-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .actionable-audit-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .actionable-audit-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .actionable-audit-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .actionable-audit-section:hover p {
        padding: 0 0.5rem;
    }

    .actionable-audit-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .actionable-audit-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .actionable-audit-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .actionable-audit-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .actionable-audit-section .action-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.7rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .actionable-audit-section .action-item {
        padding: 0.8rem 0.6rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .actionable-audit-section .action-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .actionable-audit-section .action-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .actionable-audit-section .action-item:hover::before {
        opacity: 1;
    }

    .actionable-audit-section .action-item .act-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 93: INTELLIGENCE-MODEL (CYCLIC 1) ── */
    .intelligence-model-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .intelligence-model-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .intelligence-model-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .intelligence-model-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .intelligence-model-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .intelligence-model-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .intelligence-model-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .intelligence-model-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .intelligence-model-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .intelligence-model-section:hover p {
        padding: 0 0.5rem;
    }

    .intelligence-model-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .intelligence-model-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .intelligence-model-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .intelligence-model-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .intelligence-model-section .model-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .intelligence-model-section .model-item {
        padding: 0.9rem 0.5rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .intelligence-model-section .model-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .intelligence-model-section .model-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .intelligence-model-section .model-item:hover::before {
        left: 100%;
    }

    .intelligence-model-section .model-item .m-name {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .intelligence-model-section .model-item .m-desc {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
        line-height: 1.4;
    }

    .intelligence-model-section .model-item:hover .m-desc {
        color: #3a3a3a;
    }

    /* ── SECTION 94: MORE-CONTENT (CYCLIC 2) ── */
    .more-content-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .more-content-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .more-content-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .more-content-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .more-content-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .more-content-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .more-content-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .more-content-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .more-content-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .more-content-section:hover p {
        padding: 0 0.5rem;
    }

    .more-content-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .more-content-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .more-content-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .more-content-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .more-content-section .content-issues-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .more-content-section .content-issue-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(231, 76, 60, 0.08);
        background: rgba(231, 76, 60, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .more-content-section .content-issue-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(231, 76, 60, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .more-content-section .content-issue-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(231, 76, 60, 0.04);
    }

    .more-content-section .content-issue-item:hover::before {
        opacity: 1;
    }

    .more-content-section .content-issue-item .ci-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .more-content-section .insight-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .more-content-section .insight-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .more-content-section .insight-footer .insight-footer-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    .more-content-section .insight-footer .insight-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 95: AUDIT-GROWTH (CYCLIC 1) ── */
    .audit-growth-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .audit-growth-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .audit-growth-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .audit-growth-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .audit-growth-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .audit-growth-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .audit-growth-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .audit-growth-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .audit-growth-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .audit-growth-section:hover p {
        padding: 0 0.5rem;
    }

    .audit-growth-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .audit-growth-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .audit-growth-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .audit-growth-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .audit-growth-section .growth-flow {
        max-width: 500px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .audit-growth-section .growth-step {
        padding: 0.7rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 10px;
        text-align: center;
        font-size: 0.95rem;
        font-weight: 600;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 380px;
        position: relative;
        overflow: hidden;
    }

    .audit-growth-section .growth-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .audit-growth-section .growth-step:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.06);
    }

    .audit-growth-section .growth-step:hover::before {
        left: 100%;
    }

    .audit-growth-section .growth-step .g-num {
        float: left;
        color: #84c615;
        margin-right: 6px;
    }

    .audit-growth-section .growth-arrow {
        text-align: center;
        font-size: 2rem;
        font-weigth: 700;
        line-height: 1;
        padding: 0.05rem 0;
        color: red;
        opacity: 0.8;
        transition: all 0.4s ease;
    }

    .audit-growth-section .growth-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    .audit-growth-section .growth-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .audit-growth-section .growth-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .audit-growth-section .growth-footer .growth-footer-text {
        font-size: 0.95rem;
        color: #2a2a2a;
        line-height: 1.6;
    }

    .audit-growth-section .growth-footer .growth-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .tech-audit-section,
        .content-audit-section,
        .cannibalisation-section,
        .gap-analysis-section,
        .competitor-analysis-section,
        .serp-analysis-section,
        .competitor-rank-section,
        .ranking-decline-section,
        .new-website-audit-section,
        .existing-website-audit-section,
        .large-website-audit-section,
        .business-goals-section,
        .seo-roadmap-section,
        .prioritisation-section,
        .actionable-audit-section,
        .intelligence-model-section,
        .more-content-section,
        .audit-growth-section {
            padding: 3.5rem 0;
        }

        .tech-audit-section .section-title,
        .content-audit-section .section-title,
        .cannibalisation-section .section-title,
        .gap-analysis-section .section-title,
        .competitor-analysis-section .section-title,
        .serp-analysis-section .section-title,
        .competitor-rank-section .section-title,
        .ranking-decline-section .section-title,
        .new-website-audit-section .section-title,
        .existing-website-audit-section .section-title,
        .large-website-audit-section .section-title,
        .business-goals-section .section-title,
        .seo-roadmap-section .section-title,
        .prioritisation-section .section-title,
        .actionable-audit-section .section-title,
        .intelligence-model-section .section-title,
        .more-content-section .section-title,
        .audit-growth-section .section-title {
            font-size: 1.8rem;
        }

        .tech-audit-section .audit-grid,
        .gap-analysis-section .gap-grid,
        .ranking-decline-section .decline-grid,
        .new-website-audit-section .new-site-grid,
        .existing-website-audit-section .existing-grid,
        .large-website-audit-section .large-grid,
        .more-content-section .content-issues-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .content-audit-section .content-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .content-audit-section .classify-grid {
            grid-template-columns: repeat(3, 1fr);
        }

        .competitor-analysis-section .comp-grid,
        .serp-analysis-section .serp-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .competitor-rank-section .rank-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .business-goals-section .goals-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .intelligence-model-section .model-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .prioritisation-section .priority-grid,
        .actionable-audit-section .action-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 480px) {
        .tech-audit-section,
        .content-audit-section,
        .cannibalisation-section,
        .gap-analysis-section,
        .competitor-analysis-section,
        .serp-analysis-section,
        .competitor-rank-section,
        .ranking-decline-section,
        .new-website-audit-section,
        .existing-website-audit-section,
        .large-website-audit-section,
        .business-goals-section,
        .seo-roadmap-section,
        .prioritisation-section,
        .actionable-audit-section,
        .intelligence-model-section,
        .more-content-section,
        .audit-growth-section {
            padding: 2.5rem 0;
        }

        .tech-audit-section .section-title,
        .content-audit-section .section-title,
        .cannibalisation-section .section-title,
        .gap-analysis-section .section-title,
        .competitor-analysis-section .section-title,
        .serp-analysis-section .section-title,
        .competitor-rank-section .section-title,
        .ranking-decline-section .section-title,
        .new-website-audit-section .section-title,
        .existing-website-audit-section .section-title,
        .large-website-audit-section .section-title,
        .business-goals-section .section-title,
        .seo-roadmap-section .section-title,
        .prioritisation-section .section-title,
        .actionable-audit-section .section-title,
        .intelligence-model-section .section-title,
        .more-content-section .section-title,
        .audit-growth-section .section-title {
            font-size: 1.5rem;
        }

        .tech-audit-section .audit-grid,
        .content-audit-section .content-grid,
        .gap-analysis-section .gap-grid,
        .ranking-decline-section .decline-grid,
        .new-website-audit-section .new-site-grid,
        .existing-website-audit-section .existing-grid,
        .large-website-audit-section .large-grid,
        .more-content-section .content-issues-grid {
            grid-template-columns: 1fr;
        }

        .content-audit-section .classify-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .competitor-analysis-section .comp-grid,
        .serp-analysis-section .serp-grid {
            grid-template-columns: 1fr 1fr;
        }

        .competitor-rank-section .rank-grid {
            grid-template-columns: 1fr;
        }

        .business-goals-section .goals-grid {
            grid-template-columns: 1fr;
        }

        .intelligence-model-section .model-grid {
            grid-template-columns: 1fr;
        }

        .prioritisation-section .priority-grid,
        .actionable-audit-section .action-grid {
            grid-template-columns: 1fr;
        }

        .cannibalisation-section .cannibal-grid {
            grid-template-columns: 1fr;
        }

        .competitor-analysis-section .insight-box .insight-text,
        .serp-analysis-section .serp-footer .serp-footer-text,
        .competitor-rank-section .rank-footer .rank-footer-text,
        .more-content-section .insight-footer .insight-footer-text,
        .audit-growth-section .growth-footer .growth-footer-text {
            font-size: 0.85rem;
        }
    }





    /* ── SECTION 226: READY-TO-IMPROVE (CYCLIC 2) ── */
    .ready-improve-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .ready-improve-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .ready-improve-wrap .ri-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .ready-improve-wrap:hover .ri-main-heading {
        letter-spacing: 0.02em;
    }

    .ready-improve-wrap .ri-main-heading .ri-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .ready-improve-wrap:hover .ri-main-heading .ri-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .ready-improve-wrap .ri-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .ready-improve-wrap:hover .ri-sub-heading {
        letter-spacing: 0.02em;
    }

    .ready-improve-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .ready-improve-wrap:hover p {
        padding: 0 0.5rem;
    }

    .ready-improve-wrap .ri-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .ready-improve-wrap:hover .ri-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .ready-improve-wrap .ri-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .ready-improve-wrap:hover .ri-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .ready-improve-wrap .ri-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .ready-improve-wrap .ri-card {
        padding: 0.8rem 0.6rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.9rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .ready-improve-wrap .ri-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .ready-improve-wrap .ri-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .ready-improve-wrap .ri-card:hover::before {
        opacity: 1;
    }

    .ready-improve-wrap .ri-card .ri-card-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .ready-improve-wrap .ri-card:hover .ri-card-icon {
        transform: scale(1.15);
    }

    /* ── CTA ── */
    .ready-improve-wrap .ri-cta {
        max-width: 500px;
        margin: 1.5rem auto;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 2px solid #84c615;
        background: rgba(132, 198, 21, 0.04);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .ready-improve-wrap .ri-cta:hover {
        background: rgba(132, 198, 21, 0.08);
        transform: scale(1.02);
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.06);
    }

    .ready-improve-wrap .ri-cta .ri-cta-icon {
        font-size: 1.5rem;
    }

    .ready-improve-wrap .ri-cta .ri-cta-text {
        font-size: 1.1rem;
        font-weight: 700;
        color: #84c615;
    }

    /* ── Examine Grid ── */
    .ready-improve-wrap .ri-examine-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.6rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .ready-improve-wrap .ri-examine-item {
        padding: 0.6rem 0.3rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #909090;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .ready-improve-wrap .ri-examine-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 8px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.04));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .ready-improve-wrap .ri-examine-item:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
    }

    .ready-improve-wrap .ri-examine-item:hover::before {
        opacity: 1;
    }

    /* ── Footer ── */
    .ready-improve-wrap .ri-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .ready-improve-wrap .ri-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .ready-improve-wrap .ri-footer .ri-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .ready-improve-wrap .ri-footer:hover .ri-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .ready-improve-wrap .ri-footer .ri-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .ready-improve-wrap .ri-footer .ri-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .ready-improve-wrap {
            padding: 3.5rem 0;
        }

        .ready-improve-wrap .ri-main-heading {
            font-size: 1.8rem;
        }

        .ready-improve-wrap .ri-sub-heading {
            font-size: 1rem;
        }

        .ready-improve-wrap .ri-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.6rem;
        }

        .ready-improve-wrap .ri-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.4rem;
        }

        .ready-improve-wrap .ri-examine-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.5rem;
        }

        .ready-improve-wrap .ri-examine-item {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .ready-improve-wrap .ri-footer {
            padding: 1rem 1.2rem;
        }

        .ready-improve-wrap .ri-footer .ri-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .ready-improve-wrap {
            padding: 2.5rem 0;
        }

        .ready-improve-wrap .ri-main-heading {
            font-size: 1.5rem;
        }

        .ready-improve-wrap .ri-grid {
            grid-template-columns: 1fr;
            gap: 0.5rem;
        }

        .ready-improve-wrap .ri-card {
            font-size: 0.85rem;
            padding: 0.5rem 0.3rem;
        }

        .ready-improve-wrap .ri-examine-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.4rem;
        }

        .ready-improve-wrap .ri-examine-item {
            font-size: 0.7rem;
            padding: 0.4rem 0.15rem;
        }

        .ready-improve-wrap .ri-cta {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 4px;
        }

        .ready-improve-wrap .ri-cta .ri-cta-text {
            font-size: 1rem;
        }

        .ready-improve-wrap .ri-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .ready-improve-wrap .ri-footer .ri-footer-text {
            font-size: 0.85rem;
        }
    }





/* =========================================================
   SECTION 227 — CENTERED PREMIUM FOOTER
   COLOR SYSTEM PRESERVED
   ========================================================= */

.footer-branding-wrap {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}


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

.footer-branding-wrap .section-wrapper {
    position: relative;
    z-index: 1;
}


/* =========================================================
   INTRO
   ========================================================= */

.footer-branding-wrap .fb-intro {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}


/* =========================================================
   OVERLINE
   ========================================================= */

.footer-branding-wrap .fb-overline {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.28em;
    color: #1a1a1a;
    opacity: 0.5;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.footer-branding-wrap:hover .fb-overline {
    color: #84c615;
    letter-spacing: 0.35em;
    opacity: 1;
}


/* =========================================================
   TITLE LINE
   ========================================================= */

.footer-branding-wrap .fb-title-line {
    display: flex;
    justify-content: center;
    margin-bottom: 1.8rem;
}

.footer-branding-wrap .fb-title-line span {
    display: block;
    width: 55px;
    height: 3px;
    background: #84c615;
    border-radius: 5px;
    transition: all 0.5s ease;
}

.footer-branding-wrap:hover .fb-title-line span {
    width: 110px;
    box-shadow: 0 0 18px rgba(132, 198, 21, 0.18);
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.footer-branding-wrap .fb-main-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    line-height: 1;
    font-size: clamp(3rem, 7vw, 6rem);
    font-weight: 700;
    letter-spacing: -0.06em;
}

.footer-branding-wrap .fb-heading-main {
    color: #1a1a1a;
    display: inline-block;
    transition: all 0.45s ease;
}

.footer-branding-wrap .fb-heading-accent {
    color: #84c615;
    display: inline-block;
    font-size: 0.43em;
    margin-top: 0.7rem;
    letter-spacing: -0.025em;
    transition: all 0.45s ease;
}

.footer-branding-wrap:hover .fb-heading-main {
    transform: translateY(-4px);
    letter-spacing: -0.045em;
}

.footer-branding-wrap:hover .fb-heading-accent {
    transform: translateY(3px);
    text-shadow: 0 0 35px rgba(132, 198, 21, 0.16);
}


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

.footer-branding-wrap .fb-description {
    max-width: 680px;
    margin: 2rem auto 0;
    padding: 0 1rem;
    text-align: justify;
    text-align-last: center;
    font-size: 0.95rem;
    line-height: 1.9;
    color: #2a2a2a;
    opacity: 0.7;
}


/* =========================================================
   EXPERTISE SECTION
   ========================================================= */

.footer-branding-wrap .fb-expertise-section {
    max-width: 1000px;
    margin: 4.5rem auto 0;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.footer-branding-wrap .fb-section-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.8rem;
}

.footer-branding-wrap .fb-heading-line {
    width: 70px;
    height: 1px;
    background: rgba(26, 26, 26, 0.15);
    transition: all 0.4s ease;
}

.footer-branding-wrap .fb-heading-text {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    color: #1a1a1a;
    opacity: 0.5;
    white-space: nowrap;
}

.footer-branding-wrap:hover .fb-heading-line {
    width: 110px;
    background: #84c615;
}


/* =========================================================
   TAGLINE
   ========================================================= */

.footer-branding-wrap .fb-tagline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.45rem 0.7rem;
    text-align: center;
    padding: 0 1rem;
}

.footer-branding-wrap .fb-tagline-item {
    position: relative;
    display: inline-block;
    padding: 0.35rem 0.5rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: #2a2a2a;
    cursor: default;
    transition: all 0.35s ease;
}

.footer-branding-wrap .fb-tagline-item::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #84c615;
    transform: translateX(-50%);
    transition: width 0.35s ease;
}

.footer-branding-wrap .fb-tagline-item:hover {
    color: #84c615;
    transform: translateY(-3px);
}

.footer-branding-wrap .fb-tagline-item:hover::after {
    width: 80%;
}

.footer-branding-wrap .fb-tagline-sep {
    color: #84c615;
    opacity: 0.4;
    font-size: 0.65rem;
}


/* =========================================================
   STATEMENT
   ========================================================= */

.footer-branding-wrap .fb-statement {
    max-width: 760px;
    margin: 4.5rem auto 3.5rem;
    padding: 2rem 2.5rem;
    position: relative;
}

.footer-branding-wrap .fb-statement::before,
.footer-branding-wrap .fb-statement::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    transition: all 0.4s ease;
}

.footer-branding-wrap .fb-statement::before {
    top: 0;
    left: 0;
    border-top: 2px solid #84c615;
    border-left: 2px solid #84c615;
}

.footer-branding-wrap .fb-statement::after {
    right: 0;
    bottom: 0;
    border-right: 2px solid #84c615;
    border-bottom: 2px solid #84c615;
}

.footer-branding-wrap:hover .fb-statement::before {
    width: 60px;
    height: 60px;
}

.footer-branding-wrap:hover .fb-statement::after {
    width: 60px;
    height: 60px;
}

.footer-branding-wrap .fb-statement p {
    margin: 0;
    text-align: justify;
    text-align-last: center;
    font-size: 1rem;
    line-height: 1.9;
    font-weight: 500;
    color: #1a1a1a;
}


/* =========================================================
   VALUES
   ========================================================= */

.footer-branding-wrap .fb-values {
    display: flex;
    justify-content: center;
    align-items: stretch;
    max-width: 1000px;
    margin: 0 auto;
}

.footer-branding-wrap .fb-value {
    flex: 1;
    text-align: center;
    padding: 1.2rem 1rem;
    position: relative;
    transition: all 0.4s ease;
}

.footer-branding-wrap .fb-value:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: rgba(26, 26, 26, 0.12);
}

.footer-branding-wrap .fb-value-mark {
    display: block;
    width: 7px;
    height: 7px;
    margin: 0 auto 0.7rem;
    border-radius: 50%;
    background: #84c615;
    transition: all 0.4s ease;
}

.footer-branding-wrap .fb-value:hover .fb-value-mark {
    width: 32px;
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(132, 198, 21, 0.2);
}

.footer-branding-wrap .fb-value-content span {
    display: block;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #84c615;
    opacity: 0.7;
    margin-bottom: 0.35rem;
}

.footer-branding-wrap .fb-value-content strong {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    color: #1a1a1a;
    transition: color 0.3s ease;
}

.footer-branding-wrap .fb-value:hover .fb-value-content strong {
    color: #84c615;
}


/* =========================================================
   CLOSING
   ========================================================= */

.footer-branding-wrap .fb-closing {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    margin-top: 4.5rem;
}

.footer-branding-wrap .fb-closing-line {
    display: block;
    height: 1px;
    width: 100px;
    background: rgba(26, 26, 26, 0.12);
    transition: all 0.5s ease;
}

.footer-branding-wrap:hover .fb-closing-line {
    width: 150px;
    background: #84c615;
}

.footer-branding-wrap .fb-closing-text {
    white-space: nowrap;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    color: #1a1a1a;
    opacity: 0.45;
}

.footer-branding-wrap .fb-closing-text b {
    color: #84c615;
    margin: 0 0.3rem;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 768px) {

    .footer-branding-wrap {
        padding: 4rem 0;
    }

    .footer-branding-wrap .fb-main-heading {
        font-size: 4rem;
    }

    .footer-branding-wrap .fb-description {
        font-size: 0.9rem;
    }

    .footer-branding-wrap .fb-expertise-section {
        margin-top: 3.5rem;
    }

    .footer-branding-wrap .fb-statement {
        margin-top: 3.5rem;
    }

    .footer-branding-wrap .fb-values {
        flex-wrap: wrap;
    }

    .footer-branding-wrap .fb-value {
        flex: 0 0 50%;
    }

    .footer-branding-wrap .fb-value:nth-child(2)::after {
        display: none;
    }

    .footer-branding-wrap .fb-value:nth-child(1),
    .footer-branding-wrap .fb-value:nth-child(2) {
        border-bottom: 1px solid rgba(26, 26, 26, 0.1);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    .footer-branding-wrap {
        padding: 3.2rem 0;
    }

    .footer-branding-wrap .fb-overline {
        font-size: 0.52rem;
        letter-spacing: 0.18em;
    }

    .footer-branding-wrap .fb-title-line span {
        width: 40px;
    }

    .footer-branding-wrap:hover .fb-title-line span {
        width: 75px;
    }

    .footer-branding-wrap .fb-main-heading {
        font-size: 3rem;
        letter-spacing: -0.055em;
    }

    .footer-branding-wrap .fb-heading-accent {
        font-size: 0.48em;
        margin-top: 0.6rem;
    }

    .footer-branding-wrap .fb-description {
        padding: 0 0.5rem;
        font-size: 0.82rem;
        line-height: 1.8;
        text-align: justify;
        text-align-last: center;
    }

    .footer-branding-wrap .fb-expertise-section {
        margin-top: 3rem;
    }

    .footer-branding-wrap .fb-section-heading {
        gap: 0.6rem;
    }

    .footer-branding-wrap .fb-heading-line {
        width: 35px;
    }

    .footer-branding-wrap:hover .fb-heading-line {
        width: 50px;
    }

    .footer-branding-wrap .fb-heading-text {
        font-size: 0.52rem;
        letter-spacing: 0.16em;
    }

    .footer-branding-wrap .fb-tagline {
        gap: 0.3rem 0.45rem;
        padding: 0;
    }

    .footer-branding-wrap .fb-tagline-item {
        font-size: 0.68rem;
        padding: 0.25rem 0.3rem;
    }

    .footer-branding-wrap .fb-tagline-sep {
        font-size: 0.5rem;
    }

    .footer-branding-wrap .fb-statement {
        margin: 3rem auto;
        padding: 1.5rem 1.2rem;
    }

    .footer-branding-wrap .fb-statement p {
        font-size: 0.82rem;
        line-height: 1.8;
        text-align: justify;
        text-align-last: center;
    }

    .footer-branding-wrap .fb-statement::before,
    .footer-branding-wrap .fb-statement::after {
        width: 25px;
        height: 25px;
    }

    .footer-branding-wrap .fb-values {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .footer-branding-wrap .fb-value {
        width: 100%;
        padding: 1rem 0.5rem;
    }

    .footer-branding-wrap .fb-value:not(:last-child)::after {
        display: none;
    }

    .footer-branding-wrap .fb-value:nth-child(odd) {
        border-right: 1px solid rgba(26, 26, 26, 0.1);
    }

    .footer-branding-wrap .fb-value:nth-child(1),
    .footer-branding-wrap .fb-value:nth-child(2) {
        border-bottom: 1px solid rgba(26, 26, 26, 0.1);
    }

    .footer-branding-wrap .fb-value-content strong {
        font-size: 0.75rem;
    }

    .footer-branding-wrap .fb-closing {
        margin-top: 3rem;
        gap: 0.6rem;
    }

    .footer-branding-wrap .fb-closing-line {
        width: 35px;
    }

    .footer-branding-wrap:hover .fb-closing-line {
        width: 50px;
    }

    .footer-branding-wrap .fb-closing-text {
        font-size: 0.42rem;
        letter-spacing: 0.13em;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

    .footer-branding-wrap .fb-main-heading {
        font-size: 2.6rem;
    }

    .footer-branding-wrap .fb-description {
        font-size: 0.78rem;
    }

    .footer-branding-wrap .fb-tagline-item {
        font-size: 0.63rem;
    }

    .footer-branding-wrap .fb-value-content strong {
        font-size: 0.7rem;
    }

    .footer-branding-wrap .fb-closing-text {
        font-size: 0.37rem;
    }

}





    /* ── SECTION 228: E-E-A-T-OVERVIEW (CYCLIC 2) ── */
    .eeat-overview-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .eeat-overview-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .eeat-overview-wrap .eeat-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .eeat-overview-wrap:hover .eeat-main-heading {
        letter-spacing: 0.02em;
    }

    .eeat-overview-wrap .eeat-main-heading .eeat-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .eeat-overview-wrap:hover .eeat-main-heading .eeat-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .eeat-overview-wrap .eeat-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .eeat-overview-wrap:hover .eeat-sub-heading {
        letter-spacing: 0.02em;
    }

    .eeat-overview-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .eeat-overview-wrap:hover p {
        padding: 0 0.5rem;
    }

    .eeat-overview-wrap .eeat-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .eeat-overview-wrap:hover .eeat-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .eeat-overview-wrap .eeat-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .eeat-overview-wrap:hover .eeat-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .eeat-overview-wrap .eeat-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .eeat-overview-wrap .eeat-card {
        padding: 1.2rem 0.8rem;
        border-radius: 14px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .eeat-overview-wrap .eeat-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 14px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .eeat-overview-wrap .eeat-card:hover {
        transform: translateY(-6px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.04);
    }

    .eeat-overview-wrap .eeat-card:hover::before {
        opacity: 1;
    }

    .eeat-overview-wrap .eeat-card .eeat-card-icon {
        display: block;
        font-size: 2rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .eeat-overview-wrap .eeat-card:hover .eeat-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .eeat-overview-wrap .eeat-card .eeat-card-label {
        display: block;
        font-weight: 700;
        font-size: 1rem;
        color: #d0d0d0;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .eeat-overview-wrap .eeat-card:hover .eeat-card-label {
        color: #84c615;
    }

    .eeat-overview-wrap .eeat-card .eeat-card-desc {
        display: block;
        font-size: 0.85rem;
        color: #808080;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .eeat-overview-wrap .eeat-card:hover .eeat-card-desc {
        color: #b0b0b0;
    }

    /* ── Footer ── */
    .eeat-overview-wrap .eeat-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .eeat-overview-wrap .eeat-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .eeat-overview-wrap .eeat-footer .eeat-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .eeat-overview-wrap .eeat-footer:hover .eeat-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .eeat-overview-wrap .eeat-footer .eeat-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .eeat-overview-wrap .eeat-footer .eeat-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .eeat-overview-wrap {
            padding: 3.5rem 0;
        }

        .eeat-overview-wrap .eeat-main-heading {
            font-size: 1.8rem;
        }

        .eeat-overview-wrap .eeat-sub-heading {
            font-size: 1rem;
        }

        .eeat-overview-wrap .eeat-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.8rem;
        }

        .eeat-overview-wrap .eeat-card {
            padding: 1rem 0.6rem;
        }

        .eeat-overview-wrap .eeat-card .eeat-card-icon {
            font-size: 1.6rem;
        }

        .eeat-overview-wrap .eeat-card .eeat-card-label {
            font-size: 0.9rem;
        }

        .eeat-overview-wrap .eeat-card .eeat-card-desc {
            font-size: 0.8rem;
        }

        .eeat-overview-wrap .eeat-footer {
            padding: 1rem 1.2rem;
        }

        .eeat-overview-wrap .eeat-footer .eeat-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .eeat-overview-wrap {
            padding: 2.5rem 0;
        }

        .eeat-overview-wrap .eeat-main-heading {
            font-size: 1.5rem;
        }

        .eeat-overview-wrap .eeat-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.6rem;
        }

        .eeat-overview-wrap .eeat-card {
            padding: 0.8rem 0.4rem;
        }

        .eeat-overview-wrap .eeat-card .eeat-card-icon {
            font-size: 1.3rem;
        }

        .eeat-overview-wrap .eeat-card .eeat-card-label {
            font-size: 0.8rem;
        }

        .eeat-overview-wrap .eeat-card .eeat-card-desc {
            font-size: 0.7rem;
        }

        .eeat-overview-wrap .eeat-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .eeat-overview-wrap .eeat-footer .eeat-footer-text {
            font-size: 0.85rem;
        }
    }





    /* ── SECTION 229: WHAT-IS-EEAT (CYCLIC 1) ── */
    .what-is-eeat-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .what-is-eeat-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .what-is-eeat-wrap .wi-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .what-is-eeat-wrap:hover .wi-main-heading {
        letter-spacing: 0.02em;
    }

    .what-is-eeat-wrap .wi-main-heading .wi-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .what-is-eeat-wrap:hover .wi-main-heading .wi-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .what-is-eeat-wrap .wi-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .what-is-eeat-wrap:hover .wi-sub-heading {
        letter-spacing: 0.02em;
    }

    .what-is-eeat-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .what-is-eeat-wrap:hover p {
        padding: 0 0.5rem;
    }

    .what-is-eeat-wrap .wi-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .what-is-eeat-wrap:hover .wi-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .what-is-eeat-wrap .wi-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .what-is-eeat-wrap:hover .wi-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .what-is-eeat-wrap .wi-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .what-is-eeat-wrap .wi-card {
        padding: 1.2rem 0.8rem;
        border-radius: 14px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .what-is-eeat-wrap .wi-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 14px;
    }

    .what-is-eeat-wrap .wi-card:hover {
        transform: translateY(-6px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.06);
    }

    .what-is-eeat-wrap .wi-card:hover::before {
        left: 100%;
    }

    .what-is-eeat-wrap .wi-card .wi-card-icon {
        display: block;
        font-size: 2rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .what-is-eeat-wrap .wi-card:hover .wi-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .what-is-eeat-wrap .wi-card .wi-card-label {
        display: block;
        font-weight: 700;
        font-size: 1rem;
        color: #1a1a1a;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .what-is-eeat-wrap .wi-card:hover .wi-card-label {
        color: #84c615;
    }

    .what-is-eeat-wrap .wi-card .wi-card-desc {
        display: block;
        font-size: 0.85rem;
        color: #4a4a4a;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .what-is-eeat-wrap .wi-card:hover .wi-card-desc {
        color: #3a3a3a;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .what-is-eeat-wrap {
            padding: 3.5rem 0;
        }

        .what-is-eeat-wrap .wi-main-heading {
            font-size: 1.8rem;
        }

        .what-is-eeat-wrap .wi-sub-heading {
            font-size: 1rem;
        }

        .what-is-eeat-wrap .wi-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.8rem;
        }

        .what-is-eeat-wrap .wi-card {
            padding: 1rem 0.6rem;
        }

        .what-is-eeat-wrap .wi-card .wi-card-icon {
            font-size: 1.6rem;
        }

        .what-is-eeat-wrap .wi-card .wi-card-label {
            font-size: 0.9rem;
        }

        .what-is-eeat-wrap .wi-card .wi-card-desc {
            font-size: 0.8rem;
        }
    }

    @media (max-width: 480px) {
        .what-is-eeat-wrap {
            padding: 2.5rem 0;
        }

        .what-is-eeat-wrap .wi-main-heading {
            font-size: 1.5rem;
        }

        .what-is-eeat-wrap .wi-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.6rem;
        }

        .what-is-eeat-wrap .wi-card {
            padding: 0.8rem 0.4rem;
        }

        .what-is-eeat-wrap .wi-card .wi-card-icon {
            font-size: 1.3rem;
        }

        .what-is-eeat-wrap .wi-card .wi-card-label {
            font-size: 0.8rem;
        }

        .what-is-eeat-wrap .wi-card .wi-card-desc {
            font-size: 0.7rem;
        }
    }





    /* ── SECTION 230: EXPERIENCE (CYCLIC 2) ── */
    .experience-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .experience-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .experience-wrap .exp-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .experience-wrap:hover .exp-main-heading {
        letter-spacing: 0.02em;
    }

    .experience-wrap .exp-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .experience-wrap:hover .exp-sub-heading {
        letter-spacing: 0.02em;
    }

    .experience-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .experience-wrap:hover p {
        padding: 0 0.5rem;
    }

    .experience-wrap .exp-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .experience-wrap:hover .exp-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .experience-wrap .exp-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .experience-wrap:hover .exp-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Compare ── */
    .experience-wrap .exp-compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .experience-wrap .exp-bad {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        border: 1px solid rgba(231, 76, 60, 0.12);
        background: rgba(231, 76, 60, 0.03);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .experience-wrap .exp-bad:hover {
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(231, 76, 60, 0.04);
    }

    .experience-wrap .exp-bad .exp-bad-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #e74c3c;
        margin-bottom: 0.3rem;
    }

    .experience-wrap .exp-bad .exp-bad-text {
        display: block;
        font-size: 1rem;
        color: #b0a0a0;
        font-style: italic;
    }

    .experience-wrap .exp-good {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        border: 1px solid rgba(46, 204, 113, 0.12);
        background: rgba(46, 204, 113, 0.03);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .experience-wrap .exp-good:hover {
        border-color: #2ecc71;
        background: rgba(46, 204, 113, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(46, 204, 113, 0.04);
    }

    .experience-wrap .exp-good .exp-good-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #2ecc71;
        margin-bottom: 0.3rem;
    }

    .experience-wrap .exp-good .exp-good-text {
        display: block;
        font-size: 1rem;
        color: #d0d0d0;
        font-style: italic;
    }

    /* ── Grid ── */
    .experience-wrap .exp-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .experience-wrap .exp-card {
        padding: 0.8rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .experience-wrap .exp-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .experience-wrap .exp-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .experience-wrap .exp-card:hover::before {
        opacity: 1;
    }

    .experience-wrap .exp-card .exp-card-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .experience-wrap .exp-card:hover .exp-card-icon {
        transform: scale(1.15);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .experience-wrap {
            padding: 3.5rem 0;
        }

        .experience-wrap .exp-main-heading {
            font-size: 1.8rem;
        }

        .experience-wrap .exp-sub-heading {
            font-size: 1rem;
        }

        .experience-wrap .exp-compare {
            grid-template-columns: 1fr;
            gap: 1rem;
        }

        .experience-wrap .exp-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .experience-wrap .exp-card {
            font-size: 0.75rem;
            padding: 0.6rem 0.2rem;
        }
    }

    @media (max-width: 480px) {
        .experience-wrap {
            padding: 2.5rem 0;
        }

        .experience-wrap .exp-main-heading {
            font-size: 1.5rem;
        }

        .experience-wrap .exp-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .experience-wrap .exp-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.15rem;
        }

        .experience-wrap .exp-card .exp-card-icon {
            font-size: 0.9rem;
        }
    }





    /* ── SECTION 231: FIRST-HAND-EXPERIENCE-MATTERS (CYCLIC 1) ── */
    .firsthand-matters-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .firsthand-matters-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .firsthand-matters-wrap .fhm-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .firsthand-matters-wrap:hover .fhm-main-heading {
        letter-spacing: 0.02em;
    }

    .firsthand-matters-wrap .fhm-main-heading .fhm-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .firsthand-matters-wrap:hover .fhm-main-heading .fhm-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .firsthand-matters-wrap .fhm-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .firsthand-matters-wrap:hover .fhm-sub-heading {
        letter-spacing: 0.02em;
    }

    .firsthand-matters-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .firsthand-matters-wrap:hover p {
        padding: 0 0.5rem;
    }

    .firsthand-matters-wrap .fhm-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .firsthand-matters-wrap:hover .fhm-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .firsthand-matters-wrap .fhm-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .firsthand-matters-wrap:hover .fhm-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .firsthand-matters-wrap .fhm-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .firsthand-matters-wrap .fhm-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .firsthand-matters-wrap .fhm-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .firsthand-matters-wrap .fhm-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .firsthand-matters-wrap .fhm-card:hover::before {
        left: 100%;
    }

    .firsthand-matters-wrap .fhm-card .fhm-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .firsthand-matters-wrap .fhm-card:hover .fhm-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .firsthand-matters-wrap .fhm-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .firsthand-matters-wrap .fhm-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .firsthand-matters-wrap .fhm-footer .fhm-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .firsthand-matters-wrap .fhm-footer:hover .fhm-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .firsthand-matters-wrap .fhm-footer .fhm-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .firsthand-matters-wrap .fhm-footer .fhm-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .firsthand-matters-wrap {
            padding: 3.5rem 0;
        }

        .firsthand-matters-wrap .fhm-main-heading {
            font-size: 1.8rem;
        }

        .firsthand-matters-wrap .fhm-sub-heading {
            font-size: 1rem;
        }

        .firsthand-matters-wrap .fhm-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .firsthand-matters-wrap .fhm-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .firsthand-matters-wrap .fhm-footer {
            padding: 1rem 1.2rem;
        }

        .firsthand-matters-wrap .fhm-footer .fhm-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .firsthand-matters-wrap {
            padding: 2.5rem 0;
        }

        .firsthand-matters-wrap .fhm-main-heading {
            font-size: 1.5rem;
        }

        .firsthand-matters-wrap .fhm-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .firsthand-matters-wrap .fhm-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .firsthand-matters-wrap .fhm-card .fhm-card-icon {
            font-size: 1rem;
        }

        .firsthand-matters-wrap .fhm-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .firsthand-matters-wrap .fhm-footer .fhm-footer-text {
            font-size: 0.85rem;
        }
    }






    /* ── SECTION 232: EXPERIENCE-BASED-CONTENT (CYCLIC 2) ── */
    .experience-based-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .experience-based-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .experience-based-wrap .eb-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .experience-based-wrap:hover .eb-main-heading {
        letter-spacing: 0.02em;
    }

    .experience-based-wrap .eb-main-heading .eb-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .experience-based-wrap:hover .eb-main-heading .eb-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .experience-based-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .experience-based-wrap:hover p {
        padding: 0 0.5rem;
    }

    .experience-based-wrap .eb-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .experience-based-wrap:hover .eb-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .experience-based-wrap .eb-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .experience-based-wrap:hover .eb-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Compare ── */
    .experience-based-wrap .eb-compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .experience-based-wrap .eb-bad {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        border: 1px solid rgba(231, 76, 60, 0.12);
        background: rgba(231, 76, 60, 0.03);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .experience-based-wrap .eb-bad:hover {
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(231, 76, 60, 0.04);
    }

    .experience-based-wrap .eb-bad .eb-bad-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #e74c3c;
        margin-bottom: 0.3rem;
    }

    .experience-based-wrap .eb-bad .eb-bad-text {
        display: block;
        font-size: 1rem;
        color: #b0a0a0;
        font-style: italic;
    }

    .experience-based-wrap .eb-good {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        border: 1px solid rgba(46, 204, 113, 0.12);
        background: rgba(46, 204, 113, 0.03);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .experience-based-wrap .eb-good:hover {
        border-color: #2ecc71;
        background: rgba(46, 204, 113, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(46, 204, 113, 0.04);
    }

    .experience-based-wrap .eb-good .eb-good-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #2ecc71;
        margin-bottom: 0.3rem;
    }

    .experience-based-wrap .eb-good .eb-good-text {
        display: block;
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    /* ── Footer ── */
    .experience-based-wrap .eb-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .experience-based-wrap .eb-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .experience-based-wrap .eb-footer .eb-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .experience-based-wrap .eb-footer:hover .eb-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .experience-based-wrap .eb-footer .eb-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .experience-based-wrap .eb-footer .eb-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .experience-based-wrap {
            padding: 3.5rem 0;
        }

        .experience-based-wrap .eb-main-heading {
            font-size: 1.8rem;
        }

        .experience-based-wrap .eb-compare {
            grid-template-columns: 1fr;
            gap: 1rem;
        }

        .experience-based-wrap .eb-footer {
            padding: 1rem 1.2rem;
        }

        .experience-based-wrap .eb-footer .eb-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .experience-based-wrap {
            padding: 2.5rem 0;
        }

        .experience-based-wrap .eb-main-heading {
            font-size: 1.5rem;
        }

        .experience-based-wrap .eb-bad .eb-bad-text,
        .experience-based-wrap .eb-good .eb-good-text {
            font-size: 0.85rem;
        }

        .experience-based-wrap .eb-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .experience-based-wrap .eb-footer .eb-footer-text {
            font-size: 0.85rem;
        }
    }





    /* ── SECTION 233: EXPERTISE (CYCLIC 1) ── */
    .expertise-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .expertise-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .expertise-wrap .ex-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .expertise-wrap:hover .ex-main-heading {
        letter-spacing: 0.02em;
    }

    .expertise-wrap .ex-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .expertise-wrap:hover .ex-sub-heading {
        letter-spacing: 0.02em;
    }

    .expertise-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .expertise-wrap:hover p {
        padding: 0 0.5rem;
    }

    .expertise-wrap .ex-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .expertise-wrap:hover .ex-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .expertise-wrap .ex-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .expertise-wrap:hover .ex-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .expertise-wrap .ex-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .expertise-wrap .ex-card {
        padding: 0.8rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .expertise-wrap .ex-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .expertise-wrap .ex-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .expertise-wrap .ex-card:hover::before {
        left: 100%;
    }

    .expertise-wrap .ex-card .ex-card-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .expertise-wrap .ex-card:hover .ex-card-icon {
        transform: scale(1.15);
    }

    /* ── Tech Grid ── */
    .expertise-wrap .ex-tech-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .expertise-wrap .ex-tech-card {
        padding: 0.6rem 0.3rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.75rem;
        border: 1px solid rgba(52, 152, 219, 0.08);
        background: rgba(52, 152, 219, 0.02);
        color: #3a3a3a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .expertise-wrap .ex-tech-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 8px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(52, 152, 219, 0.04));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .expertise-wrap .ex-tech-card:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #3498db;
        background: rgba(52, 152, 219, 0.06);
        color: #1a1a1a;
        box-shadow: 0 4px 20px rgba(52, 152, 219, 0.04);
    }

    .expertise-wrap .ex-tech-card:hover::before {
        opacity: 1;
    }

    .expertise-wrap .ex-tech-card .ex-tech-icon {
        display: block;
        font-size: 1rem;
        margin-bottom: 0.1rem;
    }

    /* ── Footer ── */
    .expertise-wrap .ex-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .expertise-wrap .ex-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .expertise-wrap .ex-footer .ex-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .expertise-wrap .ex-footer:hover .ex-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .expertise-wrap .ex-footer .ex-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .expertise-wrap .ex-footer .ex-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .expertise-wrap {
            padding: 3.5rem 0;
        }

        .expertise-wrap .ex-main-heading {
            font-size: 1.8rem;
        }

        .expertise-wrap .ex-sub-heading {
            font-size: 1rem;
        }

        .expertise-wrap .ex-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .expertise-wrap .ex-card {
            font-size: 0.75rem;
            padding: 0.6rem 0.2rem;
        }

        .expertise-wrap .ex-tech-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.5rem;
        }

        .expertise-wrap .ex-tech-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.2rem;
        }

        .expertise-wrap .ex-footer {
            padding: 1rem 1.2rem;
        }

        .expertise-wrap .ex-footer .ex-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .expertise-wrap {
            padding: 2.5rem 0;
        }

        .expertise-wrap .ex-main-heading {
            font-size: 1.5rem;
        }

        .expertise-wrap .ex-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .expertise-wrap .ex-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.15rem;
        }

        .expertise-wrap .ex-card .ex-card-icon {
            font-size: 0.9rem;
        }

        .expertise-wrap .ex-tech-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.4rem;
        }

        .expertise-wrap .ex-tech-card {
            font-size: 0.65rem;
            padding: 0.4rem 0.15rem;
        }

        .expertise-wrap .ex-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .expertise-wrap .ex-footer .ex-footer-text {
            font-size: 0.85rem;
        }
    }




    /* ── SECTION 234: AUTHOR-EXPERTISE (CYCLIC 2) ── */
    .author-expertise-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .author-expertise-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .author-expertise-wrap .ae-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .author-expertise-wrap:hover .ae-main-heading {
        letter-spacing: 0.02em;
    }

    .author-expertise-wrap .ae-main-heading .ae-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .author-expertise-wrap:hover .ae-main-heading .ae-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .author-expertise-wrap .ae-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .author-expertise-wrap:hover .ae-sub-heading {
        letter-spacing: 0.02em;
    }

    .author-expertise-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .author-expertise-wrap:hover p {
        padding: 0 0.5rem;
    }

    .author-expertise-wrap .ae-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .author-expertise-wrap:hover .ae-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .author-expertise-wrap .ae-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .author-expertise-wrap:hover .ae-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .author-expertise-wrap .ae-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .author-expertise-wrap .ae-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .author-expertise-wrap .ae-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .author-expertise-wrap .ae-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .author-expertise-wrap .ae-card:hover::before {
        opacity: 1;
    }

    .author-expertise-wrap .ae-card .ae-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .author-expertise-wrap .ae-card:hover .ae-card-icon {
        transform: scale(1.15);
    }

    /* ── Example ── */
    .author-expertise-wrap .ae-example {
        max-width: 550px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.5rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .author-expertise-wrap .ae-example:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-3px);
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .author-expertise-wrap .ae-example .ae-example-label {
        display: block;
        font-weight: 700;
        font-size: 1.05rem;
        color: #84c615;
        margin-bottom: 0.5rem;
    }

    .author-expertise-wrap .ae-example .ae-example-line {
        display: block;
        font-size: 0.95rem;
        color: #c0c0c0;
        padding: 0.2rem 0;
        transition: color 0.3s ease;
    }

    .author-expertise-wrap .ae-example:hover .ae-example-line {
        color: #e0e0e0;
    }

    /* ── Footer ── */
    .author-expertise-wrap .ae-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .author-expertise-wrap .ae-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .author-expertise-wrap .ae-footer .ae-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .author-expertise-wrap .ae-footer:hover .ae-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .author-expertise-wrap .ae-footer .ae-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .author-expertise-wrap .ae-footer .ae-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .author-expertise-wrap {
            padding: 3.5rem 0;
        }

        .author-expertise-wrap .ae-main-heading {
            font-size: 1.8rem;
        }

        .author-expertise-wrap .ae-sub-heading {
            font-size: 1rem;
        }

        .author-expertise-wrap .ae-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .author-expertise-wrap .ae-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .author-expertise-wrap .ae-example {
            padding: 1rem 1.2rem;
        }

        .author-expertise-wrap .ae-footer {
            padding: 1rem 1.2rem;
        }

        .author-expertise-wrap .ae-footer .ae-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .author-expertise-wrap {
            padding: 2.5rem 0;
        }

        .author-expertise-wrap .ae-main-heading {
            font-size: 1.5rem;
        }

        .author-expertise-wrap .ae-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .author-expertise-wrap .ae-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .author-expertise-wrap .ae-card .ae-card-icon {
            font-size: 1rem;
        }

        .author-expertise-wrap .ae-example .ae-example-line {
            font-size: 0.85rem;
        }

        .author-expertise-wrap .ae-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .author-expertise-wrap .ae-footer .ae-footer-text {
            font-size: 0.85rem;
        }
    }





    /* ── SECTION 236: BACKLINKS-VS-AUTHORITY (CYCLIC 2) ── */
    .backlinks-vs-authority-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .backlinks-vs-authority-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .backlinks-vs-authority-wrap .bva-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .backlinks-vs-authority-wrap:hover .bva-main-heading {
        letter-spacing: 0.02em;
    }

    .backlinks-vs-authority-wrap .bva-main-heading .bva-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .backlinks-vs-authority-wrap:hover .bva-main-heading .bva-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .backlinks-vs-authority-wrap .bva-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .backlinks-vs-authority-wrap:hover .bva-sub-heading {
        letter-spacing: 0.02em;
    }

    .backlinks-vs-authority-wrap .bva-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .backlinks-vs-authority-wrap:hover .bva-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .backlinks-vs-authority-wrap .bva-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .backlinks-vs-authority-wrap:hover .bva-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Compare ── */
    .backlinks-vs-authority-wrap .bva-compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .backlinks-vs-authority-wrap .bva-business {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        transition: all 0.4s ease;
        cursor: default;
    }

    .backlinks-vs-authority-wrap .bva-bad {
        border: 1px solid rgba(231, 76, 60, 0.12);
        background: rgba(231, 76, 60, 0.03);
    }

    .backlinks-vs-authority-wrap .bva-bad:hover {
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(231, 76, 60, 0.04);
    }

    .backlinks-vs-authority-wrap .bva-good {
        border: 1px solid rgba(46, 204, 113, 0.12);
        background: rgba(46, 204, 113, 0.03);
    }

    .backlinks-vs-authority-wrap .bva-good:hover {
        border-color: #2ecc71;
        background: rgba(46, 204, 113, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(46, 204, 113, 0.04);
    }

    .backlinks-vs-authority-wrap .bva-business .bva-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
        text-align: center;
    }

    .backlinks-vs-authority-wrap .bva-bad .bva-label {
        color: #e74c3c;
    }

    .backlinks-vs-authority-wrap .bva-good .bva-label {
        color: #2ecc71;
    }

    .backlinks-vs-authority-wrap .bva-business .bva-list {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .backlinks-vs-authority-wrap .bva-business .bva-list li {
        padding: 0.3rem 0;
        font-size: 0.85rem;
        color: #b0b0b0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
        transition: all 0.3s ease;
    }

    .backlinks-vs-authority-wrap .bva-business:hover .bva-list li {
        color: #d0d0d0;
    }

    /* ── Footer ── */
    .backlinks-vs-authority-wrap .bva-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .backlinks-vs-authority-wrap .bva-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .backlinks-vs-authority-wrap .bva-footer .bva-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .backlinks-vs-authority-wrap .bva-footer:hover .bva-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .backlinks-vs-authority-wrap .bva-footer .bva-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .backlinks-vs-authority-wrap .bva-footer .bva-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .backlinks-vs-authority-wrap {
            padding: 3.5rem 0;
        }

        .backlinks-vs-authority-wrap .bva-main-heading {
            font-size: 1.8rem;
        }

        .backlinks-vs-authority-wrap .bva-sub-heading {
            font-size: 1rem;
        }

        .backlinks-vs-authority-wrap .bva-compare {
            grid-template-columns: 1fr;
            gap: 1rem;
        }

        .backlinks-vs-authority-wrap .bva-footer {
            padding: 1rem 1.2rem;
        }

        .backlinks-vs-authority-wrap .bva-footer .bva-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .backlinks-vs-authority-wrap {
            padding: 2.5rem 0;
        }

        .backlinks-vs-authority-wrap .bva-main-heading {
            font-size: 1.5rem;
        }

        .backlinks-vs-authority-wrap .bva-business .bva-list li {
            font-size: 0.75rem;
        }

        .backlinks-vs-authority-wrap .bva-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .backlinks-vs-authority-wrap .bva-footer .bva-footer-text {
            font-size: 0.85rem;
        }
    }








    /* ── SECTION 237: TRUSTWORTHINESS (CYCLIC 1) ── */
    .trustworthiness-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .trustworthiness-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .trustworthiness-wrap .tw-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .trustworthiness-wrap:hover .tw-main-heading {
        letter-spacing: 0.02em;
    }

    .trustworthiness-wrap .tw-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .trustworthiness-wrap:hover .tw-sub-heading {
        letter-spacing: 0.02em;
    }

    .trustworthiness-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .trustworthiness-wrap:hover p {
        padding: 0 0.5rem;
    }

    .trustworthiness-wrap .tw-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .trustworthiness-wrap:hover .tw-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .trustworthiness-wrap .tw-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .trustworthiness-wrap:hover .tw-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Questions ── */
    .trustworthiness-wrap .tw-questions {
        max-width: 650px;
        margin: 1.5rem auto;
        padding: 0 1rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .trustworthiness-wrap .tw-q {
        padding: 0.6rem 0.8rem;
        border-radius: 8px;
        border-left: 3px solid #84c615;
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        font-size: 0.9rem;
        transition: all 0.4s ease;
        cursor: default;
    }

    .trustworthiness-wrap .tw-q:hover {
        transform: translateX(4px);
        background: rgba(132, 198, 21, 0.06);
        border-left-color: #6fb010;
    }

    .trustworthiness-wrap .tw-q-highlight {
        border-left-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        font-weight: 600;
        color: #1a1a1a;
    }

    .trustworthiness-wrap .tw-q-highlight:hover {
        background: rgba(132, 198, 21, 0.08);
    }

    /* ── Grid ── */
    .trustworthiness-wrap .tw-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .trustworthiness-wrap .tw-card {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.75rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .trustworthiness-wrap .tw-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .trustworthiness-wrap .tw-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .trustworthiness-wrap .tw-card:hover::before {
        left: 100%;
    }

    .trustworthiness-wrap .tw-card .tw-card-icon {
        display: block;
        font-size: 1rem;
        margin-bottom: 0.15rem;
        transition: transform 0.4s ease;
    }

    .trustworthiness-wrap .tw-card:hover .tw-card-icon {
        transform: scale(1.15);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .trustworthiness-wrap {
            padding: 3.5rem 0;
        }

        .trustworthiness-wrap .tw-main-heading {
            font-size: 1.8rem;
        }

        .trustworthiness-wrap .tw-sub-heading {
            font-size: 1rem;
        }

        .trustworthiness-wrap .tw-questions {
            grid-template-columns: 1fr;
            gap: 0.4rem;
        }

        .trustworthiness-wrap .tw-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 0.5rem;
        }

        .trustworthiness-wrap .tw-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.15rem;
        }
    }

    @media (max-width: 480px) {
        .trustworthiness-wrap {
            padding: 2.5rem 0;
        }

        .trustworthiness-wrap .tw-main-heading {
            font-size: 1.5rem;
        }

        .trustworthiness-wrap .tw-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.4rem;
        }

        .trustworthiness-wrap .tw-card {
            font-size: 0.65rem;
            padding: 0.4rem 0.1rem;
        }

        .trustworthiness-wrap .tw-card .tw-card-icon {
            font-size: 0.8rem;
        }

        .trustworthiness-wrap .tw-q {
            font-size: 0.8rem;
        }
    }





    /* ── SECTION 238: TRANSPARENT-BUSINESS (CYCLIC 2) ── */
    .transparent-business-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .transparent-business-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .transparent-business-wrap .tb-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .transparent-business-wrap:hover .tb-main-heading {
        letter-spacing: 0.02em;
    }

    .transparent-business-wrap .tb-main-heading .tb-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .transparent-business-wrap:hover .tb-main-heading .tb-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .transparent-business-wrap .tb-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .transparent-business-wrap:hover .tb-sub-heading {
        letter-spacing: 0.02em;
    }

    .transparent-business-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .transparent-business-wrap:hover p {
        padding: 0 0.5rem;
    }

    .transparent-business-wrap .tb-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .transparent-business-wrap:hover .tb-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .transparent-business-wrap .tb-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .transparent-business-wrap:hover .tb-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .transparent-business-wrap .tb-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .transparent-business-wrap .tb-card {
        padding: 0.8rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .transparent-business-wrap .tb-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .transparent-business-wrap .tb-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .transparent-business-wrap .tb-card:hover::before {
        opacity: 1;
    }

    .transparent-business-wrap .tb-card .tb-card-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.15rem;
        transition: transform 0.4s ease;
    }

    .transparent-business-wrap .tb-card:hover .tb-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .transparent-business-wrap .tb-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .transparent-business-wrap .tb-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .transparent-business-wrap .tb-footer .tb-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .transparent-business-wrap .tb-footer:hover .tb-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .transparent-business-wrap .tb-footer .tb-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .transparent-business-wrap .tb-footer .tb-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .transparent-business-wrap {
            padding: 3.5rem 0;
        }

        .transparent-business-wrap .tb-main-heading {
            font-size: 1.8rem;
        }

        .transparent-business-wrap .tb-sub-heading {
            font-size: 1rem;
        }

        .transparent-business-wrap .tb-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 0.6rem;
        }

        .transparent-business-wrap .tb-card {
            font-size: 0.75rem;
            padding: 0.6rem 0.2rem;
        }

        .transparent-business-wrap .tb-footer {
            padding: 1rem 1.2rem;
        }

        .transparent-business-wrap .tb-footer .tb-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .transparent-business-wrap {
            padding: 2.5rem 0;
        }

        .transparent-business-wrap .tb-main-heading {
            font-size: 1.5rem;
        }

        .transparent-business-wrap .tb-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .transparent-business-wrap .tb-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.15rem;
        }

        .transparent-business-wrap .tb-card .tb-card-icon {
            font-size: 0.9rem;
        }

        .transparent-business-wrap .tb-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .transparent-business-wrap .tb-footer .tb-footer-text {
            font-size: 0.85rem;
        }
    }





    /* ── SECTION 239: ORIGINAL-CLAIMS (CYCLIC 1) ── */
    .original-claims-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .original-claims-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .original-claims-wrap .oc-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .original-claims-wrap:hover .oc-main-heading {
        letter-spacing: 0.02em;
    }

    .original-claims-wrap .oc-main-heading .oc-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .original-claims-wrap:hover .oc-main-heading .oc-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .original-claims-wrap .oc-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .original-claims-wrap:hover .oc-sub-heading {
        letter-spacing: 0.02em;
    }

    .original-claims-wrap .oc-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .original-claims-wrap:hover .oc-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .original-claims-wrap .oc-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .original-claims-wrap:hover .oc-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Example Box ── */
    .original-claims-wrap .oc-example-box {
        max-width: 650px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.5rem;
        border-radius: 14px;
        border: 2px solid #f1c40f;
        background: rgba(241, 196, 15, 0.04);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .original-claims-wrap .oc-example-box:hover {
        background: rgba(241, 196, 15, 0.08);
        transform: scale(1.01);
        box-shadow: 0 4px 30px rgba(241, 196, 15, 0.05);
    }

    .original-claims-wrap .oc-example-box .oc-example-text {
        display: block;
        font-size: 1.2rem;
        font-weight: 700;
        color: #f1c40f;
        margin-bottom: 0.3rem;
    }

    .original-claims-wrap .oc-example-box .oc-example-label {
        display: block;
        font-size: 0.95rem;
        color: #6a6a4a;
    }

    /* ── Questions ── */
    .original-claims-wrap .oc-questions {
        max-width: 600px;
        margin: 1.5rem auto;
        padding: 0 1rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .original-claims-wrap .oc-q {
        padding: 0.6rem 0.8rem;
        border-radius: 8px;
        border-left: 3px solid #84c615;
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        font-size: 0.9rem;
        transition: all 0.4s ease;
        cursor: default;
    }

    .original-claims-wrap .oc-q:hover {
        transform: translateX(4px);
        background: rgba(132, 198, 21, 0.06);
    }

    .original-claims-wrap .oc-q-highlight {
        border-left-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        font-weight: 600;
        color: #1a1a1a;
    }

    /* ── Compare ── */
    .original-claims-wrap .oc-compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        max-width: 600px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .original-claims-wrap .oc-bad {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        border: 1px solid rgba(231, 76, 60, 0.12);
        background: rgba(231, 76, 60, 0.03);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .original-claims-wrap .oc-bad:hover {
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        transform: translateY(-4px);
    }

    .original-claims-wrap .oc-bad .oc-bad-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #e74c3c;
        margin-bottom: 0.2rem;
    }

    .original-claims-wrap .oc-bad .oc-bad-text {
        display: block;
        font-size: 0.95rem;
        color: #6a4a4a;
    }

    .original-claims-wrap .oc-good {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        border: 1px solid rgba(46, 204, 113, 0.12);
        background: rgba(46, 204, 113, 0.03);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .original-claims-wrap .oc-good:hover {
        border-color: #2ecc71;
        background: rgba(46, 204, 113, 0.06);
        transform: translateY(-4px);
    }

    .original-claims-wrap .oc-good .oc-good-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #2ecc71;
        margin-bottom: 0.2rem;
    }

    .original-claims-wrap .oc-good .oc-good-text {
        display: block;
        font-size: 0.95rem;
        color: #3a5a3a;
    }

    /* ── Footer ── */
    .original-claims-wrap .oc-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .original-claims-wrap .oc-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .original-claims-wrap .oc-footer .oc-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .original-claims-wrap .oc-footer:hover .oc-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .original-claims-wrap .oc-footer .oc-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .original-claims-wrap .oc-footer .oc-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .original-claims-wrap {
            padding: 3.5rem 0;
        }

        .original-claims-wrap .oc-main-heading {
            font-size: 1.8rem;
        }

        .original-claims-wrap .oc-sub-heading {
            font-size: 1rem;
        }

        .original-claims-wrap .oc-questions {
            grid-template-columns: 1fr;
            gap: 0.4rem;
        }

        .original-claims-wrap .oc-compare {
            grid-template-columns: 1fr;
            gap: 1rem;
        }

        .original-claims-wrap .oc-footer {
            padding: 1rem 1.2rem;
        }

        .original-claims-wrap .oc-footer .oc-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .original-claims-wrap {
            padding: 2.5rem 0;
        }

        .original-claims-wrap .oc-main-heading {
            font-size: 1.5rem;
        }

        .original-claims-wrap .oc-example-box .oc-example-text {
            font-size: 1rem;
        }

        .original-claims-wrap .oc-q {
            font-size: 0.8rem;
        }

        .original-claims-wrap .oc-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .original-claims-wrap .oc-footer .oc-footer-text {
            font-size: 0.85rem;
        }
    }





    /* ── SECTION 240: CASE-STUDIES-AS-EEAT (CYCLIC 2) ── */
    .case-studies-eeat-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .case-studies-eeat-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .case-studies-eeat-wrap .cse-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .case-studies-eeat-wrap:hover .cse-main-heading {
        letter-spacing: 0.02em;
    }

    .case-studies-eeat-wrap .cse-main-heading .cse-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .case-studies-eeat-wrap:hover .cse-main-heading .cse-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .case-studies-eeat-wrap .cse-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .case-studies-eeat-wrap:hover .cse-sub-heading {
        letter-spacing: 0.02em;
    }

    .case-studies-eeat-wrap .cse-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .case-studies-eeat-wrap:hover .cse-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .case-studies-eeat-wrap .cse-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .case-studies-eeat-wrap:hover .cse-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Flow ── */
    .case-studies-eeat-wrap .cse-flow {
        max-width: 550px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .case-studies-eeat-wrap .cse-step {
        padding: 0.9rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 420px;
        position: relative;
        overflow: hidden;
    }

    .case-studies-eeat-wrap .cse-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 12px;
    }

    .case-studies-eeat-wrap .cse-step:hover {
        transform: translateX(8px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.04);
    }

    .case-studies-eeat-wrap .cse-step:hover::before {
        left: 100%;
    }

    .case-studies-eeat-wrap .cse-step .cse-step-icon {
        display: inline-block;
        font-size: 1.3rem;
        margin-right: 8px;
        vertical-align: middle;
        transition: transform 0.4s ease;
    }

    .case-studies-eeat-wrap .cse-step:hover .cse-step-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .case-studies-eeat-wrap .cse-step .cse-step-label {
        font-weight: 700;
        font-size: 1rem;
        color: #d0d0d0;
        vertical-align: middle;
        transition: color 0.3s ease;
    }

    .case-studies-eeat-wrap .cse-step:hover .cse-step-label {
        color: #84c615;
    }

    .case-studies-eeat-wrap .cse-step .cse-step-desc {
        display: block;
        font-size: 0.85rem;
        color: #808080;
        margin-top: 0.2rem;
        transition: color 0.3s ease;
    }

    .case-studies-eeat-wrap .cse-step:hover .cse-step-desc {
        color: #b0b0b0;
    }

    .case-studies-eeat-wrap .cse-step-highlight {
        border-color: rgba(132, 198, 21, 0.12);
        background: rgba(132, 198, 21, 0.03);
    }

    .case-studies-eeat-wrap .cse-step-highlight:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.08);
    }

    .case-studies-eeat-wrap .cse-step-highlight .cse-step-label {
        color: #84c615;
    }

    .case-studies-eeat-wrap .cse-arrow {
        text-align: center;
        font-size: 2rem;
        padding: 0.05rem 0;
        color: red;
        opacity: 0.8;
        transition: all 0.4s ease;
    }

    .case-studies-eeat-wrap .cse-arrow:hover {
        opacity: 0.8;
        transform: scale(1.3);
    }

    /* ── Footer ── */
    .case-studies-eeat-wrap .cse-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .case-studies-eeat-wrap .cse-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .case-studies-eeat-wrap .cse-footer .cse-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .case-studies-eeat-wrap .cse-footer:hover .cse-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .case-studies-eeat-wrap .cse-footer .cse-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .case-studies-eeat-wrap .cse-footer .cse-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .case-studies-eeat-wrap {
            padding: 3.5rem 0;
        }

        .case-studies-eeat-wrap .cse-main-heading {
            font-size: 1.8rem;
        }

        .case-studies-eeat-wrap .cse-sub-heading {
            font-size: 1rem;
        }

        .case-studies-eeat-wrap .cse-step {
            padding: 0.8rem 1rem;
        }

        .case-studies-eeat-wrap .cse-step .cse-step-label {
            font-size: 0.9rem;
        }

        .case-studies-eeat-wrap .cse-step .cse-step-desc {
            font-size: 0.8rem;
        }

        .case-studies-eeat-wrap .cse-footer {
            padding: 1rem 1.2rem;
        }

        .case-studies-eeat-wrap .cse-footer .cse-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .case-studies-eeat-wrap {
            padding: 2.5rem 0;
        }

        .case-studies-eeat-wrap .cse-main-heading {
            font-size: 1.5rem;
        }

        .case-studies-eeat-wrap .cse-step {
            padding: 0.6rem 0.8rem;
        }

        .case-studies-eeat-wrap .cse-step .cse-step-icon {
            font-size: 1.1rem;
        }

        .case-studies-eeat-wrap .cse-step .cse-step-label {
            font-size: 0.85rem;
        }

        .case-studies-eeat-wrap .cse-step .cse-step-desc {
            font-size: 0.75rem;
        }

        .case-studies-eeat-wrap .cse-arrow {
            font-size: 1rem;
        }

        .case-studies-eeat-wrap .cse-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .case-studies-eeat-wrap .cse-footer .cse-footer-text {
            font-size: 0.85rem;
        }
    }






    /* ── SECTION 241: FIRST-PARTY-DATA (CYCLIC 1) ── */
    .first-party-data-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .first-party-data-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .first-party-data-wrap .fpd-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .first-party-data-wrap:hover .fpd-main-heading {
        letter-spacing: 0.02em;
    }

    .first-party-data-wrap .fpd-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .first-party-data-wrap:hover .fpd-sub-heading {
        letter-spacing: 0.02em;
    }

    .first-party-data-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .first-party-data-wrap:hover p {
        padding: 0 0.5rem;
    }

    .first-party-data-wrap .fpd-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .first-party-data-wrap:hover .fpd-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .first-party-data-wrap .fpd-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .first-party-data-wrap:hover .fpd-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .first-party-data-wrap .fpd-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .first-party-data-wrap .fpd-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .first-party-data-wrap .fpd-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .first-party-data-wrap .fpd-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .first-party-data-wrap .fpd-card:hover::before {
        left: 100%;
    }

    .first-party-data-wrap .fpd-card .fpd-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .first-party-data-wrap .fpd-card:hover .fpd-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .first-party-data-wrap .fpd-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .first-party-data-wrap .fpd-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .first-party-data-wrap .fpd-footer .fpd-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .first-party-data-wrap .fpd-footer:hover .fpd-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .first-party-data-wrap .fpd-footer .fpd-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .first-party-data-wrap .fpd-footer .fpd-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .first-party-data-wrap {
            padding: 3.5rem 0;
        }

        .first-party-data-wrap .fpd-main-heading {
            font-size: 1.8rem;
        }

        .first-party-data-wrap .fpd-sub-heading {
            font-size: 1rem;
        }

        .first-party-data-wrap .fpd-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .first-party-data-wrap .fpd-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .first-party-data-wrap .fpd-footer {
            padding: 1rem 1.2rem;
        }

        .first-party-data-wrap .fpd-footer .fpd-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .first-party-data-wrap {
            padding: 2.5rem 0;
        }

        .first-party-data-wrap .fpd-main-heading {
            font-size: 1.5rem;
        }

        .first-party-data-wrap .fpd-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .first-party-data-wrap .fpd-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .first-party-data-wrap .fpd-card .fpd-card-icon {
            font-size: 1rem;
        }

        .first-party-data-wrap .fpd-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .first-party-data-wrap .fpd-footer .fpd-footer-text {
            font-size: 0.85rem;
        }
    }





    /* ── SECTION 242: ORIGINAL-SEO-RESEARCH (CYCLIC 2) ── */
    .original-seo-research-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .original-seo-research-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .original-seo-research-wrap .osr-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .original-seo-research-wrap:hover .osr-main-heading {
        letter-spacing: 0.02em;
    }

    .original-seo-research-wrap .osr-main-heading .osr-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .original-seo-research-wrap:hover .osr-main-heading .osr-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .original-seo-research-wrap .osr-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .original-seo-research-wrap:hover .osr-sub-heading {
        letter-spacing: 0.02em;
    }

    .original-seo-research-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .original-seo-research-wrap:hover p {
        padding: 0 0.5rem;
    }

    .original-seo-research-wrap .osr-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .original-seo-research-wrap:hover .osr-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .original-seo-research-wrap .osr-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .original-seo-research-wrap:hover .osr-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .original-seo-research-wrap .osr-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .original-seo-research-wrap .osr-card {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .original-seo-research-wrap .osr-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .original-seo-research-wrap .osr-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .original-seo-research-wrap .osr-card:hover::before {
        opacity: 1;
    }

    .original-seo-research-wrap .osr-card .osr-card-icon {
        display: block;
        font-size: 1.5rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .original-seo-research-wrap .osr-card:hover .osr-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .original-seo-research-wrap .osr-card .osr-card-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #d0d0d0;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .original-seo-research-wrap .osr-card:hover .osr-card-label {
        color: #84c615;
    }

    .original-seo-research-wrap .osr-card .osr-card-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .original-seo-research-wrap .osr-card:hover .osr-card-desc {
        color: #b0b0b0;
    }

    /* ── Methods ── */
    .original-seo-research-wrap .osr-methods {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem;
        max-width: 650px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .original-seo-research-wrap .osr-method {
        padding: 0.4rem 0.8rem;
        border-radius: 20px;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.3s ease;
        cursor: default;
    }

    .original-seo-research-wrap .osr-method:hover {
        transform: translateY(-2px) scale(1.05);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
    }

    /* ── Footer ── */
    .original-seo-research-wrap .osr-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .original-seo-research-wrap .osr-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .original-seo-research-wrap .osr-footer .osr-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .original-seo-research-wrap .osr-footer:hover .osr-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .original-seo-research-wrap .osr-footer .osr-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .original-seo-research-wrap .osr-footer .osr-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .original-seo-research-wrap {
            padding: 3.5rem 0;
        }

        .original-seo-research-wrap .osr-main-heading {
            font-size: 1.8rem;
        }

        .original-seo-research-wrap .osr-sub-heading {
            font-size: 1rem;
        }

        .original-seo-research-wrap .osr-grid {
            grid-template-columns: 1fr;
            gap: 0.6rem;
        }

        .original-seo-research-wrap .osr-card {
            padding: 0.8rem 0.6rem;
        }

        .original-seo-research-wrap .osr-footer {
            padding: 1rem 1.2rem;
        }

        .original-seo-research-wrap .osr-footer .osr-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .original-seo-research-wrap {
            padding: 2.5rem 0;
        }

        .original-seo-research-wrap .osr-main-heading {
            font-size: 1.5rem;
        }

        .original-seo-research-wrap .osr-card {
            padding: 0.6rem 0.4rem;
        }

        .original-seo-research-wrap .osr-card .osr-card-icon {
            font-size: 1.2rem;
        }

        .original-seo-research-wrap .osr-card .osr-card-label {
            font-size: 0.85rem;
        }

        .original-seo-research-wrap .osr-card .osr-card-desc {
            font-size: 0.75rem;
        }

        .original-seo-research-wrap .osr-method {
            font-size: 0.7rem;
            padding: 0.3rem 0.6rem;
        }

        .original-seo-research-wrap .osr-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .original-seo-research-wrap .osr-footer .osr-footer-text {
            font-size: 0.85rem;
        }
    }




    /* ── SECTION 243: TRUST-SIGNALS-LOCAL (CYCLIC 1) ── */
    .trust-signals-local-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .trust-signals-local-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .trust-signals-local-wrap .tsl-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .trust-signals-local-wrap:hover .tsl-main-heading {
        letter-spacing: 0.02em;
    }

    .trust-signals-local-wrap .tsl-main-heading .tsl-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .trust-signals-local-wrap:hover .tsl-main-heading .tsl-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .trust-signals-local-wrap .tsl-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .trust-signals-local-wrap:hover .tsl-sub-heading {
        letter-spacing: 0.02em;
    }

    .trust-signals-local-wrap .tsl-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .trust-signals-local-wrap:hover .tsl-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .trust-signals-local-wrap .tsl-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .trust-signals-local-wrap:hover .tsl-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .trust-signals-local-wrap .tsl-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .trust-signals-local-wrap .tsl-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .trust-signals-local-wrap .tsl-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .trust-signals-local-wrap .tsl-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .trust-signals-local-wrap .tsl-card:hover::before {
        left: 100%;
    }

    .trust-signals-local-wrap .tsl-card .tsl-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .trust-signals-local-wrap .tsl-card:hover .tsl-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .trust-signals-local-wrap .tsl-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .trust-signals-local-wrap .tsl-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .trust-signals-local-wrap .tsl-footer .tsl-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .trust-signals-local-wrap .tsl-footer:hover .tsl-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .trust-signals-local-wrap .tsl-footer .tsl-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .trust-signals-local-wrap .tsl-footer .tsl-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .trust-signals-local-wrap {
            padding: 3.5rem 0;
        }

        .trust-signals-local-wrap .tsl-main-heading {
            font-size: 1.8rem;
        }

        .trust-signals-local-wrap .tsl-sub-heading {
            font-size: 1rem;
        }

        .trust-signals-local-wrap .tsl-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .trust-signals-local-wrap .tsl-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .trust-signals-local-wrap .tsl-footer {
            padding: 1rem 1.2rem;
        }

        .trust-signals-local-wrap .tsl-footer .tsl-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .trust-signals-local-wrap {
            padding: 2.5rem 0;
        }

        .trust-signals-local-wrap .tsl-main-heading {
            font-size: 1.5rem;
        }

        .trust-signals-local-wrap .tsl-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .trust-signals-local-wrap .tsl-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .trust-signals-local-wrap .tsl-card .tsl-card-icon {
            font-size: 1rem;
        }

        .trust-signals-local-wrap .tsl-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .trust-signals-local-wrap .tsl-footer .tsl-footer-text {
            font-size: 0.85rem;
        }
    }




    /* ── SECTION 244: EEAT-FOR-AI-SEARCH (CYCLIC 2) ── */
    .eeat-ai-search-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .eeat-ai-search-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .eeat-ai-search-wrap .eas-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .eeat-ai-search-wrap:hover .eas-main-heading {
        letter-spacing: 0.02em;
    }

    .eeat-ai-search-wrap .eas-main-heading .eas-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .eeat-ai-search-wrap:hover .eas-main-heading .eas-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .eeat-ai-search-wrap .eas-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .eeat-ai-search-wrap:hover .eas-sub-heading {
        letter-spacing: 0.02em;
    }

    .eeat-ai-search-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .eeat-ai-search-wrap:hover p {
        padding: 0 0.5rem;
    }

    .eeat-ai-search-wrap .eas-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .eeat-ai-search-wrap:hover .eas-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .eeat-ai-search-wrap .eas-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .eeat-ai-search-wrap:hover .eas-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .eeat-ai-search-wrap .eas-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .eeat-ai-search-wrap .eas-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .eeat-ai-search-wrap .eas-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .eeat-ai-search-wrap .eas-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .eeat-ai-search-wrap .eas-card:hover::before {
        opacity: 1;
    }

    .eeat-ai-search-wrap .eas-card .eas-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .eeat-ai-search-wrap .eas-card:hover .eas-card-icon {
        transform: scale(1.15);
    }

    /* ── Compare ── */
    .eeat-ai-search-wrap .eas-compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .eeat-ai-search-wrap .eas-bad {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        border: 1px solid rgba(231, 76, 60, 0.12);
        background: rgba(231, 76, 60, 0.03);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .eeat-ai-search-wrap .eas-bad:hover {
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(231, 76, 60, 0.04);
    }

    .eeat-ai-search-wrap .eas-bad .eas-bad-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #e74c3c;
        margin-bottom: 0.2rem;
    }

    .eeat-ai-search-wrap .eas-bad .eas-bad-text {
        display: block;
        font-size: 0.95rem;
        color: #b0a0a0;
        font-style: italic;
    }

    .eeat-ai-search-wrap .eas-good {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        border: 1px solid rgba(46, 204, 113, 0.12);
        background: rgba(46, 204, 113, 0.03);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .eeat-ai-search-wrap .eas-good:hover {
        border-color: #2ecc71;
        background: rgba(46, 204, 113, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(46, 204, 113, 0.04);
    }

    .eeat-ai-search-wrap .eas-good .eas-good-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #2ecc71;
        margin-bottom: 0.2rem;
    }

    .eeat-ai-search-wrap .eas-good .eas-good-text {
        display: block;
        font-size: 0.95rem;
        color: #d0d0d0;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .eeat-ai-search-wrap {
            padding: 3.5rem 0;
        }

        .eeat-ai-search-wrap .eas-main-heading {
            font-size: 1.8rem;
        }

        .eeat-ai-search-wrap .eas-sub-heading {
            font-size: 1rem;
        }

        .eeat-ai-search-wrap .eas-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .eeat-ai-search-wrap .eas-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .eeat-ai-search-wrap .eas-compare {
            grid-template-columns: 1fr;
            gap: 1rem;
        }
    }

    @media (max-width: 480px) {
        .eeat-ai-search-wrap {
            padding: 2.5rem 0;
        }

        .eeat-ai-search-wrap .eas-main-heading {
            font-size: 1.5rem;
        }

        .eeat-ai-search-wrap .eas-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .eeat-ai-search-wrap .eas-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .eeat-ai-search-wrap .eas-card .eas-card-icon {
            font-size: 1rem;
        }

        .eeat-ai-search-wrap .eas-bad .eas-bad-text,
        .eeat-ai-search-wrap .eas-good .eas-good-text {
            font-size: 0.85rem;
        }
    }




    /* ── SECTION 245: FRESHORA-EEAT-FRAMEWORK (CYCLIC 1) ── */
    .freshora-eeat-framework-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .freshora-eeat-framework-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .freshora-eeat-framework-wrap .fef-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .freshora-eeat-framework-wrap:hover .fef-main-heading {
        letter-spacing: 0.02em;
    }

    .freshora-eeat-framework-wrap .fef-main-heading .fef-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .freshora-eeat-framework-wrap:hover .fef-main-heading .fef-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .freshora-eeat-framework-wrap .fef-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .freshora-eeat-framework-wrap:hover .fef-sub-heading {
        letter-spacing: 0.02em;
    }

    .freshora-eeat-framework-wrap .fef-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .freshora-eeat-framework-wrap:hover .fef-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .freshora-eeat-framework-wrap .fef-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .freshora-eeat-framework-wrap:hover .fef-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Flow ── */
    .freshora-eeat-framework-wrap .fef-flow {
        max-width: 550px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .freshora-eeat-framework-wrap .fef-step {
        padding: 0.9rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 420px;
        position: relative;
        overflow: hidden;
    }

    .freshora-eeat-framework-wrap .fef-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 12px;
    }

    .freshora-eeat-framework-wrap .fef-step:hover {
        transform: translateX(8px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.06);
    }

    .freshora-eeat-framework-wrap .fef-step:hover::before {
        left: 100%;
    }

    .freshora-eeat-framework-wrap .fef-step .fef-step-icon {
        display: inline-block;
        font-size: 1.3rem;
        margin-right: 8px;
        vertical-align: middle;
        transition: transform 0.4s ease;
    }

    .freshora-eeat-framework-wrap .fef-step:hover .fef-step-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .freshora-eeat-framework-wrap .fef-step .fef-step-label {
        font-weight: 700;
        font-size: 1rem;
        color: #1a1a1a;
        vertical-align: middle;
        transition: color 0.3s ease;
    }

    .freshora-eeat-framework-wrap .fef-step:hover .fef-step-label {
        color: #84c615;
    }

    .freshora-eeat-framework-wrap .fef-step .fef-step-desc {
        display: block;
        font-size: 0.85rem;
        color: #4a4a4a;
        margin-top: 0.2rem;
        transition: color 0.3s ease;
    }

    .freshora-eeat-framework-wrap .fef-step:hover .fef-step-desc {
        color: #2a2a2a;
    }

    .freshora-eeat-framework-wrap .fef-step-highlight {
        border-color: rgba(132, 198, 21, 0.12);
        background: rgba(132, 198, 21, 0.04);
    }

    .freshora-eeat-framework-wrap .fef-step-highlight:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.08);
    }

    .freshora-eeat-framework-wrap .fef-step-highlight .fef-step-label {
        color: #84c615;
    }

    .freshora-eeat-framework-wrap .fef-arrow {
        text-align: center;
        font-size: 2rem;
        padding: 0.05rem 0;
        color: red;
        opacity: 0.8;
        transition: all 0.4s ease;
    }

    .freshora-eeat-framework-wrap .fef-arrow:hover {
        opacity: 0.8;
        transform: scale(1.3);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .freshora-eeat-framework-wrap {
            padding: 3.5rem 0;
        }

        .freshora-eeat-framework-wrap .fef-main-heading {
            font-size: 1.8rem;
        }

        .freshora-eeat-framework-wrap .fef-sub-heading {
            font-size: 1rem;
        }

        .freshora-eeat-framework-wrap .fef-step {
            padding: 0.8rem 1rem;
        }

        .freshora-eeat-framework-wrap .fef-step .fef-step-label {
            font-size: 0.9rem;
        }

        .freshora-eeat-framework-wrap .fef-step .fef-step-desc {
            font-size: 0.8rem;
        }
    }

    @media (max-width: 480px) {
        .freshora-eeat-framework-wrap {
            padding: 2.5rem 0;
        }

        .freshora-eeat-framework-wrap .fef-main-heading {
            font-size: 1.5rem;
        }

        .freshora-eeat-framework-wrap .fef-step {
            padding: 0.6rem 0.8rem;
        }

        .freshora-eeat-framework-wrap .fef-step .fef-step-icon {
            font-size: 1.1rem;
        }

        .freshora-eeat-framework-wrap .fef-step .fef-step-label {
            font-size: 0.85rem;
        }

        .freshora-eeat-framework-wrap .fef-step .fef-step-desc {
            font-size: 0.75rem;
        }

        .freshora-eeat-framework-wrap .fef-arrow {
            font-size: 1rem;
        }
    }





    /* ── SECTION 246: EEAT-IMPLEMENTATION-CHECKLIST (CYCLIC 2) ── */
    .eeat-checklist-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .eeat-checklist-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .eeat-checklist-wrap .eic-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .eeat-checklist-wrap:hover .eic-main-heading {
        letter-spacing: 0.02em;
    }

    .eeat-checklist-wrap .eic-main-heading .eic-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .eeat-checklist-wrap:hover .eic-main-heading .eic-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .eeat-checklist-wrap .eic-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .eeat-checklist-wrap:hover .eic-sub-heading {
        letter-spacing: 0.02em;
    }

    .eeat-checklist-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .eeat-checklist-wrap:hover p {
        padding: 0 0.5rem;
    }

    .eeat-checklist-wrap .eic-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .eeat-checklist-wrap:hover .eic-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .eeat-checklist-wrap .eic-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .eeat-checklist-wrap:hover .eic-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .eeat-checklist-wrap .eic-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .eeat-checklist-wrap .eic-card {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .eeat-checklist-wrap .eic-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .eeat-checklist-wrap .eic-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .eeat-checklist-wrap .eic-card:hover::before {
        opacity: 1;
    }

    .eeat-checklist-wrap .eic-card .eic-card-icon {
        display: block;
        font-size: 1rem;
        margin-bottom: 0.15rem;
        transition: transform 0.4s ease;
    }

    .eeat-checklist-wrap .eic-card:hover .eic-card-icon {
        transform: scale(1.15);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .eeat-checklist-wrap {
            padding: 3.5rem 0;
        }

        .eeat-checklist-wrap .eic-main-heading {
            font-size: 1.8rem;
        }

        .eeat-checklist-wrap .eic-sub-heading {
            font-size: 1rem;
        }

        .eeat-checklist-wrap .eic-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .eeat-checklist-wrap .eic-card {
            font-size: 0.75rem;
            padding: 0.6rem 0.2rem;
        }
    }

    @media (max-width: 480px) {
        .eeat-checklist-wrap {
            padding: 2.5rem 0;
        }

        .eeat-checklist-wrap .eic-main-heading {
            font-size: 1.5rem;
        }

        .eeat-checklist-wrap .eic-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .eeat-checklist-wrap .eic-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.15rem;
        }

        .eeat-checklist-wrap .eic-card .eic-card-icon {
            font-size: 0.9rem;
        }
    }






    /* ── SECTION 247: WHY-EEAT-MATTERS-FRESHORA (CYCLIC 1) ── */
    .why-eeat-freshora-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .why-eeat-freshora-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .why-eeat-freshora-wrap .wef-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .why-eeat-freshora-wrap:hover .wef-main-heading {
        letter-spacing: 0.02em;
    }

    .why-eeat-freshora-wrap .wef-main-heading .wef-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .why-eeat-freshora-wrap:hover .wef-main-heading .wef-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .why-eeat-freshora-wrap .wef-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .why-eeat-freshora-wrap:hover .wef-sub-heading {
        letter-spacing: 0.02em;
    }

    .why-eeat-freshora-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .why-eeat-freshora-wrap:hover p {
        padding: 0 0.5rem;
    }

    .why-eeat-freshora-wrap .wef-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .why-eeat-freshora-wrap:hover .wef-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .why-eeat-freshora-wrap .wef-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .why-eeat-freshora-wrap:hover .wef-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Highlight Box ── */
    .why-eeat-freshora-wrap .wef-highlight-box {
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 14px;
        border: 2px solid #84c615;
        background: rgba(132, 198, 21, 0.04);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .why-eeat-freshora-wrap .wef-highlight-box:hover {
        background: rgba(132, 198, 21, 0.08);
        transform: scale(1.01);
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.06);
    }

    .why-eeat-freshora-wrap .wef-highlight-box .wef-highlight-text {
        font-size: 1.15rem;
        font-weight: 600;
        color: #1a1a1a;
    }

    /* ── Grid ── */
    .why-eeat-freshora-wrap .wef-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .why-eeat-freshora-wrap .wef-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .why-eeat-freshora-wrap .wef-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .why-eeat-freshora-wrap .wef-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .why-eeat-freshora-wrap .wef-card:hover::before {
        left: 100%;
    }

    .why-eeat-freshora-wrap .wef-card .wef-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .why-eeat-freshora-wrap .wef-card:hover .wef-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .why-eeat-freshora-wrap .wef-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .why-eeat-freshora-wrap .wef-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .why-eeat-freshora-wrap .wef-footer .wef-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .why-eeat-freshora-wrap .wef-footer:hover .wef-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .why-eeat-freshora-wrap .wef-footer .wef-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .why-eeat-freshora-wrap .wef-footer .wef-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .why-eeat-freshora-wrap {
            padding: 3.5rem 0;
        }

        .why-eeat-freshora-wrap .wef-main-heading {
            font-size: 1.8rem;
        }

        .why-eeat-freshora-wrap .wef-sub-heading {
            font-size: 1rem;
        }

        .why-eeat-freshora-wrap .wef-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .why-eeat-freshora-wrap .wef-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .why-eeat-freshora-wrap .wef-footer {
            padding: 1rem 1.2rem;
        }

        .why-eeat-freshora-wrap .wef-footer .wef-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .why-eeat-freshora-wrap {
            padding: 2.5rem 0;
        }

        .why-eeat-freshora-wrap .wef-main-heading {
            font-size: 1.5rem;
        }

        .why-eeat-freshora-wrap .wef-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .why-eeat-freshora-wrap .wef-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .why-eeat-freshora-wrap .wef-card .wef-card-icon {
            font-size: 1rem;
        }

        .why-eeat-freshora-wrap .wef-highlight-box {
            padding: 0.8rem 1rem;
        }

        .why-eeat-freshora-wrap .wef-highlight-box .wef-highlight-text {
            font-size: 1rem;
        }

        .why-eeat-freshora-wrap .wef-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .why-eeat-freshora-wrap .wef-footer .wef-footer-text {
            font-size: 0.85rem;
        }
    }





    /* ── SECTION 248: FUTURE-OF-SEO-EVIDENCE (CYCLIC 2) ── */
    .future-seo-evidence-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .future-seo-evidence-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .future-seo-evidence-wrap .fse-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .future-seo-evidence-wrap:hover .fse-main-heading {
        letter-spacing: 0.02em;
    }

    .future-seo-evidence-wrap .fse-main-heading .fse-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .future-seo-evidence-wrap:hover .fse-main-heading .fse-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .future-seo-evidence-wrap .fse-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .future-seo-evidence-wrap:hover .fse-sub-heading {
        letter-spacing: 0.02em;
    }

    .future-seo-evidence-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .future-seo-evidence-wrap:hover p {
        padding: 0 0.5rem;
    }

    .future-seo-evidence-wrap .fse-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .future-seo-evidence-wrap:hover .fse-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .future-seo-evidence-wrap .fse-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .future-seo-evidence-wrap:hover .fse-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .future-seo-evidence-wrap .fse-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .future-seo-evidence-wrap .fse-card {
        padding: 0.9rem 0.4rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.9rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .future-seo-evidence-wrap .fse-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .future-seo-evidence-wrap .fse-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .future-seo-evidence-wrap .fse-card:hover::before {
        opacity: 1;
    }

    .future-seo-evidence-wrap .fse-card .fse-card-icon {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .future-seo-evidence-wrap .fse-card:hover .fse-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    /* ── Footers ── */
    .future-seo-evidence-wrap .fse-footer {
        max-width: 820px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .future-seo-evidence-wrap .fse-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .future-seo-evidence-wrap .fse-footer .fse-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .future-seo-evidence-wrap .fse-footer:hover .fse-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .future-seo-evidence-wrap .fse-footer .fse-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .future-seo-evidence-wrap .fse-footer .fse-footer-text strong {
        color: #84c615;
    }

    .future-seo-evidence-wrap .fse-footer-2 {
        max-width: 700px;
        margin: 1rem auto 0;
        padding: 0.8rem 1.5rem;
        background: rgba(132, 198, 21, 0.03);
        border: 1px solid rgba(132, 198, 21, 0.06);
        border-radius: 12px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .future-seo-evidence-wrap .fse-footer-2:hover {
        background: rgba(132, 198, 21, 0.06);
        border-color: #84c615;
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .future-seo-evidence-wrap .fse-footer-2 .fse-footer-2-icon {
        font-size: 1.5rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .future-seo-evidence-wrap .fse-footer-2:hover .fse-footer-2-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .future-seo-evidence-wrap .fse-footer-2 .fse-footer-2-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .future-seo-evidence-wrap .fse-footer-2 .fse-footer-2-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .future-seo-evidence-wrap {
            padding: 3.5rem 0;
        }

        .future-seo-evidence-wrap .fse-main-heading {
            font-size: 1.8rem;
        }

        .future-seo-evidence-wrap .fse-sub-heading {
            font-size: 1rem;
        }

        .future-seo-evidence-wrap .fse-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .future-seo-evidence-wrap .fse-card {
            padding: 0.7rem 0.3rem;
        }

        .future-seo-evidence-wrap .fse-footer {
            padding: 1rem 1.2rem;
        }

        .future-seo-evidence-wrap .fse-footer .fse-footer-text {
            font-size: 0.9rem;
        }

        .future-seo-evidence-wrap .fse-footer-2 {
            padding: 0.8rem 1rem;
        }

        .future-seo-evidence-wrap .fse-footer-2 .fse-footer-2-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .future-seo-evidence-wrap {
            padding: 2.5rem 0;
        }

        .future-seo-evidence-wrap .fse-main-heading {
            font-size: 1.5rem;
        }

        .future-seo-evidence-wrap .fse-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .future-seo-evidence-wrap .fse-card {
            padding: 0.5rem 0.2rem;
        }

        .future-seo-evidence-wrap .fse-card .fse-card-icon {
            font-size: 1.1rem;
        }

        .future-seo-evidence-wrap .fse-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .future-seo-evidence-wrap .fse-footer .fse-footer-text {
            font-size: 0.85rem;
        }

        .future-seo-evidence-wrap .fse-footer-2 {
            padding: 0.6rem 0.8rem;
            flex-direction: column;
            gap: 4px;
        }

        .future-seo-evidence-wrap .fse-footer-2 .fse-footer-2-text {
            font-size: 0.85rem;
        }
    }





    /* ── SECTION 249: ADVANCED-TECH-SEO (CYCLIC 1) ── */
    .advanced-tech-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .advanced-tech-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .advanced-tech-section .tech-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .advanced-tech-section .tech-main-heading .tech-heading-accent {
        color: #84c615;
    }

    .advanced-tech-section .tech-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

    .advanced-tech-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .advanced-tech-section .tech-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .advanced-tech-section .tech-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .advanced-tech-section .tech-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .advanced-tech-section .tech-card {
        padding: 0.8rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .advanced-tech-section .tech-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .advanced-tech-section .tech-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .advanced-tech-section .tech-card:hover::before {
        left: 100%;
    }

    .advanced-tech-section .tech-card .tech-card-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .advanced-tech-section .tech-card:hover .tech-card-icon {
        transform: scale(1.15);
    }

    .advanced-tech-section .tech-footer {
        max-width: 820px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .advanced-tech-section .tech-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .advanced-tech-section .tech-footer .tech-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .advanced-tech-section .tech-footer:hover .tech-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .advanced-tech-section .tech-footer .tech-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .advanced-tech-section .tech-footer .tech-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .advanced-tech-section {
            padding: 3.5rem 0;
        }

        .advanced-tech-section .tech-main-heading {
            font-size: 1.8rem;
        }

        .advanced-tech-section .tech-sub-heading {
            font-size: 1rem;
        }

        .advanced-tech-section .tech-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .advanced-tech-section .tech-card {
            font-size: 0.75rem;
            padding: 0.6rem 0.2rem;
        }

        .advanced-tech-section .tech-footer {
            padding: 1rem 1.2rem;
        }

        .advanced-tech-section .tech-footer .tech-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .advanced-tech-section {
            padding: 2.5rem 0;
        }

        .advanced-tech-section .tech-main-heading {
            font-size: 1.5rem;
        }

        .advanced-tech-section .tech-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .advanced-tech-section .tech-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.15rem;
        }

        .advanced-tech-section .tech-card .tech-card-icon {
            font-size: 0.9rem;
        }

        .advanced-tech-section .tech-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .advanced-tech-section .tech-footer .tech-footer-text {
            font-size: 0.85rem;
        }
    }





/* =========================================================
   JAVASCRIPT SEO — CYCLIC 2
   Dark background / white cards / green accents
   ========================================================= */

.jsseo-cyclic2 {
    background: black;
    color: #ffffff;
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}


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

.jsseo-cyclic2 .jsseo-container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   HEADER
   ========================================================= */

.jsseo-cyclic2 .jsseo-header {
    max-width: 850px;
    margin: 0 auto 3.5rem;
    text-align: center;
}

.jsseo-cyclic2 .jsseo-eyebrow {
    display: inline-block;
    margin-bottom: 0.8rem;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    color: #84c615;
}

.jsseo-cyclic2 .jsseo-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.035em;
}

.jsseo-cyclic2 .jsseo-title-line {
    display: block;
    width: 55px;
    height: 3px;
    margin: 1rem auto 1.4rem;
    background: #84c615;
    border-radius: 3px;
    transition: all 0.45s ease;
}

.jsseo-cyclic2 .jsseo-header:hover .jsseo-title-line {
    width: 100px;
    box-shadow: 0 0 18px rgba(132, 198, 21, 0.2);
}

.jsseo-cyclic2 .jsseo-intro {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 1rem;
    color: #ffffff;
    opacity: 0.82;
    font-size: 0.9rem;
    line-height: 1.85;
    text-align: justify;
    text-align-last: center;
}


/* =========================================================
   SECTION LABEL
   ========================================================= */

.jsseo-cyclic2 .jsseo-section-label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.jsseo-cyclic2 .jsseo-label-line {
    width: 65px;
    height: 1px;
    background: rgba(255, 255, 255, 0.18);
    transition: all 0.4s ease;
}

.jsseo-cyclic2 .jsseo-section-label span:nth-child(2) {
    color: #ffffff;
    opacity: 0.5;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    white-space: nowrap;
}

.jsseo-cyclic2 .jsseo-content:hover .jsseo-label-line {
    width: 95px;
    background: #84c615;
}


/* =========================================================
   CARD GRID
   ========================================================= */

.jsseo-cyclic2 .jsseo-grid {
    max-width: 1050px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}


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

.jsseo-cyclic2 .jsseo-card {
    position: relative;
    min-height: 205px;
    padding: 1.35rem 1.1rem 1.2rem;
    background: #ffffff;
    border-radius: 8px;
    color: #1a1a1a;
    overflow: hidden;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-radius 0.35s ease;
}


/* Green top accent */

.jsseo-cyclic2 .jsseo-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: #84c615;
    transform: translateX(-50%);
    transition: width 0.4s ease;
}


/* Hover */

.jsseo-cyclic2 .jsseo-card:hover {
    transform: translateY(-7px);
    border-radius: 11px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}

.jsseo-cyclic2 .jsseo-card:hover::before {
    width: 100%;
}


/* =========================================================
   ICON
   ========================================================= */

.jsseo-cyclic2 .jsseo-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #e7f5ed;
    color: #84c615;
    transition:
        transform 0.35s ease,
        background 0.35s ease;
}

.jsseo-cyclic2 .jsseo-card:hover .jsseo-icon {
    transform: rotate(-4deg) scale(1.08);
    background: #d9f0e3;
}

.jsseo-cyclic2 .jsseo-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   NUMBER
   ========================================================= */

.jsseo-cyclic2 .jsseo-number {
    position: absolute;
    top: 1.1rem;
    right: 1rem;
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #84c615;
    opacity: 0.65;
}


/* =========================================================
   CARD TYPOGRAPHY
   ========================================================= */

.jsseo-cyclic2 .jsseo-card h3 {
    margin: 0 0 0.55rem;
    font-size: 0.85rem;
    line-height: 1.35;
    font-weight: 700;
    color: #1a1a1a;
    transition: color 0.3s ease;
}

.jsseo-cyclic2 .jsseo-card:hover h3 {
    color: #84c615;
}

.jsseo-cyclic2 .jsseo-card p {
    margin: 0;
    color: #2a2a2a;
    opacity: 0.72;
    font-size: 0.68rem;
    line-height: 1.65;
    text-align: justify;
}


/* =========================================================
   CALLOUT
   ========================================================= */

.jsseo-cyclic2 .jsseo-callout {
    max-width: 1050px;
    min-height: 72px;
    margin: 1.2rem auto 0;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 7px;
    border-top: 3px solid #84c615;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.jsseo-cyclic2 .jsseo-callout:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}

.jsseo-cyclic2 .jsseo-callout-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #84c615;
    background: #e7f5ed;
    border-radius: 7px;
}

.jsseo-cyclic2 .jsseo-callout-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
}

.jsseo-cyclic2 .jsseo-callout p {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.7;
    text-align: justify;
    text-align-last: center;
    color: #1a1a1a;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .jsseo-cyclic2 {
        padding: 4rem 0;
    }

    .jsseo-cyclic2 .jsseo-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: 720px;
    }

    .jsseo-cyclic2 .jsseo-card {
        min-height: 190px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    .jsseo-cyclic2 {
        padding: 3.2rem 0;
    }

    .jsseo-cyclic2 .jsseo-header {
        margin-bottom: 2.8rem;
    }

    .jsseo-cyclic2 .jsseo-eyebrow {
        font-size: 0.53rem;
        letter-spacing: 0.17em;
    }

    .jsseo-cyclic2 .jsseo-title {
        font-size: 1.85rem;
    }

    .jsseo-cyclic2 .jsseo-title-line {
        width: 42px;
        margin: 0.8rem auto 1.1rem;
    }

    .jsseo-cyclic2 .jsseo-intro {
        padding: 0 0.5rem;
        font-size: 0.78rem;
        line-height: 1.8;
        text-align: justify;
        text-align-last: center;
    }

    .jsseo-cyclic2 .jsseo-section-label {
        gap: 0.55rem;
        margin-bottom: 1.1rem;
    }

    .jsseo-cyclic2 .jsseo-label-line {
        width: 30px;
    }

    .jsseo-cyclic2 .jsseo-section-label span:nth-child(2) {
        font-size: 0.5rem;
        letter-spacing: 0.13em;
    }

    .jsseo-cyclic2 .jsseo-grid {
        grid-template-columns: 1fr 1fr;
        gap: 0.6rem;
    }

    .jsseo-cyclic2 .jsseo-card {
        min-height: 185px;
        padding: 1rem 0.8rem;
    }

    .jsseo-cyclic2 .jsseo-icon {
        width: 34px;
        height: 34px;
        margin-bottom: 0.7rem;
    }

    .jsseo-cyclic2 .jsseo-icon svg {
        width: 17px;
        height: 17px;
    }

    .jsseo-cyclic2 .jsseo-number {
        top: 0.8rem;
        right: 0.7rem;
        font-size: 0.45rem;
    }

    .jsseo-cyclic2 .jsseo-card h3 {
        font-size: 0.72rem;
        margin-bottom: 0.45rem;
    }

    .jsseo-cyclic2 .jsseo-card p {
        font-size: 0.61rem;
        line-height: 1.55;
    }

    .jsseo-cyclic2 .jsseo-callout {
        margin-top: 0.8rem;
        padding: 0.9rem 0.8rem;
        gap: 0.6rem;
    }

    .jsseo-cyclic2 .jsseo-callout-icon {
        width: 28px;
        height: 28px;
    }

    .jsseo-cyclic2 .jsseo-callout p {
        font-size: 0.67rem;
        line-height: 1.6;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

    .jsseo-cyclic2 .jsseo-title {
        font-size: 1.65rem;
    }

    .jsseo-cyclic2 .jsseo-grid {
        gap: 0.5rem;
    }

    .jsseo-cyclic2 .jsseo-card {
        min-height: 175px;
        padding: 0.85rem 0.7rem;
    }

    .jsseo-cyclic2 .jsseo-card h3 {
        font-size: 0.68rem;
    }

    .jsseo-cyclic2 .jsseo-card p {
        font-size: 0.57rem;
    }

}







/* =========================================================
   CYCLIC 1
   ========================================================= */

.jsseo-problems-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5rem 0;
    overflow: hidden;
}

.jsseo-problems-c1 .jsseo-c1-header {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 2.8rem;
}

.jsseo-problems-c1 .jsseo-c1-label {
    display: block;
    margin-bottom: .7rem;
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.jsseo-problems-c1 h2 {
    margin: 0;
    color: #1a1a1a;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.035em;
}

.jsseo-problems-c1 .jsseo-c1-line {
    display: block;
    width: 55px;
    height: 3px;
    margin: 1rem auto 0;
    border-radius: 5px;
    background: #84c615;
    transition: .45s ease;
}

.jsseo-problems-c1 .jsseo-c1-header:hover .jsseo-c1-line {
    width: 105px;
}

.jsseo-problems-c1 .jsseo-c1-content {
    max-width: 1050px;
    margin: auto;
}

.jsseo-problems-c1 .jsseo-c1-intro {
    text-align: center;
    margin-bottom: 1.2rem;
}

.jsseo-problems-c1 .jsseo-c1-intro p {
    margin: 0;
    font-size: .9rem;
    font-weight: 600;
}

.jsseo-problems-c1 .jsseo-c1-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .8rem;
}

.jsseo-problems-c1 .jsseo-c1-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: .9rem;
    min-height: 92px;
    padding: 1rem 1.1rem;
    background: #f0f9f3;
    border: 1px solid rgba(132,198,21,.08);
    border-radius: 10px;
    overflow: hidden;
    transition: .35s ease;
}

.jsseo-problems-c1 .jsseo-c1-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 0;
    background: #84c615;
    transform: translateY(-50%);
    transition: .35s ease;
}

.jsseo-problems-c1 .jsseo-c1-item:hover {
    transform: translateY(-5px);
    background: #e9f6ed;
    box-shadow: 0 12px 28px rgba(132,198,21,.09);
}

.jsseo-problems-c1 .jsseo-c1-item:hover::before {
    height: 65%;
}

.jsseo-problems-c1 .jsseo-c1-item span {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 8px;
    color: #84c615;
    font-size: .55rem;
    font-weight: 700;
    transition: .35s ease;
}

.jsseo-problems-c1 .jsseo-c1-item:hover span {
    background: #84c615;
    color: #ffffff;
    transform: rotate(-5deg) scale(1.08);
}

.jsseo-problems-c1 .jsseo-c1-item p {
    margin: 0;
    font-size: .78rem;
    line-height: 1.65;
    font-weight: 500;
    text-align: justify;
}

.jsseo-problems-c1 .jsseo-c1-bottom {
    max-width: 850px;
    margin: 2.5rem auto 0;
    text-align: center;
}

.jsseo-problems-c1 .jsseo-c1-bottom > p {
    margin: 0 0 1.2rem;
    font-size: .88rem;
}

.jsseo-problems-c1 .jsseo-c1-important {
    padding: 1.3rem 1.5rem;
    background: #eef8f1;
    border-radius: 9px;
    transition: .35s ease;
}

.jsseo-problems-c1 .jsseo-c1-important:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(132,198,21,.08);
}

.jsseo-problems-c1 .jsseo-c1-important span {
    display: block;
    margin-bottom: .45rem;
    color: #84c615;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .18em;
}

.jsseo-problems-c1 .jsseo-c1-important strong {
    font-size: .9rem;
    line-height: 1.7;
}


/* RESPONSIVE */

@media (max-width: 850px) {

    .jsseo-problems-c1 {
        padding: 4rem 0;
    }

    .jsseo-problems-c1 .jsseo-c1-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .jsseo-problems-c1 {
        padding: 3.2rem 0;
    }

    .jsseo-problems-c1 .jsseo-c1-grid {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .jsseo-problems-c1 h2 {
        font-size: 1.8rem;
    }

    .jsseo-problems-c1 .jsseo-c1-item {
        min-height: auto;
    }

    .jsseo-problems-c1 .jsseo-c1-item p {
        font-size: .72rem;
    }

}






/* =========================================================
   CYCLIC 2
   ========================================================= */

.rendering-c2 {
    background: black;
    color: #ffffff;
    padding: 5rem 0;
    overflow: hidden;
}

.rendering-c2 .rendering-c2-header {
    max-width: 850px;
    margin: 0 auto 3rem;
    text-align: center;
}

.rendering-c2 .rendering-c2-header > span {
    display: block;
    margin-bottom: .7rem;
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.rendering-c2 h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.035em;
}

.rendering-c2 .rendering-c2-header i {
    display: block;
    width: 55px;
    height: 3px;
    margin: 1rem auto 1.3rem;
    background: #84c615;
    border-radius: 4px;
    transition: .45s ease;
}

.rendering-c2 .rendering-c2-header:hover i {
    width: 105px;
}

.rendering-c2 .rendering-c2-header p {
    max-width: 700px;
    margin: auto;
    color: #ffffff;
    opacity: .8;
    font-size: .9rem;
    line-height: 1.8;
    text-align: justify;
    text-align-last: center;
}


/* METHODS */

.rendering-c2 .rendering-c2-methods {
    max-width: 1050px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .8rem;
}

.rendering-c2 .rendering-c2-card {
    position: relative;
    min-height: 225px;
    padding: 1.4rem 1.2rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 9px;
    overflow: hidden;
    transition: .35s ease;
}

.rendering-c2 .rendering-c2-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 3px;
    background: #84c615;
    transition: .4s ease;
}

.rendering-c2 .rendering-c2-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 16px 32px rgba(0,0,0,.25);
}

.rendering-c2 .rendering-c2-card:hover::before {
    width: 100%;
}

.rendering-c2 .rendering-c2-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e7f5ed;
    color: #84c615;
    border-radius: 8px;
    font-size: .58rem;
    font-weight: 700;
    transition: .35s ease;
}

.rendering-c2 .rendering-c2-card:hover .rendering-c2-icon {
    background: #84c615;
    color: #ffffff;
    transform: rotate(-4deg) scale(1.08);
}

.rendering-c2 .rendering-c2-card h3 {
    margin: 0 0 .7rem;
    font-size: .9rem;
    line-height: 1.4;
    font-weight: 700;
}

.rendering-c2 .rendering-c2-card p {
    margin: 0;
    color: #2a2a2a;
    opacity: .72;
    font-size: .7rem;
    line-height: 1.7;
    text-align: justify;
}


/* TRADE-OFF */

.rendering-c2 .rendering-c2-tradeoff {
    max-width: 1050px;
    margin: .9rem auto 2.5rem;
    padding: 1.1rem 1.5rem;
    text-align: center;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 8px;
    border-top: 3px solid #84c615;
    transition: .35s ease;
}

.rendering-c2 .rendering-c2-tradeoff:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0,0,0,.2);
}

.rendering-c2 .rendering-c2-tradeoff p {
    margin: 0;
    font-size: .8rem;
    font-weight: 600;
}


/* REQUIREMENTS */

.rendering-c2 .rendering-c2-requirements {
    max-width: 850px;
    margin: auto;
}

.rendering-c2 .rendering-c2-requirement-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.3rem;
}

.rendering-c2 .rendering-c2-requirement-title span {
    width: 55px;
    height: 1px;
    background: rgba(255,255,255,.2);
    transition: .4s ease;
}

.rendering-c2 .rendering-c2-requirement-title strong {
    font-size: .65rem;
    letter-spacing: .1em;
    color: #ffffff;
}

.rendering-c2 .rendering-c2-requirements:hover
.rendering-c2-requirement-title span {
    width: 90px;
    background: #84c615;
}

.rendering-c2 .rendering-c2-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
}

.rendering-c2 .rendering-c2-list div {
    padding: .85rem;
    background: rgba(255,255,255,.96);
    color: #1a1a1a;
    border-radius: 7px;
    text-align: center;
    font-size: .7rem;
    font-weight: 600;
    transition: .3s ease;
}

.rendering-c2 .rendering-c2-list div:hover {
    background: #e7f5ed;
    color: #84c615;
    transform: translateY(-3px);
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .rendering-c2 {
        padding: 4rem 0;
    }

    .rendering-c2 .rendering-c2-methods {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .rendering-c2 {
        padding: 3.2rem 0;
    }

    .rendering-c2 h2 {
        font-size: 1.8rem;
    }

    .rendering-c2 .rendering-c2-header p {
        font-size: .78rem;
    }

    .rendering-c2 .rendering-c2-methods {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .rendering-c2 .rendering-c2-card {
        min-height: auto;
    }

    .rendering-c2 .rendering-c2-list {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 380px) {

    .rendering-c2 .rendering-c2-list {
        grid-template-columns: 1fr;
    }

}








/* =========================================================
   CYCLIC 1 — NAVIGATION
   ========================================================= */

.jsnav-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5rem 0;
    overflow: hidden;
}

.jsnav-c1 .jsnav-c1-header {
    max-width: 850px;
    margin: 0 auto 3rem;
    text-align: center;
}

.jsnav-c1 .jsnav-c1-header > span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.jsnav-c1 h2 {
    margin: .7rem 0 0;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.jsnav-c1 .jsnav-c1-header i {
    display: block;
    width: 55px;
    height: 3px;
    margin: 1rem auto 1.3rem;
    background: #84c615;
    border-radius: 5px;
    transition: .45s ease;
}

.jsnav-c1 .jsnav-c1-header:hover i {
    width: 105px;
}

.jsnav-c1 .jsnav-c1-header p {
    margin: 0;
    font-size: .9rem;
    font-weight: 600;
}


/* MAIN */

.jsnav-c1 .jsnav-c1-main {
    max-width: 1000px;
    margin: auto;
}


/* MESSAGE */

.jsnav-c1 .jsnav-c1-message {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    max-width: 800px;
    margin: 0 auto 2.5rem;
    padding: 1.4rem 1.6rem;
    background: #f0f9f3;
    border-radius: 10px;
    transition: .35s ease;
}

.jsnav-c1 .jsnav-c1-message:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(132,198,21,.09);
}

.jsnav-c1 .jsnav-c1-mark {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 9px;
    color: #84c615;
    font-size: .55rem;
    font-weight: 700;
    transition: .35s ease;
}

.jsnav-c1 .jsnav-c1-message:hover .jsnav-c1-mark {
    background: #84c615;
    color: #ffffff;
    transform: rotate(-5deg);
}

.jsnav-c1 .jsnav-c1-message p {
    margin: 0;
    font-size: .82rem;
    line-height: 1.8;
    text-align: justify;
}


/* REVIEW */

.jsnav-c1 .jsnav-c1-review {
    margin-top: 2rem;
}

.jsnav-c1 .jsnav-c1-review-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.4rem;
}

.jsnav-c1 .jsnav-c1-review-title span {
    width: 55px;
    height: 1px;
    background: rgba(26,26,26,.15);
    transition: .4s ease;
}

.jsnav-c1 .jsnav-c1-review:hover
.jsnav-c1-review-title span {
    width: 90px;
    background: #84c615;
}

.jsnav-c1 .jsnav-c1-review-title strong {
    font-size: .65rem;
    letter-spacing: .08em;
}


/* GRID */

.jsnav-c1 .jsnav-c1-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .7rem;
}

.jsnav-c1 .jsnav-c1-grid div {
    position: relative;
    padding: 1rem .8rem;
    background: #f0f9f3;
    border-radius: 8px;
    text-align: center;
    font-size: .72rem;
    font-weight: 600;
    transition: .35s ease;
}

.jsnav-c1 .jsnav-c1-grid div::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #84c615;
    transform: translateX(-50%);
    transition: .35s ease;
}

.jsnav-c1 .jsnav-c1-grid div:hover {
    background: #e8f6ed;
    color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(132,198,21,.07);
}

.jsnav-c1 .jsnav-c1-grid div:hover::after {
    width: 55%;
}


/* BOTTOM */

.jsnav-c1 .jsnav-c1-bottom {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 850px;
    margin: 2.5rem auto 0;
}

.jsnav-c1 .jsnav-c1-bottom span {
    flex: 1;
    height: 1px;
    background: rgba(26,26,26,.12);
}

.jsnav-c1 .jsnav-c1-bottom p {
    max-width: 620px;
    margin: 0;
    color: #1a1a1a;
    font-size: .82rem;
    line-height: 1.75;
    font-weight: 600;
    text-align: justify;
    text-align-last: center;
}


/* RESPONSIVE */

@media (max-width: 800px) {

    .jsnav-c1 {
        padding: 4rem 0;
    }

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

}

@media (max-width: 576px) {

    .jsnav-c1 {
        padding: 3.2rem 0;
    }

    .jsnav-c1 h2 {
        font-size: 1.8rem;
    }

    .jsnav-c1 .jsnav-c1-header p {
        font-size: .78rem;
    }

    .jsnav-c1 .jsnav-c1-message {
        align-items: flex-start;
        padding: 1.1rem;
    }

    .jsnav-c1 .jsnav-c1-message p {
        font-size: .72rem;
    }

    .jsnav-c1 .jsnav-c1-grid {
        gap: .5rem;
    }

    .jsnav-c1 .jsnav-c1-grid div {
        padding: .85rem .5rem;
        font-size: .64rem;
    }

    .jsnav-c1 .jsnav-c1-bottom {
        gap: .6rem;
    }

    .jsnav-c1 .jsnav-c1-bottom p {
        font-size: .7rem;
    }

}







/* =========================================================
   CYCLIC 2 — DYNAMIC CONTENT
   ========================================================= */

.dynamicseo-c2 {
    background: black;
    color: #ffffff;
    padding: 5rem 0;
    overflow: hidden;
}

.dynamicseo-c2 .dynamicseo-c2-header {
    max-width: 850px;
    margin: 0 auto 2.8rem;
    text-align: center;
}

.dynamicseo-c2 .dynamicseo-c2-header > span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.dynamicseo-c2 h2 {
    margin: .7rem 0 0;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.dynamicseo-c2 .dynamicseo-c2-header i {
    display: block;
    width: 55px;
    height: 3px;
    margin: 1rem auto 1.3rem;
    background: #84c615;
    border-radius: 4px;
    transition: .45s ease;
}

.dynamicseo-c2 .dynamicseo-c2-header:hover i {
    width: 105px;
}

.dynamicseo-c2 .dynamicseo-c2-header p {
    margin: 0;
    color: #ffffff;
    opacity: .8;
    font-size: .88rem;
}


/* SOURCES */

.dynamicseo-c2 .dynamicseo-c2-sources {
    max-width: 900px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .7rem;
}

.dynamicseo-c2 .dynamicseo-c2-sources div {
    padding: 1.2rem .8rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 8px;
    text-align: center;
    font-size: .76rem;
    font-weight: 600;
    transition: .35s ease;
}

.dynamicseo-c2 .dynamicseo-c2-sources div:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 28px rgba(0,0,0,.25);
    color: #84c615;
}

.dynamicseo-c2 .dynamicseo-c2-sources span {
    display: block;
    margin-bottom: .45rem;
    color: #84c615;
    font-size: .5rem;
    letter-spacing: .08em;
}


/* QUESTIONS */

.dynamicseo-c2 .dynamicseo-c2-questions {
    max-width: 900px;
    margin: 1.3rem auto 2.5rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .7rem;
}

.dynamicseo-c2 .dynamicseo-c2-question {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1.15rem;
    background: rgba(255,255,255,.97);
    color: #1a1a1a;
    border-radius: 8px;
    transition: .35s ease;
}

.dynamicseo-c2 .dynamicseo-c2-question:hover {
    transform: translateX(5px);
    box-shadow: 0 10px 25px rgba(0,0,0,.2);
}

.dynamicseo-c2 .dynamicseo-c2-question span {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e7f5ed;
    color: #84c615;
    border-radius: 7px;
    font-size: 1rem;
    font-weight: 700;
    transition: .3s ease;
}

.dynamicseo-c2 .dynamicseo-c2-question:hover span {
    background: #84c615;
    color: #ffffff;
}

.dynamicseo-c2 .dynamicseo-c2-question strong {
    font-size: .72rem;
    line-height: 1.55;
}


/* PLATFORMS */

.dynamicseo-c2 .dynamicseo-c2-platforms {
    max-width: 1000px;
    margin: auto;
}

.dynamicseo-c2 .dynamicseo-c2-platform-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.dynamicseo-c2 .dynamicseo-c2-platform-title span {
    width: 60px;
    height: 1px;
    background: rgba(255,255,255,.18);
    transition: .4s ease;
}

.dynamicseo-c2 .dynamicseo-c2-platforms:hover
.dynamicseo-c2-platform-title span {
    width: 100px;
    background: #84c615;
}

.dynamicseo-c2 .dynamicseo-c2-platform-title strong {
    font-size: .63rem;
    letter-spacing: .08em;
    text-align: center;
}

.dynamicseo-c2 .dynamicseo-c2-platform-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .6rem;
}

.dynamicseo-c2 .dynamicseo-c2-platform-grid div {
    padding: .75rem 1.2rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 7px;
    font-size: .68rem;
    font-weight: 600;
    transition: .3s ease;
}

.dynamicseo-c2 .dynamicseo-c2-platform-grid div:hover {
    background: #e7f5ed;
    color: #84c615;
    transform: translateY(-3px);
}


/* RESPONSIVE */

@media (max-width: 800px) {

    .dynamicseo-c2 {
        padding: 4rem 0;
    }

    .dynamicseo-c2 .dynamicseo-c2-sources {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .dynamicseo-c2 {
        padding: 3.2rem 0;
    }

    .dynamicseo-c2 h2 {
        font-size: 1.8rem;
    }

    .dynamicseo-c2 .dynamicseo-c2-header p {
        font-size: .76rem;
    }

    .dynamicseo-c2 .dynamicseo-c2-sources {
        gap: .5rem;
    }

    .dynamicseo-c2 .dynamicseo-c2-sources div {
        padding: 1rem .5rem;
        font-size: .68rem;
    }

    .dynamicseo-c2 .dynamicseo-c2-questions {
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .dynamicseo-c2 .dynamicseo-c2-question {
        padding: 1rem;
    }

    .dynamicseo-c2 .dynamicseo-c2-question strong {
        font-size: .66rem;
    }

    .dynamicseo-c2 .dynamicseo-c2-platform-title {
        gap: .5rem;
    }

    .dynamicseo-c2 .dynamicseo-c2-platform-title span {
        width: 30px;
    }

    .dynamicseo-c2 .dynamicseo-c2-platform-title strong {
        font-size: .54rem;
    }

    .dynamicseo-c2 .dynamicseo-c2-platform-grid div {
        padding: .65rem .9rem;
        font-size: .61rem;
    }

}







.meta-js-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5rem 0;
    overflow: hidden;
}

.meta-js-c1-heading {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 2.4rem;
}

.meta-js-c1-label {
    display: block;
    margin-bottom: .65rem;
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.meta-js-c1 h2 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.meta-js-c1-rule {
    width: 55px;
    height: 3px;
    margin: 1rem auto 0;
    background: #84c615;
    border-radius: 4px;
    transition: width .4s ease;
}

.meta-js-c1-heading:hover .meta-js-c1-rule {
    width: 110px;
}

.meta-js-c1-intro {
    max-width: 750px;
    margin: 0 auto 2.5rem;
    text-align: center;
}

.meta-js-c1-intro p {
    margin: 0;
    font-size: .9rem;
    line-height: 1.8;
    font-weight: 600;
}

.meta-js-c1-layout {
    max-width: 1000px;
    margin: auto;
    display: grid;
    grid-template-columns: .75fr 1.5fr;
    gap: 1rem;
    align-items: stretch;
}

.meta-js-c1-side {
    padding: 2rem;
    background: #f0f9f3;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .35s ease;
}

.meta-js-c1-side:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(132,198,21,.08);
}

.meta-js-c1-number {
    color: #84c615;
    font-size: 2.4rem;
    font-weight: 800;
    letter-spacing: -.05em;
}

.meta-js-c1-side-line {
    width: 45px;
    height: 2px;
    margin: .8rem 0 1rem;
    background: #84c615;
    transition: width .35s ease;
}

.meta-js-c1-side:hover .meta-js-c1-side-line {
    width: 90px;
}

.meta-js-c1-side strong {
    font-size: .85rem;
    line-height: 1.6;
}

.meta-js-c1-checklist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .7rem;
}

.meta-js-c1-item {
    position: relative;
    min-height: 82px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    background: #f0f9f3;
    border-radius: 9px;
    overflow: hidden;
    transition: .35s ease;
}

.meta-js-c1-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #84c615;
    transition: width .35s ease;
}

.meta-js-c1-item:hover {
    transform: translateY(-4px);
    background: #e8f6ed;
    box-shadow: 0 10px 24px rgba(132,198,21,.08);
}

.meta-js-c1-item:hover::after {
    width: 100%;
}

.meta-js-c1-item span {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #84c615;
    border-radius: 7px;
    font-size: .55rem;
    font-weight: 700;
    transition: .3s ease;
}

.meta-js-c1-item:hover span {
    background: #84c615;
    color: #ffffff;
    transform: scale(1.08);
}

.meta-js-c1-item strong {
    font-size: .75rem;
    line-height: 1.5;
}

.meta-js-c1-footer {
    max-width: 850px;
    margin: 2.3rem auto 0;
    padding: 1.2rem 1.5rem;
    text-align: center;
    background: #eef8f1;
    border-radius: 9px;
    border-left: 3px solid #84c615;
    transition: .35s ease;
}

.meta-js-c1-footer:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(132,198,21,.07);
}

.meta-js-c1-footer p {
    margin: 0;
    font-size: .8rem;
    line-height: 1.75;
    font-weight: 600;
    text-align: justify;
    text-align-last: center;
}

@media (max-width: 800px) {

    .meta-js-c1 {
        padding: 4rem 0;
    }

    .meta-js-c1-layout {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 576px) {

    .meta-js-c1 {
        padding: 3.2rem 0;
    }

    .meta-js-c1 h2 {
        font-size: 1.8rem;
    }

    .meta-js-c1-checklist {
        grid-template-columns: 1fr;
    }

    .meta-js-c1-side {
        padding: 1.4rem;
    }

    .meta-js-c1-footer {
        padding: 1rem;
    }

    .meta-js-c1-footer p {
        font-size: .72rem;
    }

}







.cwv-c2 {
    background: black;
    color: #ffffff;
    padding: 5rem 0;
    overflow: hidden;
}

.cwv-c2-heading {
    max-width: 850px;
    margin: 0 auto 2rem;
    text-align: center;
}

.cwv-c2-heading > span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.cwv-c2 h2 {
    margin: .65rem 0 0;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.cwv-c2-line {
    width: 55px;
    height: 3px;
    margin: 1rem auto;
    background: #84c615;
    border-radius: 5px;
    transition: width .4s ease;
}

.cwv-c2-heading:hover .cwv-c2-line {
    width: 110px;
}

.cwv-c2-heading p,
.cwv-c2-intro p {
    margin: 0;
    color: #ffffff;
    opacity: .8;
    font-size: .85rem;
    line-height: 1.8;
}

.cwv-c2-intro {
    text-align: center;
    margin-bottom: 1.8rem;
}

.cwv-c2-metrics {
    max-width: 1050px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .9rem;
}

.cwv-c2-card {
    position: relative;
    padding: 1.6rem;
    min-height: 235px;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 11px;
    overflow: hidden;
    transition: .4s ease;
}

.cwv-c2-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 35px rgba(0,0,0,.28);
}

.cwv-c2-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.cwv-c2-card-top span {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e7f5ed;
    color: #84c615;
    border-radius: 8px;
    font-size: .55rem;
    font-weight: 700;
    transition: .35s ease;
}

.cwv-c2-card:hover .cwv-c2-card-top span {
    background: #84c615;
    color: #ffffff;
    transform: rotate(-5deg);
}

.cwv-c2-card-top b {
    color: #84c615;
    font-size: .7rem;
    letter-spacing: .15em;
}

.cwv-c2-card h3 {
    margin: 0 0 .7rem;
    font-size: .9rem;
    line-height: 1.45;
}

.cwv-c2-card p {
    margin: 0;
    font-size: .72rem;
    line-height: 1.75;
    color: #2a2a2a;
    text-align: justify;
}

.cwv-c2-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #84c615;
    transition: width .5s ease;
}

.cwv-c2-card:hover .cwv-c2-progress {
    width: 100%;
}

.cwv-c2-bottom {
    max-width: 850px;
    margin: 1rem auto 0;
    padding: 1.15rem 1.5rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 8px;
    text-align: center;
}

.cwv-c2-bottom p {
    margin: 0;
    font-size: .76rem;
    line-height: 1.7;
    font-weight: 600;
}

@media (max-width: 800px) {

    .cwv-c2 {
        padding: 4rem 0;
    }

    .cwv-c2-metrics {
        grid-template-columns: 1fr;
        max-width: 600px;
    }

}

@media (max-width: 576px) {

    .cwv-c2 {
        padding: 3.2rem 0;
    }

    .cwv-c2 h2 {
        font-size: 1.8rem;
    }

    .cwv-c2-card {
        min-height: auto;
        padding: 1.3rem;
    }

    .cwv-c2-card p {
        font-size: .68rem;
    }

}





    /* ── SECTION 235: AUTHORITATIVENESS (CYCLIC 1) ── */
    .authoritativeness-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .authoritativeness-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .authoritativeness-wrap .auth-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .authoritativeness-wrap:hover .auth-main-heading {
        letter-spacing: 0.02em;
    }

    .authoritativeness-wrap .auth-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .authoritativeness-wrap:hover .auth-sub-heading {
        letter-spacing: 0.02em;
    }

    .authoritativeness-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .authoritativeness-wrap:hover p {
        padding: 0 0.5rem;
    }

    .authoritativeness-wrap .auth-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .authoritativeness-wrap:hover .auth-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .authoritativeness-wrap .auth-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .authoritativeness-wrap:hover .auth-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .authoritativeness-wrap .auth-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .authoritativeness-wrap .auth-card {
        padding: 0.8rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .authoritativeness-wrap .auth-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .authoritativeness-wrap .auth-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .authoritativeness-wrap .auth-card:hover::before {
        left: 100%;
    }

    .authoritativeness-wrap .auth-card .auth-card-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .authoritativeness-wrap .auth-card:hover .auth-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .authoritativeness-wrap .auth-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .authoritativeness-wrap .auth-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .authoritativeness-wrap .auth-footer .auth-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .authoritativeness-wrap .auth-footer:hover .auth-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .authoritativeness-wrap .auth-footer .auth-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .authoritativeness-wrap .auth-footer .auth-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .authoritativeness-wrap {
            padding: 3.5rem 0;
        }

        .authoritativeness-wrap .auth-main-heading {
            font-size: 1.8rem;
        }

        .authoritativeness-wrap .auth-sub-heading {
            font-size: 1rem;
        }

        .authoritativeness-wrap .auth-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .authoritativeness-wrap .auth-card {
            font-size: 0.75rem;
            padding: 0.6rem 0.2rem;
        }

        .authoritativeness-wrap .auth-footer {
            padding: 1rem 1.2rem;
        }

        .authoritativeness-wrap .auth-footer .auth-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .authoritativeness-wrap {
            padding: 2.5rem 0;
        }

        .authoritativeness-wrap .auth-main-heading {
            font-size: 1.5rem;
        }

        .authoritativeness-wrap .auth-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .authoritativeness-wrap .auth-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.15rem;
        }

        .authoritativeness-wrap .auth-card .auth-card-icon {
            font-size: 0.9rem;
        }

        .authoritativeness-wrap .auth-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .authoritativeness-wrap .auth-footer .auth-footer-text {
            font-size: 0.85rem;
        }
    }




    /* ── SECTION 224: FRESHORA-STRATEGY-NO-GUESSWORK (CYCLIC 2) ── */
    .freshora-no-guesswork-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .freshora-no-guesswork-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .freshora-no-guesswork-wrap .fng-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .freshora-no-guesswork-wrap:hover .fng-main-heading {
        letter-spacing: 0.02em;
    }

    .freshora-no-guesswork-wrap .fng-main-heading .fng-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .freshora-no-guesswork-wrap:hover .fng-main-heading .fng-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .freshora-no-guesswork-wrap .fng-sub-heading {
        text-align: center;
        font-size: 1.05rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 820px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
        line-height: 1.8;
    }

    .freshora-no-guesswork-wrap:hover .fng-sub-heading {
        letter-spacing: 0.02em;
    }

    .freshora-no-guesswork-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .freshora-no-guesswork-wrap:hover p {
        padding: 0 0.5rem;
    }

    .freshora-no-guesswork-wrap .fng-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .freshora-no-guesswork-wrap:hover .fng-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .freshora-no-guesswork-wrap .fng-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .freshora-no-guesswork-wrap:hover .fng-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Goals ── */
    .freshora-no-guesswork-wrap .fng-goals {
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
    }

    .freshora-no-guesswork-wrap .fng-goal {
        padding: 1rem 1.2rem;
        border-radius: 12px;
        text-align: center;
        font-size: 1.05rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
    }

    .freshora-no-guesswork-wrap .fng-goal:hover {
        transform: translateY(-3px) scale(1.01);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        color: #ffffff;
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.04);
    }

    .freshora-no-guesswork-wrap .fng-goal-highlight {
        border-color: rgba(132, 198, 21, 0.12);
        background: rgba(132, 198, 21, 0.04);
        font-weight: 600;
        color: #84c615;
    }

    .freshora-no-guesswork-wrap .fng-goal-highlight:hover {
        background: rgba(132, 198, 21, 0.08);
        border-color: #84c615;
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .freshora-no-guesswork-wrap {
            padding: 3.5rem 0;
        }

        .freshora-no-guesswork-wrap .fng-main-heading {
            font-size: 1.8rem;
        }

        .freshora-no-guesswork-wrap .fng-sub-heading {
            font-size: 0.95rem;
        }

        .freshora-no-guesswork-wrap .fng-goal {
            font-size: 0.95rem;
            padding: 0.8rem 1rem;
        }
    }

    @media (max-width: 480px) {
        .freshora-no-guesswork-wrap {
            padding: 2.5rem 0;
        }

        .freshora-no-guesswork-wrap .fng-main-heading {
            font-size: 1.5rem;
        }

        .freshora-no-guesswork-wrap .fng-sub-heading {
            font-size: 0.85rem;
        }

        .freshora-no-guesswork-wrap .fng-goal {
            font-size: 0.85rem;
            padding: 0.6rem 0.8rem;
        }
    }






    /* ── SECTION 223: START-WITH-DIAGNOSIS (CYCLIC 1) ── */
    .start-diagnosis-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .start-diagnosis-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .start-diagnosis-wrap .sd2-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .start-diagnosis-wrap:hover .sd2-main-heading {
        letter-spacing: 0.02em;
    }

    .start-diagnosis-wrap .sd2-main-heading .sd2-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .start-diagnosis-wrap:hover .sd2-main-heading .sd2-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .start-diagnosis-wrap .sd2-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .start-diagnosis-wrap:hover .sd2-sub-heading {
        letter-spacing: 0.02em;
    }

    .start-diagnosis-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .start-diagnosis-wrap:hover p {
        padding: 0 0.5rem;
    }

    .start-diagnosis-wrap .sd2-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .start-diagnosis-wrap:hover .sd2-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .start-diagnosis-wrap .sd2-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .start-diagnosis-wrap:hover .sd2-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .start-diagnosis-wrap .sd2-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .start-diagnosis-wrap .sd2-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .start-diagnosis-wrap .sd2-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .start-diagnosis-wrap .sd2-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .start-diagnosis-wrap .sd2-card:hover::before {
        left: 100%;
    }

    .start-diagnosis-wrap .sd2-card .sd2-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .start-diagnosis-wrap .sd2-card:hover .sd2-card-icon {
        transform: scale(1.15);
    }

    /* ── Questions ── */
    .start-diagnosis-wrap .sd2-questions {
        max-width: 650px;
        margin: 1.5rem auto;
        padding: 0 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .start-diagnosis-wrap .sd2-question {
        padding: 0.7rem 1rem;
        border-radius: 10px;
        border-left: 3px solid #84c615;
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        font-size: 0.95rem;
        transition: all 0.4s ease;
        cursor: default;
    }

    .start-diagnosis-wrap .sd2-question:hover {
        transform: translateX(6px);
        background: rgba(132, 198, 21, 0.06);
        border-left-color: #6fb010;
    }

    .start-diagnosis-wrap .sd2-question-highlight {
        border-left-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        font-weight: 600;
        color: #1a1a1a;
    }

    .start-diagnosis-wrap .sd2-question-highlight:hover {
        background: rgba(132, 198, 21, 0.08);
        border-left-color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .start-diagnosis-wrap {
            padding: 3.5rem 0;
        }

        .start-diagnosis-wrap .sd2-main-heading {
            font-size: 1.8rem;
        }

        .start-diagnosis-wrap .sd2-sub-heading {
            font-size: 1rem;
        }

        .start-diagnosis-wrap .sd2-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .start-diagnosis-wrap .sd2-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }
    }

    @media (max-width: 480px) {
        .start-diagnosis-wrap {
            padding: 2.5rem 0;
        }

        .start-diagnosis-wrap .sd2-main-heading {
            font-size: 1.5rem;
        }

        .start-diagnosis-wrap .sd2-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .start-diagnosis-wrap .sd2-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .start-diagnosis-wrap .sd2-card .sd2-card-icon {
            font-size: 1rem;
        }

        .start-diagnosis-wrap .sd2-question {
            font-size: 0.85rem;
            padding: 0.5rem 0.8rem;
        }
    }







    /* ── SECTION 222: WHY-FRESHORA-DIGITAL (CYCLIC 2) ── */
    .why-freshora-digital-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .why-freshora-digital-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .why-freshora-digital-wrap .wfd-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .why-freshora-digital-wrap:hover .wfd-main-heading {
        letter-spacing: 0.02em;
    }

    .why-freshora-digital-wrap .wfd-main-heading .wfd-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .why-freshora-digital-wrap:hover .wfd-main-heading .wfd-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .why-freshora-digital-wrap .wfd-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .why-freshora-digital-wrap:hover .wfd-sub-heading {
        letter-spacing: 0.02em;
    }

    .why-freshora-digital-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .why-freshora-digital-wrap:hover p {
        padding: 0 0.5rem;
    }

    .why-freshora-digital-wrap .wfd-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .why-freshora-digital-wrap:hover .wfd-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .why-freshora-digital-wrap .wfd-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .why-freshora-digital-wrap:hover .wfd-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .why-freshora-digital-wrap .wfd-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .why-freshora-digital-wrap .wfd-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .why-freshora-digital-wrap .wfd-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .why-freshora-digital-wrap .wfd-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .why-freshora-digital-wrap .wfd-card:hover::before {
        opacity: 1;
    }

    .why-freshora-digital-wrap .wfd-card .wfd-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .why-freshora-digital-wrap .wfd-card:hover .wfd-card-icon {
        transform: scale(1.15);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .why-freshora-digital-wrap {
            padding: 3.5rem 0;
        }

        .why-freshora-digital-wrap .wfd-main-heading {
            font-size: 1.8rem;
        }

        .why-freshora-digital-wrap .wfd-sub-heading {
            font-size: 1rem;
        }

        .why-freshora-digital-wrap .wfd-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .why-freshora-digital-wrap .wfd-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }
    }

    @media (max-width: 480px) {
        .why-freshora-digital-wrap {
            padding: 2.5rem 0;
        }

        .why-freshora-digital-wrap .wfd-main-heading {
            font-size: 1.5rem;
        }

        .why-freshora-digital-wrap .wfd-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .why-freshora-digital-wrap .wfd-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .why-freshora-digital-wrap .wfd-card .wfd-card-icon {
            font-size: 1rem;
        }
    }







    /* ── SECTION 221: SEO-INVESTMENT (CYCLIC 1) ── */
    .seo-investment-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-investment-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .seo-investment-wrap .si-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .seo-investment-wrap:hover .si-main-heading {
        letter-spacing: 0.02em;
    }

    .seo-investment-wrap .si-main-heading .si-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .seo-investment-wrap:hover .si-main-heading .si-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .seo-investment-wrap .si-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .seo-investment-wrap:hover .si-sub-heading {
        letter-spacing: 0.02em;
    }

    .seo-investment-wrap .si-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .seo-investment-wrap:hover .si-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .seo-investment-wrap .si-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .seo-investment-wrap:hover .si-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .seo-investment-wrap .si-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-investment-wrap .si-card {
        padding: 0.8rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-investment-wrap .si-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .seo-investment-wrap .si-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .seo-investment-wrap .si-card:hover::before {
        left: 100%;
    }

    .seo-investment-wrap .si-card .si-card-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .seo-investment-wrap .si-card:hover .si-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .seo-investment-wrap .si-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .seo-investment-wrap .si-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .seo-investment-wrap .si-footer .si-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .seo-investment-wrap .si-footer:hover .si-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .seo-investment-wrap .si-footer .si-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .seo-investment-wrap .si-footer .si-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .seo-investment-wrap {
            padding: 3.5rem 0;
        }

        .seo-investment-wrap .si-main-heading {
            font-size: 1.8rem;
        }

        .seo-investment-wrap .si-sub-heading {
            font-size: 1rem;
        }

        .seo-investment-wrap .si-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .seo-investment-wrap .si-card {
            font-size: 0.75rem;
            padding: 0.6rem 0.2rem;
        }

        .seo-investment-wrap .si-footer {
            padding: 1rem 1.2rem;
        }

        .seo-investment-wrap .si-footer .si-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .seo-investment-wrap {
            padding: 2.5rem 0;
        }

        .seo-investment-wrap .si-main-heading {
            font-size: 1.5rem;
        }

        .seo-investment-wrap .si-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .seo-investment-wrap .si-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.15rem;
        }

        .seo-investment-wrap .si-card .si-card-icon {
            font-size: 0.9rem;
        }

        .seo-investment-wrap .si-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .seo-investment-wrap .si-footer .si-footer-text {
            font-size: 0.85rem;
        }
    }






    /* ── SECTION 220: TRANSPARENCY-PRINCIPLES (CYCLIC 2) ── */
    .transparency-principles-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .transparency-principles-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .transparency-principles-wrap .tp-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .transparency-principles-wrap:hover .tp-main-heading {
        letter-spacing: 0.02em;
    }

    .transparency-principles-wrap .tp-main-heading .tp-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .transparency-principles-wrap:hover .tp-main-heading .tp-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .transparency-principles-wrap .tp-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .transparency-principles-wrap:hover .tp-sub-heading {
        letter-spacing: 0.02em;
    }

    .transparency-principles-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .transparency-principles-wrap:hover p {
        padding: 0 0.5rem;
    }

    .transparency-principles-wrap .tp-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .transparency-principles-wrap:hover .tp-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .transparency-principles-wrap .tp-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .transparency-principles-wrap:hover .tp-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .transparency-principles-wrap .tp-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .transparency-principles-wrap .tp-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .transparency-principles-wrap .tp-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .transparency-principles-wrap .tp-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .transparency-principles-wrap .tp-card:hover::before {
        opacity: 1;
    }

    .transparency-principles-wrap .tp-card .tp-card-icon {
        display: block;
        font-size: 1.5rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .transparency-principles-wrap .tp-card:hover .tp-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .transparency-principles-wrap .tp-card .tp-card-label {
        display: block;
        font-weight: 700;
        font-size: 0.9rem;
        color: #d0d0d0;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .transparency-principles-wrap .tp-card:hover .tp-card-label {
        color: #84c615;
    }

    .transparency-principles-wrap .tp-card .tp-card-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .transparency-principles-wrap .tp-card:hover .tp-card-desc {
        color: #b0b0b0;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .transparency-principles-wrap {
            padding: 3.5rem 0;
        }

        .transparency-principles-wrap .tp-main-heading {
            font-size: 1.8rem;
        }

        .transparency-principles-wrap .tp-sub-heading {
            font-size: 1rem;
        }

        .transparency-principles-wrap .tp-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .transparency-principles-wrap .tp-card {
            padding: 0.8rem 0.5rem;
        }

        .transparency-principles-wrap .tp-card .tp-card-label {
            font-size: 0.85rem;
        }

        .transparency-principles-wrap .tp-card .tp-card-desc {
            font-size: 0.75rem;
        }
    }

    @media (max-width: 480px) {
        .transparency-principles-wrap {
            padding: 2.5rem 0;
        }

        .transparency-principles-wrap .tp-main-heading {
            font-size: 1.5rem;
        }

        .transparency-principles-wrap .tp-grid {
            grid-template-columns: 1fr;
            gap: 0.5rem;
        }

        .transparency-principles-wrap .tp-card {
            padding: 0.6rem 0.3rem;
        }

        .transparency-principles-wrap .tp-card .tp-card-icon {
            font-size: 1.2rem;
        }

        .transparency-principles-wrap .tp-card .tp-card-label {
            font-size: 0.85rem;
        }

        .transparency-principles-wrap .tp-card .tp-card-desc {
            font-size: 0.75rem;
        }
    }


    /* ── SECTION 219: MONTHLY-REVIEW (CYCLIC 1) ── */
    .monthly-review-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .monthly-review-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .monthly-review-wrap .mr-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .monthly-review-wrap:hover .mr-main-heading {
        letter-spacing: 0.02em;
    }

    .monthly-review-wrap .mr-main-heading .mr-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .monthly-review-wrap:hover .mr-main-heading .mr-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .monthly-review-wrap .mr-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .monthly-review-wrap:hover .mr-sub-heading {
        letter-spacing: 0.02em;
    }

    .monthly-review-wrap .mr-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .monthly-review-wrap:hover .mr-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .monthly-review-wrap .mr-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .monthly-review-wrap:hover .mr-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .monthly-review-wrap .mr-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .monthly-review-wrap .mr-card {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .monthly-review-wrap .mr-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 12px;
    }

    .monthly-review-wrap .mr-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .monthly-review-wrap .mr-card:hover::before {
        left: 100%;
    }

    .monthly-review-wrap .mr-card .mr-card-icon {
        display: block;
        font-size: 1.6rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .monthly-review-wrap .mr-card:hover .mr-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .monthly-review-wrap .mr-card .mr-card-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #1a1a1a;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .monthly-review-wrap .mr-card:hover .mr-card-label {
        color: #84c615;
    }

    .monthly-review-wrap .mr-card .mr-card-desc {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .monthly-review-wrap .mr-card:hover .mr-card-desc {
        color: #3a3a3a;
    }

    .monthly-review-wrap .mr-card-full {
        grid-column: span 2;
        border-color: rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.03);
    }

    .monthly-review-wrap .mr-card-full:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
    }

    /* ── Footer ── */
    .monthly-review-wrap .mr-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .monthly-review-wrap .mr-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .monthly-review-wrap .mr-footer .mr-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .monthly-review-wrap .mr-footer:hover .mr-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .monthly-review-wrap .mr-footer .mr-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .monthly-review-wrap .mr-footer .mr-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .monthly-review-wrap {
            padding: 3.5rem 0;
        }

        .monthly-review-wrap .mr-main-heading {
            font-size: 1.8rem;
        }

        .monthly-review-wrap .mr-sub-heading {
            font-size: 1rem;
        }

        .monthly-review-wrap .mr-grid {
            grid-template-columns: 1fr;
            gap: 0.6rem;
        }

        .monthly-review-wrap .mr-card {
            padding: 0.8rem 0.6rem;
        }

        .monthly-review-wrap .mr-card-full {
            grid-column: span 1;
        }

        .monthly-review-wrap .mr-footer {
            padding: 1rem 1.2rem;
        }

        .monthly-review-wrap .mr-footer .mr-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .monthly-review-wrap {
            padding: 2.5rem 0;
        }

        .monthly-review-wrap .mr-main-heading {
            font-size: 1.5rem;
        }

        .monthly-review-wrap .mr-card {
            padding: 0.6rem 0.4rem;
        }

        .monthly-review-wrap .mr-card .mr-card-icon {
            font-size: 1.3rem;
        }

        .monthly-review-wrap .mr-card .mr-card-label {
            font-size: 0.85rem;
        }

        .monthly-review-wrap .mr-card .mr-card-desc {
            font-size: 0.75rem;
        }

        .monthly-review-wrap .mr-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .monthly-review-wrap .mr-footer .mr-footer-text {
            font-size: 0.85rem;
        }
    }






    /* ── SECTION 218: ENGAGEMENT-MODELS (CYCLIC 2) ── */
    .engagement-models-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .engagement-models-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .engagement-models-wrap .em-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .engagement-models-wrap:hover .em-main-heading {
        letter-spacing: 0.02em;
    }

    .engagement-models-wrap .em-main-heading .em-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .engagement-models-wrap:hover .em-main-heading .em-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .engagement-models-wrap .em-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .engagement-models-wrap:hover .em-sub-heading {
        letter-spacing: 0.02em;
    }

    .engagement-models-wrap .em-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .engagement-models-wrap:hover .em-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .engagement-models-wrap .em-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .engagement-models-wrap:hover .em-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .engagement-models-wrap .em-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .engagement-models-wrap .em-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .engagement-models-wrap .em-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .engagement-models-wrap .em-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .engagement-models-wrap .em-card:hover::before {
        opacity: 1;
    }

    .engagement-models-wrap .em-card .em-card-icon {
        display: block;
        font-size: 1.5rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .engagement-models-wrap .em-card:hover .em-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .engagement-models-wrap .em-card .em-card-label {
        display: block;
        font-weight: 700;
        font-size: 0.9rem;
        color: #d0d0d0;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .engagement-models-wrap .em-card:hover .em-card-label {
        color: #84c615;
    }

    .engagement-models-wrap .em-card .em-card-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .engagement-models-wrap .em-card:hover .em-card-desc {
        color: #b0b0b0;
    }

    /* ── Footer ── */
    .engagement-models-wrap .em-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .engagement-models-wrap .em-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .engagement-models-wrap .em-footer .em-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .engagement-models-wrap .em-footer:hover .em-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .engagement-models-wrap .em-footer .em-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .engagement-models-wrap .em-footer .em-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .engagement-models-wrap {
            padding: 3.5rem 0;
        }

        .engagement-models-wrap .em-main-heading {
            font-size: 1.8rem;
        }

        .engagement-models-wrap .em-sub-heading {
            font-size: 1rem;
        }

        .engagement-models-wrap .em-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .engagement-models-wrap .em-card {
            padding: 0.8rem 0.5rem;
        }

        .engagement-models-wrap .em-card .em-card-label {
            font-size: 0.85rem;
        }

        .engagement-models-wrap .em-card .em-card-desc {
            font-size: 0.75rem;
        }

        .engagement-models-wrap .em-footer {
            padding: 1rem 1.2rem;
        }

        .engagement-models-wrap .em-footer .em-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .engagement-models-wrap {
            padding: 2.5rem 0;
        }

        .engagement-models-wrap .em-main-heading {
            font-size: 1.5rem;
        }

        .engagement-models-wrap .em-grid {
            grid-template-columns: 1fr;
            gap: 0.5rem;
        }

        .engagement-models-wrap .em-card {
            padding: 0.6rem 0.3rem;
        }

        .engagement-models-wrap .em-card .em-card-icon {
            font-size: 1.2rem;
        }

        .engagement-models-wrap .em-card .em-card-label {
            font-size: 0.85rem;
        }

        .engagement-models-wrap .em-card .em-card-desc {
            font-size: 0.75rem;
        }

        .engagement-models-wrap .em-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .engagement-models-wrap .em-footer .em-footer-text {
            font-size: 0.85rem;
        }
    }




    /* ── SECTION 217: CHOOSE-SEO-COMPANY (CYCLIC 1) ── */
    .choose-seo-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .choose-seo-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .choose-seo-wrap .cs3-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .choose-seo-wrap:hover .cs3-main-heading {
        letter-spacing: 0.02em;
    }

    .choose-seo-wrap .cs3-main-heading .cs3-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .choose-seo-wrap:hover .cs3-main-heading .cs3-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .choose-seo-wrap .cs3-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .choose-seo-wrap:hover .cs3-sub-heading {
        letter-spacing: 0.02em;
    }

    .choose-seo-wrap .cs3-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .choose-seo-wrap:hover .cs3-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .choose-seo-wrap .cs3-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .choose-seo-wrap:hover .cs3-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .choose-seo-wrap .cs3-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .choose-seo-wrap .cs3-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .choose-seo-wrap .cs3-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 12px;
    }

    .choose-seo-wrap .cs3-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .choose-seo-wrap .cs3-card:hover::before {
        left: 100%;
    }

    .choose-seo-wrap .cs3-card .cs3-card-icon {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .choose-seo-wrap .cs3-card:hover .cs3-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .choose-seo-wrap .cs3-card .cs3-card-label {
        display: block;
        font-weight: 700;
        font-size: 0.9rem;
        color: #1a1a1a;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .choose-seo-wrap .cs3-card:hover .cs3-card-label {
        color: #84c615;
    }

    .choose-seo-wrap .cs3-card .cs3-card-desc {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .choose-seo-wrap .cs3-card:hover .cs3-card-desc {
        color: #3a3a3a;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .choose-seo-wrap {
            padding: 3.5rem 0;
        }

        .choose-seo-wrap .cs3-main-heading {
            font-size: 1.8rem;
        }

        .choose-seo-wrap .cs3-sub-heading {
            font-size: 1rem;
        }

        .choose-seo-wrap .cs3-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .choose-seo-wrap .cs3-card {
            padding: 0.8rem 0.5rem;
        }

        .choose-seo-wrap .cs3-card .cs3-card-icon {
            font-size: 1.2rem;
        }

        .choose-seo-wrap .cs3-card .cs3-card-label {
            font-size: 0.85rem;
        }

        .choose-seo-wrap .cs3-card .cs3-card-desc {
            font-size: 0.75rem;
        }
    }

    @media (max-width: 480px) {
        .choose-seo-wrap {
            padding: 2.5rem 0;
        }

        .choose-seo-wrap .cs3-main-heading {
            font-size: 1.5rem;
        }

        .choose-seo-wrap .cs3-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .choose-seo-wrap .cs3-card {
            padding: 0.6rem 0.3rem;
        }

        .choose-seo-wrap .cs3-card .cs3-card-icon {
            font-size: 1rem;
        }

        .choose-seo-wrap .cs3-card .cs3-card-label {
            font-size: 0.8rem;
        }

        .choose-seo-wrap .cs3-card .cs3-card-desc {
            font-size: 0.7rem;
        }
    }






.lcp-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5rem 0;
    overflow: hidden;
}

.lcp-c1-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 2.5rem;
}

.lcp-c1-heading > span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.lcp-c1 h2 {
    margin: .65rem 0 0;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -.035em;
}

.lcp-c1-line {
    width: 55px;
    height: 3px;
    margin: 1rem auto 0;
    background: #84c615;
    border-radius: 5px;
    transition: .4s ease;
}

.lcp-c1-heading:hover .lcp-c1-line {
    width: 105px;
}

.lcp-c1-statement {
    max-width: 900px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.5rem;
    background: #f0f9f3;
    border-radius: 11px;
    transition: .35s ease;
}

.lcp-c1-statement:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(132,198,21,.08);
}

.lcp-c1-mark {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #84c615;
    color: #ffffff;
    border-radius: 10px;
    font-size: .65rem;
    font-weight: 800;
}

.lcp-c1-statement p,
.lcp-c1-description p {
    margin: 0;
    font-size: .85rem;
    line-height: 1.8;
}

.lcp-c1-description {
    max-width: 800px;
    margin: 1.5rem auto 2.3rem;
    text-align: center;
}

.lcp-c1-optimisation {
    max-width: 1000px;
    margin: auto;
}

.lcp-c1-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.3rem;
}

.lcp-c1-title span {
    width: 55px;
    height: 1px;
    background: rgba(26,26,26,.15);
    transition: .4s ease;
}

.lcp-c1-optimisation:hover .lcp-c1-title span {
    width: 90px;
    background: #84c615;
}

.lcp-c1-title strong {
    font-size: .65rem;
}

.lcp-c1-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
}

.lcp-c1-grid div {
    min-width: 150px;
    padding: 1rem;
    background: #f0f9f3;
    border-radius: 8px;
    text-align: center;
    transition: .35s ease;
}

.lcp-c1-grid div:hover {
    background: #e8f6ed;
    transform: translateY(-4px);
    box-shadow: 0 9px 20px rgba(132,198,21,.07);
}

.lcp-c1-grid small {
    display: block;
    margin-bottom: .35rem;
    color: #84c615;
    font-size: .5rem;
    font-weight: 700;
}

.lcp-c1-grid strong {
    font-size: .7rem;
}

@media (max-width: 576px) {

    .lcp-c1 {
        padding: 3.2rem 0;
    }

    .lcp-c1 h2 {
        font-size: 1.8rem;
    }

    .lcp-c1-statement {
        align-items: flex-start;
        padding: 1.1rem;
    }

    .lcp-c1-statement p,
    .lcp-c1-description p {
        font-size: .72rem;
        text-align: justify;
    }

    .lcp-c1-grid div {
        min-width: calc(50% - .4rem);
        padding: .8rem .5rem;
    }

    .lcp-c1-grid strong {
        font-size: .62rem;
    }

}







    /* ── SECTION 216: GUARANTEED-RANKING (CYCLIC 2) ── */
    .guaranteed-ranking-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .guaranteed-ranking-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .guaranteed-ranking-wrap .gr-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .guaranteed-ranking-wrap:hover .gr-main-heading {
        letter-spacing: 0.02em;
    }

    .guaranteed-ranking-wrap .gr-main-heading .gr-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .guaranteed-ranking-wrap:hover .gr-main-heading .gr-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .guaranteed-ranking-wrap .gr-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .guaranteed-ranking-wrap:hover .gr-sub-heading {
        letter-spacing: 0.02em;
    }

    .guaranteed-ranking-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .guaranteed-ranking-wrap:hover p {
        padding: 0 0.5rem;
    }

    .guaranteed-ranking-wrap .gr-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .guaranteed-ranking-wrap:hover .gr-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .guaranteed-ranking-wrap .gr-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .guaranteed-ranking-wrap:hover .gr-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .guaranteed-ranking-wrap .gr-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .guaranteed-ranking-wrap .gr-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .guaranteed-ranking-wrap .gr-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .guaranteed-ranking-wrap .gr-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .guaranteed-ranking-wrap .gr-card:hover::before {
        opacity: 1;
    }

    .guaranteed-ranking-wrap .gr-card .gr-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .guaranteed-ranking-wrap .gr-card:hover .gr-card-icon {
        transform: scale(1.15);
    }

    /* ── Warning Box ── */
    .guaranteed-ranking-wrap .gr-warning-box {
        max-width: 650px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 14px;
        border: 2px solid #e74c3c;
        background: rgba(231, 76, 60, 0.04);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .guaranteed-ranking-wrap .gr-warning-box:hover {
        background: rgba(231, 76, 60, 0.08);
        transform: scale(1.01);
        box-shadow: 0 4px 30px rgba(231, 76, 60, 0.04);
    }

    .guaranteed-ranking-wrap .gr-warning-box .gr-warning-icon {
        display: block;
        font-size: 2.2rem;
        margin-bottom: 0.3rem;
    }

    .guaranteed-ranking-wrap .gr-warning-box .gr-warning-text {
        display: block;
        font-size: 1.2rem;
        font-weight: 700;
        color: #e74c3c;
        margin-bottom: 0.2rem;
    }

    .guaranteed-ranking-wrap .gr-warning-box .gr-warning-label {
        display: block;
        font-size: 0.95rem;
        color: #d0c0c0;
    }

    /* ── Compare ── */
    .guaranteed-ranking-wrap .gr-compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .guaranteed-ranking-wrap .gr-controls {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        border: 1px solid rgba(46, 204, 113, 0.12);
        background: rgba(46, 204, 113, 0.03);
        transition: all 0.4s ease;
        cursor: default;
    }

    .guaranteed-ranking-wrap .gr-controls:hover {
        border-color: #2ecc71;
        background: rgba(46, 204, 113, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(46, 204, 113, 0.04);
    }

    .guaranteed-ranking-wrap .gr-controls .gr-controls-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #2ecc71;
        margin-bottom: 0.5rem;
        text-align: center;
    }

    .guaranteed-ranking-wrap .gr-controls .gr-controls-list {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .guaranteed-ranking-wrap .gr-controls .gr-controls-list li {
        padding: 0.2rem 0;
        font-size: 0.8rem;
        color: #b0b0b0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
        transition: all 0.3s ease;
    }

    .guaranteed-ranking-wrap .gr-controls:hover .gr-controls-list li {
        color: #d0d0d0;
    }

    .guaranteed-ranking-wrap .gr-cannot {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        border: 1px solid rgba(231, 76, 60, 0.12);
        background: rgba(231, 76, 60, 0.03);
        transition: all 0.4s ease;
        cursor: default;
    }

    .guaranteed-ranking-wrap .gr-cannot:hover {
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(231, 76, 60, 0.04);
    }

    .guaranteed-ranking-wrap .gr-cannot .gr-cannot-label {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #e74c3c;
        margin-bottom: 0.5rem;
        text-align: center;
    }

    .guaranteed-ranking-wrap .gr-cannot .gr-cannot-list {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .guaranteed-ranking-wrap .gr-cannot .gr-cannot-list li {
        padding: 0.2rem 0;
        font-size: 0.8rem;
        color: #b0b0b0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
        transition: all 0.3s ease;
    }

    .guaranteed-ranking-wrap .gr-cannot:hover .gr-cannot-list li {
        color: #d0d0d0;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .guaranteed-ranking-wrap {
            padding: 3.5rem 0;
        }

        .guaranteed-ranking-wrap .gr-main-heading {
            font-size: 1.8rem;
        }

        .guaranteed-ranking-wrap .gr-sub-heading {
            font-size: 1rem;
        }

        .guaranteed-ranking-wrap .gr-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .guaranteed-ranking-wrap .gr-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .guaranteed-ranking-wrap .gr-compare {
            grid-template-columns: 1fr;
            gap: 1rem;
        }
    }

    @media (max-width: 480px) {
        .guaranteed-ranking-wrap {
            padding: 2.5rem 0;
        }

        .guaranteed-ranking-wrap .gr-main-heading {
            font-size: 1.5rem;
        }

        .guaranteed-ranking-wrap .gr-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .guaranteed-ranking-wrap .gr-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .guaranteed-ranking-wrap .gr-card .gr-card-icon {
            font-size: 1rem;
        }

        .guaranteed-ranking-wrap .gr-warning-box {
            padding: 0.8rem 1rem;
        }

        .guaranteed-ranking-wrap .gr-warning-box .gr-warning-text {
            font-size: 1rem;
        }

        .guaranteed-ranking-wrap .gr-controls .gr-controls-list li,
        .guaranteed-ranking-wrap .gr-cannot .gr-cannot-list li {
            font-size: 0.75rem;
        }
    }






.inp-c2 {
    background: black;
    color: #ffffff;
    padding: 5rem 0;
    overflow: hidden;
}

.inp-c2-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 2rem;
}

.inp-c2-heading span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.inp-c2 h2 {
    margin: .65rem 0;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -.035em;
}

.inp-c2-heading > div {
    width: 55px;
    height: 3px;
    margin: auto;
    background: #84c615;
    border-radius: 5px;
    transition: .4s ease;
}

.inp-c2-heading:hover > div {
    width: 105px;
}

.inp-c2-intro {
    text-align: center;
    margin-bottom: 1.5rem;
}

.inp-c2-intro p {
    margin: 0;
    font-size: .85rem;
    opacity: .8;
}

.inp-c2-actions {
    max-width: 900px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
}

.inp-c2-actions div {
    padding: .9rem 1.2rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 8px;
    font-size: .7rem;
    font-weight: 600;
    transition: .35s ease;
}

.inp-c2-actions div:hover {
    background: #e7f5ed;
    color: #84c615;
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,.25);
}

.inp-c2-warning {
    max-width: 850px;
    margin: 2rem auto 1rem;
    padding: 1.3rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 10px;
    border-left: 4px solid #84c615;
    transition: .35s ease;
}

.inp-c2-warning:hover {
    transform: translateX(5px);
    box-shadow: 0 12px 25px rgba(0,0,0,.22);
}

.inp-c2-warning-icon {
    flex-shrink: 0;
    color: #84c615;
    font-size: .65rem;
    font-weight: 800;
}

.inp-c2-warning p {
    margin: 0;
    font-size: .8rem;
    line-height: 1.7;
    font-weight: 600;
}

.inp-c2-final {
    max-width: 850px;
    margin: auto;
    padding: 1.25rem 1.5rem;
    background: rgba(255,255,255,.08);
    border-radius: 9px;
    text-align: center;
    transition: .35s ease;
}

.inp-c2-final:hover {
    background: #ffffff;
    color: #1a1a1a;
    transform: translateY(-3px);
}

.inp-c2-final p {
    margin: 0;
    font-size: .78rem;
    line-height: 1.75;
}

@media (max-width: 576px) {

    .inp-c2 {
        padding: 3.2rem 0;
    }

    .inp-c2 h2 {
        font-size: 1.8rem;
    }

    .inp-c2-actions div {
        padding: .75rem .9rem;
        font-size: .62rem;
    }

    .inp-c2-warning {
        align-items: flex-start;
        padding: 1.1rem;
    }

    .inp-c2-warning p,
    .inp-c2-final p {
        font-size: .7rem;
        text-align: justify;
    }

}




<section class="cls-c1">

    <div class="container">

        <div class="cls-c1-heading">

            <span>CUMULATIVE LAYOUT SHIFT</span>

            <h2>Why CLS Matters</h2>

            <div></div>

        </div>

        <div class="cls-c1-hook">

            <p>
                Nothing damages confidence faster than a button moving while someone is about to click it.
            </p>

        </div>

        <div class="cls-c1-content">

            <div class="cls-c1-title">
                <span></span>
                <strong>Layout shifts can occur when:</strong>
                <span></span>
            </div>

            <div class="cls-c1-grid">

                <div>
                    <small>01</small>
                    <p>Images lack defined dimensions</p>
                </div>

                <div>
                    <small>02</small>
                    <p>Fonts change after loading</p>
                </div>

                <div>
                    <small>03</small>
                    <p>Advertising areas expand</p>
                </div>

                <div>
                    <small>04</small>
                    <p>Dynamic elements insert content</p>
                </div>

                <div>
                    <small>05</small>
                    <p>Components change size unexpectedly</p>
                </div>

            </div>

        </div>

        <div class="cls-c1-footer">

            <span></span>

            <strong>Stable layouts create better experiences.</strong>

            <span></span>

        </div>

    </div>

</section>



.cls-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5rem 0;
    overflow: hidden;
}

.cls-c1-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 2.5rem;
}

.cls-c1-heading span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.cls-c1 h2 {
    margin: .65rem 0;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -.035em;
}

.cls-c1-heading > div {
    width: 55px;
    height: 3px;
    margin: auto;
    background: #84c615;
    border-radius: 5px;
    transition: .4s ease;
}

.cls-c1-heading:hover > div {
    width: 105px;
}

.cls-c1-hook {
    max-width: 900px;
    margin: auto;
    padding: 1.6rem 2rem;
    background: #f0f9f3;
    border-radius: 11px;
    text-align: center;
    transition: .35s ease;
}

.cls-c1-hook:hover {
    transform: scale(1.01);
    box-shadow: 0 12px 28px rgba(132,198,21,.08);
}

.cls-c1-hook p {
    margin: 0;
    font-size: .88rem;
    line-height: 1.8;
    font-weight: 600;
}

.cls-c1-content {
    max-width: 1000px;
    margin: 2.5rem auto 0;
}

.cls-c1-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.3rem;
}

.cls-c1-title span {
    width: 55px;
    height: 1px;
    background: rgba(26,26,26,.15);
    transition: .4s ease;
}

.cls-c1-content:hover .cls-c1-title span {
    width: 90px;
    background: #84c615;
}

.cls-c1-title strong {
    font-size: .65rem;
}

.cls-c1-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .7rem;
}

.cls-c1-grid div {
    min-height: 125px;
    padding: 1rem .8rem;
    background: #f0f9f3;
    border-radius: 8px;
    text-align: center;
    transition: .35s ease;
}

.cls-c1-grid div:hover {
    background: #e8f6ed;
    transform: translateY(-5px);
    box-shadow: 0 10px 22px rgba(132,198,21,.08);
}

.cls-c1-grid small {
    display: block;
    margin-bottom: .7rem;
    color: #84c615;
    font-size: .52rem;
    font-weight: 700;
}

.cls-c1-grid p {
    margin: 0;
    font-size: .68rem;
    line-height: 1.65;
    font-weight: 600;
    text-align: justify;
}

.cls-c1-footer {
    max-width: 850px;
    margin: 2.2rem auto 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cls-c1-footer span {
    flex: 1;
    height: 1px;
    background: rgba(26,26,26,.13);
}

.cls-c1-footer strong {
    color: #84c615;
    font-size: .8rem;
    text-align: center;
}

@media (max-width: 800px) {

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

}

@media (max-width: 576px) {

    .cls-c1 {
        padding: 3.2rem 0;
    }

    .cls-c1 h2 {
        font-size: 1.8rem;
    }

    .cls-c1-hook {
        padding: 1.2rem;
    }

    .cls-c1-hook p {
        font-size: .72rem;
        text-align: justify;
    }

    .cls-c1-grid {
        grid-template-columns: 1fr;
    }

    .cls-c1-grid div {
        min-height: auto;
        display: flex;
        align-items: center;
        gap: .8rem;
        text-align: left;
    }

    .cls-c1-grid small {
        margin: 0;
    }

    .cls-c1-grid p {
        text-align: left;
    }

}







.performance-c2 {
    background: black;
    color: #ffffff;
    padding: 5rem 0;
    overflow: hidden;
}

.performance-c2-heading {
    max-width: 900px;
    margin: 0 auto 1.8rem;
    text-align: center;
}

.performance-c2-heading span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.performance-c2 h2 {
    margin: .65rem 0;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.performance-c2-heading > div {
    width: 55px;
    height: 3px;
    margin: 1rem auto 0;
    background: #84c615;
    border-radius: 5px;
    transition: .4s ease;
}

.performance-c2-heading:hover > div {
    width: 110px;
}

.performance-c2-intro {
    text-align: center;
    margin-bottom: 2rem;
}

.performance-c2-intro p {
    margin: 0;
    font-size: .85rem;
    opacity: .8;
}

.performance-c2-system {
    max-width: 1000px;
    margin: auto;
    position: relative;
    padding: 1rem 0;
}

.performance-c2-center {
    position: relative;
    z-index: 2;
    width: 105px;
    height: 105px;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #84c615;
    color: #ffffff;
    border-radius: 50%;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    box-shadow: 0 0 0 8px rgba(132,198,21,.08);
    transition: .4s ease;
}

.performance-c2-center:hover {
    transform: scale(1.08);
    box-shadow: 0 0 0 14px rgba(132,198,21,.08);
}

.performance-c2-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .65rem;
}

.performance-c2-grid div {
    padding: 1rem .7rem;
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 8px;
    font-size: .68rem;
    font-weight: 600;
    transition: .35s ease;
}

.performance-c2-grid div:hover {
    background: #e7f5ed;
    color: #84c615;
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,.22);
}

.performance-c2-footer {
    max-width: 850px;
    margin: 1.3rem auto 0;
    padding: 1.3rem;
    background: rgba(255,255,255,.08);
    border-radius: 9px;
    text-align: center;
    transition: .35s ease;
}

.performance-c2-footer:hover {
    background: #ffffff;
    color: #1a1a1a;
}

.performance-c2-footer p {
    margin: 0;
    font-size: .8rem;
    line-height: 1.7;
    font-weight: 600;
}

@media (max-width: 800px) {

    .performance-c2 {
        padding: 4rem 0;
    }

    .performance-c2-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 576px) {

    .performance-c2 {
        padding: 3.2rem 0;
    }

    .performance-c2 h2 {
        font-size: 1.8rem;
    }

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

    .performance-c2-grid div {
        min-height: 58px;
        padding: .7rem .4rem;
        font-size: .62rem;
    }

    .performance-c2-center {
        width: 85px;
        height: 85px;
        font-size: .55rem;
    }

    .performance-c2-footer p {
        font-size: .7rem;
    }

}






    /* ── SECTION 215: DOMAIN-AUTHORITY (CYCLIC 1) ── */
    .domain-authority-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .domain-authority-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .domain-authority-wrap .da-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    /* .domain-authority-wrap:hover .da-main-heading {
        letter-spacing: 0.02em;
    } */

    .domain-authority-wrap .da-main-heading .da-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .domain-authority-wrap:hover .da-main-heading .da-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .domain-authority-wrap .da-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .domain-authority-wrap:hover .da-sub-heading {
        letter-spacing: 0.02em;
    }

    .domain-authority-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .domain-authority-wrap:hover p {
        padding: 0 0.5rem;
    }

    .domain-authority-wrap .da-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    /* .domain-authority-wrap:hover .da-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    } */

    .domain-authority-wrap .da-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .domain-authority-wrap:hover .da-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .domain-authority-wrap .da-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .domain-authority-wrap .da-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .domain-authority-wrap .da-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .domain-authority-wrap .da-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .domain-authority-wrap .da-card:hover::before {
        left: 100%;
    }

    .domain-authority-wrap .da-card .da-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .domain-authority-wrap .da-card:hover .da-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .domain-authority-wrap .da-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .domain-authority-wrap .da-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .domain-authority-wrap .da-footer .da-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .domain-authority-wrap .da-footer:hover .da-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .domain-authority-wrap .da-footer .da-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .domain-authority-wrap .da-footer .da-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .domain-authority-wrap {
            padding: 3.5rem 0;
        }

        .domain-authority-wrap .da-main-heading {
            font-size: 1.8rem;
        }

        .domain-authority-wrap .da-sub-heading {
            font-size: 1rem;
        }

        .domain-authority-wrap .da-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .domain-authority-wrap .da-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .domain-authority-wrap .da-footer {
            padding: 1rem 1.2rem;
        }

        .domain-authority-wrap .da-footer .da-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .domain-authority-wrap {
            padding: 2.5rem 0;
        }

        .domain-authority-wrap .da-main-heading {
            font-size: 1.5rem;
        }

        .domain-authority-wrap .da-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .domain-authority-wrap .da-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .domain-authority-wrap .da-card .da-card-icon {
            font-size: 1rem;
        }

        .domain-authority-wrap .da-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .domain-authority-wrap .da-footer .da-footer-text {
            font-size: 0.85rem;
        }
    }








.techseo-img-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-img-c1 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-img-c1-header {
    max-width: 900px;
    margin: 0 auto 2rem;
    text-align: center;
}

.techseo-img-c1-kicker {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-img-c1 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.techseo-img-c1-accent {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    border-radius: 20px;
    transition: width .4s ease;
}

.techseo-img-c1-header:hover .techseo-img-c1-accent {
    width: 130px;
}

.techseo-img-c1-intro {
    max-width: 760px;
    margin: auto;
    text-align: center;
}

.techseo-img-c1-intro p {
    margin: 0 0 1rem;
    font-size: .88rem;
    line-height: 1.8;
}

.techseo-img-c1-grid {
    max-width: 1000px;
    margin: 2rem auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .75rem;
}

.techseo-img-c1-item {
    min-height: 105px;
    padding: 1.2rem;
    background: #f0f9f3;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: .35s ease;
    position: relative;
    overflow: hidden;
}

.techseo-img-c1-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #84c615;
    transition: width .4s ease;
}

.techseo-img-c1-item:hover {
    transform: translateY(-6px);
    background: #e9f7ee;
    box-shadow: 0 15px 30px rgba(132,198,21,.09);
}

.techseo-img-c1-item:hover::after {
    width: 100%;
}

.techseo-img-c1-item span {
    color: #84c615;
    font-size: .55rem;
    font-weight: 800;
}

.techseo-img-c1-item strong {
    font-size: .72rem;
    line-height: 1.5;
}

.techseo-img-c1-objective {
    max-width: 900px;
    margin: 2rem auto 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.techseo-img-c1-objective-line {
    flex: 1;
    height: 1px;
    background: rgba(26,26,26,.15);
    transition: .4s ease;
}

.techseo-img-c1-objective:hover .techseo-img-c1-objective-line {
    background: #84c615;
}

.techseo-img-c1-objective p {
    max-width: 650px;
    margin: 0;
    text-align: center;
    font-size: .78rem;
    line-height: 1.75;
    font-weight: 600;
}

@media (max-width: 850px) {

    .techseo-img-c1-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .techseo-img-c1 {
        padding: 3.5rem 0;
    }

    .techseo-img-c1 .container {
        padding: 0 1rem;
    }

    .techseo-img-c1 h2 {
        font-size: 1.8rem;
    }

    .techseo-img-c1-intro p {
        font-size: .74rem;
        text-align: justify;
    }

    .techseo-img-c1-grid {
        grid-template-columns: 1fr;
    }

    .techseo-img-c1-item {
        min-height: 75px;
    }

    .techseo-img-c1-objective-line {
        display: none;
    }

    .techseo-img-c1-objective p {
        font-size: .72rem;
        text-align: justify;
    }

}






.techseo-large-c2 {
    background: black;
    color: #ffffff;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-large-c2 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-large-c2-header {
    max-width: 900px;
    margin: 0 auto 2.5rem;
    text-align: center;
}

.techseo-large-c2-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-large-c2 h2 {
    margin: .7rem 0 .9rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.techseo-large-c2-line {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    border-radius: 20px;
    transition: .4s ease;
}

.techseo-large-c2-header:hover .techseo-large-c2-line {
    width: 130px;
}

.techseo-large-c2-header p {
    margin: 1.2rem 0 0;
    font-size: .85rem;
    line-height: 1.8;
    opacity: .8;
}

.techseo-large-c2-scale {
    max-width: 1000px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}

.techseo-large-c2-scale-card {
    min-width: 145px;
    padding: 1.2rem .8rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 10px;
    text-align: center;
    transition: .35s ease;
}

.techseo-large-c2-scale-card:hover {
    transform: translateY(-7px);
    background: #e7f5ed;
    color: #84c615;
}

.techseo-large-c2-scale-card strong {
    display: block;
    font-size: 1.3rem;
}

.techseo-large-c2-scale-card span {
    display: block;
    margin-top: .25rem;
    font-size: .6rem;
    color: #555;
}

.techseo-large-c2-scale-arrow {
    color: #84c615;
    font-size: 1.3rem;
    font-weight: 700;
}

.techseo-large-c2-intro {
    margin: 2.5rem auto 1.2rem;
    text-align: center;
}

.techseo-large-c2-intro p {
    margin: 0;
    font-size: .8rem;
    opacity: .8;
}

.techseo-large-c2-grid {
    max-width: 1000px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
}

.techseo-large-c2-grid div {
    padding: 1rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 8px;
    text-align: center;
    font-size: .7rem;
    font-weight: 600;
    transition: .35s ease;
}

.techseo-large-c2-grid div:hover {
    background: #e7f5ed;
    color: #84c615;
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,.2);
}

.techseo-large-c2-footer {
    max-width: 850px;
    margin: 1.5rem auto 0;
    padding: 1.3rem;
    background: rgba(255,255,255,.08);
    border-radius: 9px;
    text-align: center;
}

.techseo-large-c2-footer p {
    margin: 0;
    font-size: .78rem;
    line-height: 1.7;
    font-weight: 600;
}

@media (max-width: 850px) {

    .techseo-large-c2-scale {
        flex-wrap: wrap;
    }

    .techseo-large-c2-scale-arrow {
        display: none;
    }

}

@media (max-width: 576px) {

    .techseo-large-c2 {
        padding: 3.5rem 0;
    }

    .techseo-large-c2 .container {
        padding: 0 1rem;
    }

    .techseo-large-c2 h2 {
        font-size: 1.8rem;
    }

    .techseo-large-c2-scale {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .techseo-large-c2-scale-card {
        min-width: 0;
    }

    .techseo-large-c2-grid {
        grid-template-columns: 1fr 1fr;
    }

    .techseo-large-c2-grid div {
        font-size: .62rem;
    }

}






.techseo-crawl-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-crawl-c1 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-crawl-c1-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.techseo-crawl-c1-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-crawl-c1 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -.035em;
}

.techseo-crawl-c1-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    border-radius: 20px;
    transition: .4s ease;
}

.techseo-crawl-c1-header:hover > div {
    width: 130px;
}

.techseo-crawl-c1-main {
    max-width: 900px;
    margin: auto;
}

.techseo-crawl-c1-definition,
.techseo-crawl-c1-scale {
    padding: 1.5rem;
    background: #f0f9f3;
    border-radius: 10px;
    transition: .35s ease;
}

.techseo-crawl-c1-definition {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.techseo-crawl-c1-definition:hover,
.techseo-crawl-c1-scale:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(132,198,21,.08);
}

.techseo-crawl-c1-icon {
    flex-shrink: 0;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #84c615;
    color: #ffffff;
    border-radius: 12px;
    font-size: .65rem;
    font-weight: 800;
}

.techseo-crawl-c1-definition p,
.techseo-crawl-c1-scale p,
.techseo-crawl-c1-note p {
    margin: 0;
    font-size: .8rem;
    line-height: 1.8;
}

.techseo-crawl-c1-scale {
    margin-top: .7rem;
}

.techseo-crawl-c1-sources {
    max-width: 1000px;
    margin: 2.5rem auto 0;
}

.techseo-crawl-c1-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.techseo-crawl-c1-title span {
    width: 55px;
    height: 1px;
    background: rgba(26,26,26,.15);
}

.techseo-crawl-c1-title strong {
    font-size: .65rem;
}

.techseo-crawl-c1-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
}

.techseo-crawl-c1-grid div {
    min-height: 80px;
    padding: 1rem;
    background: #f0f9f3;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: .7rem;
    font-weight: 600;
    transition: .35s ease;
}

.techseo-crawl-c1-grid div:hover {
    background: #e7f5ed;
    color: #84c615;
    transform: translateY(-5px);
}

.techseo-crawl-c1-grid small {
    color: #84c615;
    font-size: .5rem;
}

.techseo-crawl-c1-note {
    max-width: 850px;
    margin: 2rem auto 0;
    padding: 1.3rem 1.5rem;
    border-left: 3px solid #84c615;
    background: #f0f9f3;
}

.techseo-crawl-c1-note p + p {
    margin-top: .8rem;
}

@media (max-width: 700px) {

    .techseo-crawl-c1-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .techseo-crawl-c1 {
        padding: 3.5rem 0;
    }

    .techseo-crawl-c1 .container {
        padding: 0 1rem;
    }

    .techseo-crawl-c1 h2 {
        font-size: 1.8rem;
    }

    .techseo-crawl-c1-definition {
        align-items: flex-start;
    }

    .techseo-crawl-c1-definition p,
    .techseo-crawl-c1-scale p,
    .techseo-crawl-c1-note p {
        font-size: .72rem;
        text-align: justify;
    }

    .techseo-crawl-c1-grid {
        grid-template-columns: 1fr;
    }

}







.techseo-faceted-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-faceted-c1 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-faceted-c1-header {
    text-align: center;
    margin-bottom: 2rem;
}

.techseo-faceted-c1-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-faceted-c1 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -.035em;
}

.techseo-faceted-c1-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    transition: .4s ease;
}

.techseo-faceted-c1-header:hover > div {
    width: 130px;
}

.techseo-faceted-c1-intro {
    text-align: center;
}

.techseo-faceted-c1-intro p {
    margin: 0;
    font-size: .82rem;
}

.techseo-faceted-c1-filters {
    max-width: 900px;
    margin: 1.5rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
}

.techseo-faceted-c1-filters div {
    padding: .8rem 1.15rem;
    background: #f0f9f3;
    border-radius: 8px;
    font-size: .7rem;
    font-weight: 600;
    transition: .35s ease;
}

.techseo-faceted-c1-filters div:hover {
    background: #84c615;
    color: #ffffff;
    transform: translateY(-5px) rotate(-1deg);
}

.techseo-faceted-c1-warning {
    max-width: 900px;
    margin: auto;
    padding: 1.4rem;
    background: #f0f9f3;
    border-left: 4px solid #84c615;
    border-radius: 8px;
    text-align: center;
}

.techseo-faceted-c1-warning strong {
    display: block;
    font-size: .8rem;
    margin-bottom: .5rem;
}

.techseo-faceted-c1-warning p {
    margin: 0;
    font-size: .75rem;
    line-height: 1.7;
}

.techseo-faceted-c1-controls {
    max-width: 1000px;
    margin: 2.3rem auto 0;
}

.techseo-faceted-c1-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.techseo-faceted-c1-title span {
    width: 55px;
    height: 1px;
    background: rgba(26,26,26,.15);
}

.techseo-faceted-c1-title strong {
    font-size: .65rem;
}

.techseo-faceted-c1-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .7rem;
}

.techseo-faceted-c1-grid div {
    padding: 1.1rem;
    background: #f0f9f3;
    border-radius: 8px;
    transition: .35s ease;
}

.techseo-faceted-c1-grid div:hover {
    background: #e7f5ed;
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(132,198,21,.07);
}

.techseo-faceted-c1-grid small {
    color: #84c615;
    font-size: .5rem;
    font-weight: 800;
}

.techseo-faceted-c1-grid p {
    margin: .7rem 0 0;
    font-size: .68rem;
    line-height: 1.65;
    font-weight: 600;
}

@media (max-width: 800px) {

    .techseo-faceted-c1-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .techseo-faceted-c1 {
        padding: 3.5rem 0;
    }

    .techseo-faceted-c1 .container {
        padding: 0 1rem;
    }

    .techseo-faceted-c1 h2 {
        font-size: 1.8rem;
    }

    .techseo-faceted-c1-intro p,
    .techseo-faceted-c1-warning p {
        font-size: .7rem;
        text-align: justify;
    }

    .techseo-faceted-c1-grid {
        grid-template-columns: 1fr;
    }

}







.techseo-pagination-c2 {
    background: black;
    color: #ffffff;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-pagination-c2 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-pagination-c2-header {
    max-width: 900px;
    margin: 0 auto 2rem;
    text-align: center;
}

.techseo-pagination-c2-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-pagination-c2 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -.035em;
}

.techseo-pagination-c2-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    transition: .4s ease;
}

.techseo-pagination-c2-header:hover > div {
    width: 130px;
}

.techseo-pagination-c2-intro {
    max-width: 800px;
    margin: auto;
    text-align: center;
}

.techseo-pagination-c2-intro p {
    margin: 0;
    font-size: .82rem;
    line-height: 1.8;
    opacity: .8;
}

.techseo-pagination-c2-layout {
    max-width: 950px;
    margin: 2rem auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .8rem;
}

.techseo-pagination-c2-panel {
    padding: 1.7rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 10px;
    transition: .4s ease;
    position: relative;
    overflow: hidden;
}

.techseo-pagination-c2-panel::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #84c615;
    transition: width .45s ease;
}

.techseo-pagination-c2-panel:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 35px rgba(0,0,0,.25);
}

.techseo-pagination-c2-panel:hover::after {
    width: 100%;
}

.techseo-pagination-c2-number {
    display: block;
    margin-bottom: 1.2rem;
    color: #84c615;
    font-size: .55rem;
    font-weight: 800;
}

.techseo-pagination-c2-panel h3 {
    margin: 0 0 .7rem;
    font-size: .9rem;
}

.techseo-pagination-c2-panel p {
    margin: 0;
    font-size: .73rem;
    line-height: 1.8;
    text-align: justify;
}

@media (max-width: 650px) {

    .techseo-pagination-c2 {
        padding: 3.5rem 0;
    }

    .techseo-pagination-c2 .container {
        padding: 0 1rem;
    }

    .techseo-pagination-c2 h2 {
        font-size: 1.8rem;
    }

    .techseo-pagination-c2-layout {
        grid-template-columns: 1fr;
    }

}








.techseo-schema-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-schema-c1 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-schema-c1-header {
    text-align: center;
    margin-bottom: 2rem;
}

.techseo-schema-c1-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-schema-c1 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -.035em;
}

.techseo-schema-c1-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    transition: .4s ease;
}

.techseo-schema-c1-header:hover > div {
    width: 130px;
}

.techseo-schema-c1-intro {
    max-width: 800px;
    margin: auto;
    text-align: center;
}

.techseo-schema-c1-intro p {
    margin: 0 0 1rem;
    font-size: .82rem;
    line-height: 1.8;
}

.techseo-schema-c1-types {
    max-width: 950px;
    margin: 1.7rem auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .7rem;
}

.techseo-schema-c1-types div {
    padding: 1.15rem .8rem;
    background: #f0f9f3;
    border-radius: 8px;
    text-align: center;
    color: #1a1a1a;
    font-size: .7rem;
    font-weight: 600;
    transition: .35s ease;
}

.techseo-schema-c1-types div:hover {
    background: #84c615;
    color: #ffffff;
    transform: translateY(-6px);
    box-shadow: 0 13px 25px rgba(132,198,21,.12);
}

.techseo-schema-c1-note {
    max-width: 900px;
    margin: 2rem auto 0;
    padding: 1.3rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #f0f9f3;
    border-radius: 9px;
    border-left: 3px solid #84c615;
    transition: .35s ease;
}

.techseo-schema-c1-note:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(132,198,21,.08);
}

.techseo-schema-c1-note-mark {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #84c615;
    color: #ffffff;
    border-radius: 50%;
    font-weight: 800;
}

.techseo-schema-c1-note p {
    margin: 0;
    font-size: .75rem;
    line-height: 1.8;
    font-weight: 600;
}

@media (max-width: 700px) {

    .techseo-schema-c1-types {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .techseo-schema-c1 {
        padding: 3.5rem 0;
    }

    .techseo-schema-c1 .container {
        padding: 0 1rem;
    }

    .techseo-schema-c1 h2 {
        font-size: 1.8rem;
    }

    .techseo-schema-c1-intro p {
        font-size: .72rem;
        text-align: justify;
    }

    .techseo-schema-c1-note {
        align-items: flex-start;
        padding: 1rem;
    }

    .techseo-schema-c1-note p {
        font-size: .68rem;
        text-align: justify;
    }

}






.techseo-headless-c2 {
    background: black;
    color: #ffffff;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-headless-c2 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-headless-c2-header {
    max-width: 900px;
    margin: 0 auto 2rem;
    text-align: center;
}

.techseo-headless-c2-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-headless-c2 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.techseo-headless-c2-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    transition: .4s ease;
}

.techseo-headless-c2-header:hover > div {
    width: 130px;
}

.techseo-headless-c2-intro {
    max-width: 850px;
    margin: auto;
    text-align: center;
}

.techseo-headless-c2-intro p {
    margin: 0 0 .9rem;
    font-size: .8rem;
    line-height: 1.8;
    opacity: .85;
}

.techseo-headless-c2-checks {
    max-width: 950px;
    margin: 1.8rem auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
}

.techseo-headless-c2-checks div {
    padding: 1rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 8px;
    text-align: center;
    font-size: .7rem;
    font-weight: 600;
    transition: .35s ease;
}

.techseo-headless-c2-checks div:hover {
    background: #e7f5ed;
    color: #84c615;
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,.2);
}

.techseo-headless-c2-conclusion {
    max-width: 850px;
    margin: auto;
    padding: 1.5rem;
    background: rgba(255,255,255,.08);
    border-radius: 10px;
    text-align: center;
    transition: .35s ease;
}

.techseo-headless-c2-conclusion:hover {
    background: #ffffff;
    color: #1a1a1a;
}

.techseo-headless-c2-conclusion strong {
    display: block;
    font-size: .8rem;
    line-height: 1.7;
}

.techseo-headless-c2-conclusion p {
    margin: .6rem 0 0;
    font-size: .75rem;
}

@media (max-width: 700px) {

    .techseo-headless-c2-checks {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .techseo-headless-c2 {
        padding: 3.5rem 0;
    }

    .techseo-headless-c2 .container {
        padding: 0 1rem;
    }

    .techseo-headless-c2 h2 {
        font-size: 1.8rem;
    }

    .techseo-headless-c2-intro p {
        font-size: .7rem;
        text-align: justify;
    }

    .techseo-headless-c2-checks {
        grid-template-columns: 1fr;
    }

    .techseo-headless-c2-checks div {
        padding: .85rem;
    }

}




<!-- ============================================
     SECTION 19: FRAMEWORK CHANGES - CYCLIC 1
     ============================================ -->

<section class="techseo-framework-c1" id="framework-changes">

    <div class="container">

        <div class="techseo-framework-c1-header">

            <span>TECHNOLOGY MIGRATION</span>

            <h2>Technical SEO During Framework Changes</h2>

            <div></div>

        </div>

        <div class="techseo-framework-c1-intro">

            <p>
                Technology upgrades can introduce SEO problems even when the visual website remains unchanged.
            </p>

            <p>Changing:</p>

        </div>

        <div class="techseo-framework-c1-changes">

            <div>React architecture</div>
            <div>Next.js routing</div>
            <div>CMS</div>
            <div>Hosting</div>
            <div>URL structures</div>
            <div>Rendering method</div>

        </div>

        <div class="techseo-framework-c1-impact">

            <p>
                can affect organic visibility.
            </p>

            <div class="techseo-framework-c1-impact-line"></div>

            <p>
                SEO validation should therefore be included before and after major technology changes.
            </p>

        </div>

    </div>

</section>



.techseo-framework-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-framework-c1 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-framework-c1-header {
    text-align: center;
    margin-bottom: 2rem;
}

.techseo-framework-c1-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-framework-c1 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.techseo-framework-c1-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    transition: .4s ease;
}

.techseo-framework-c1-header:hover > div {
    width: 130px;
}

.techseo-framework-c1-intro {
    max-width: 850px;
    margin: auto;
    text-align: center;
}

.techseo-framework-c1-intro p {
    margin: 0 0 .8rem;
    font-size: .82rem;
    line-height: 1.8;
}

.techseo-framework-c1-changes {
    max-width: 950px;
    margin: 1.5rem auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
}

.techseo-framework-c1-changes div {
    padding: 1.15rem;
    background: #f0f9f3;
    border-radius: 8px;
    text-align: center;
    font-size: .7rem;
    font-weight: 600;
    transition: .35s ease;
}

.techseo-framework-c1-changes div:hover {
    background: #84c615;
    color: #ffffff;
    transform: translateY(-6px);
}

.techseo-framework-c1-impact {
    max-width: 900px;
    margin: 2rem auto 0;
    padding: 1.5rem;
    background: #f0f9f3;
    border-radius: 10px;
    text-align: center;
    transition: .35s ease;
}

.techseo-framework-c1-impact:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(132,198,21,.08);
}

.techseo-framework-c1-impact p {
    margin: 0;
    font-size: .78rem;
    line-height: 1.8;
    font-weight: 600;
}

.techseo-framework-c1-impact-line {
    width: 45px;
    height: 2px;
    margin: 1rem auto;
    background: #84c615;
}

@media (max-width: 700px) {

    .techseo-framework-c1-changes {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .techseo-framework-c1 {
        padding: 3.5rem 0;
    }

    .techseo-framework-c1 .container {
        padding: 0 1rem;
    }

    .techseo-framework-c1 h2 {
        font-size: 1.8rem;
    }

    .techseo-framework-c1-intro p,
    .techseo-framework-c1-impact p {
        font-size: .7rem;
        text-align: justify;
    }

    .techseo-framework-c1-changes {
        grid-template-columns: 1fr;
    }

}




<!-- ============================================
     SECTION 20: APIs & DYNAMIC PLATFORMS - C2
     ============================================ -->

<section class="techseo-api-c2" id="api-dynamic-platforms">

    <div class="container">

        <div class="techseo-api-c2-header">

            <span>DYNAMIC WEB PLATFORMS</span>

            <h2>Technical SEO for APIs &amp; Dynamic Platforms</h2>

            <div></div>

        </div>

        <div class="techseo-api-c2-intro">

            <p>
                Websites increasingly rely on APIs to populate information.
            </p>

            <p>
                Technical SEO should verify whether the resulting pages contain:
            </p>

        </div>

        <div class="techseo-api-c2-checks">

            <div>
                <span>01</span>
                <strong>Stable URLs</strong>
            </div>

            <div>
                <span>02</span>
                <strong>Indexable content</strong>
            </div>

            <div>
                <span>03</span>
                <strong>Correct metadata</strong>
            </div>

            <div>
                <span>04</span>
                <strong>Useful internal links</strong>
            </div>

            <div>
                <span>05</span>
                <strong>Appropriate structured information</strong>
            </div>

        </div>

        <div class="techseo-api-c2-conclusion">

            <p>
                An API can make websites powerful, but SEO still depends on how that information becomes accessible through the actual web pages.
            </p>

        </div>

    </div>

</section>



.techseo-api-c2 {
    background: black;
    color: #ffffff;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-api-c2 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-api-c2-header {
    max-width: 900px;
    margin: 0 auto 2rem;
    text-align: center;
}

.techseo-api-c2-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-api-c2 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.techseo-api-c2-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    transition: .4s ease;
}

.techseo-api-c2-header:hover > div {
    width: 130px;
}

.techseo-api-c2-intro {
    max-width: 850px;
    margin: auto;
    text-align: center;
}

.techseo-api-c2-intro p {
    margin: 0 0 .8rem;
    font-size: .8rem;
    line-height: 1.8;
    opacity: .85;
}

.techseo-api-c2-checks {
    max-width: 950px;
    margin: 1.8rem auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .65rem;
}

.techseo-api-c2-checks div {
    min-height: 115px;
    padding: 1rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: .35s ease;
}

.techseo-api-c2-checks div:hover {
    transform: translateY(-7px);
    background: #e7f5ed;
    color: #84c615;
    box-shadow: 0 15px 30px rgba(0,0,0,.22);
}

.techseo-api-c2-checks span {
    color: #84c615;
    font-size: .52rem;
    font-weight: 800;
}

.techseo-api-c2-checks strong {
    font-size: .68rem;
    line-height: 1.5;
}

.techseo-api-c2-conclusion {
    max-width: 850px;
    margin: auto;
    padding: 1.4rem 1.5rem;
    background: rgba(255,255,255,.08);
    border-radius: 9px;
    text-align: center;
    transition: .35s ease;
}

.techseo-api-c2-conclusion:hover {
    background: #ffffff;
    color: #1a1a1a;
}

.techseo-api-c2-conclusion p {
    margin: 0;
    font-size: .76rem;
    line-height: 1.8;
    font-weight: 600;
}

@media (max-width: 900px) {

    .techseo-api-c2-checks {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 600px) {

    .techseo-api-c2 {
        padding: 3.5rem 0;
    }

    .techseo-api-c2 .container {
        padding: 0 1rem;
    }

    .techseo-api-c2 h2 {
        font-size: 1.8rem;
    }

    .techseo-api-c2-checks {
        grid-template-columns: 1fr 1fr;
    }

    .techseo-api-c2-checks div {
        min-height: 90px;
    }

    .techseo-api-c2-intro p,
    .techseo-api-c2-conclusion p {
        font-size: .7rem;
        text-align: justify;
    }

}






.techseo-audit-c1 {
    background: #ffffff;
    color: #1a1a1a;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-audit-c1 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-audit-c1-header {
    max-width: 900px;
    margin: 0 auto 1.8rem;
    text-align: center;
}

.techseo-audit-c1-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-audit-c1 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.techseo-audit-c1-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    transition: .4s ease;
}

.techseo-audit-c1-header:hover > div {
    width: 130px;
}

.techseo-audit-c1-intro {
    text-align: center;
    margin-bottom: 1.7rem;
}

.techseo-audit-c1-intro p {
    margin: 0;
    font-size: .8rem;
}

.techseo-audit-c1-sections {
    max-width: 1050px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .8rem;
}

.techseo-audit-c1-block {
    background: #f0f9f3;
    border-radius: 10px;
    padding: 1.2rem;
    transition: .35s ease;
}

.techseo-audit-c1-block:hover {
    transform: translateY(-5px);
    background: #e7f5ed;
    box-shadow: 0 14px 28px rgba(132,198,21,.08);
}

.techseo-audit-c1-block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .8rem;
    margin-bottom: .8rem;
    border-bottom: 1px solid rgba(26,26,26,.08);
}

.techseo-audit-c1-block-head strong {
    font-size: .78rem;
}

.techseo-audit-c1-block-head span {
    color: #84c615;
    font-size: .55rem;
    font-weight: 800;
}

.techseo-audit-c1-items {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.techseo-audit-c1-items div {
    padding: .5rem .65rem;
    background: #ffffff;
    border-radius: 6px;
    font-size: .62rem;
    font-weight: 600;
    transition: .3s ease;
}

.techseo-audit-c1-items div:hover {
    background: #84c615;
    color: #ffffff;
    transform: translateY(-2px);
}

@media (max-width: 650px) {

    .techseo-audit-c1 {
        padding: 3.5rem 0;
    }

    .techseo-audit-c1 .container {
        padding: 0 1rem;
    }

    .techseo-audit-c1 h2 {
        font-size: 1.8rem;
    }

    .techseo-audit-c1-sections {
        grid-template-columns: 1fr;
    }

}







.freshora-techseo-c2 {
    background: black;
    color: #ffffff;
    padding: 5.5rem 0;
    overflow: hidden;
}

.freshora-techseo-c2 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.freshora-techseo-c2-header {
    max-width: 850px;
    margin: 0 auto 2.5rem;
    text-align: center;
}

.freshora-techseo-c2-header > span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.freshora-techseo-c2 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.freshora-techseo-c2-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    transition: .4s ease;
}

.freshora-techseo-c2-header:hover > div {
    width: 130px;
}

.freshora-techseo-c2-header p {
    margin: 1.1rem 0 0;
    font-size: .8rem;
    opacity: .8;
}

.freshora-techseo-c2-flow {
    max-width: 850px;
    margin: auto;
}

.freshora-techseo-c2-step {
    display: grid;
    grid-template-columns: 65px 1fr;
    gap: 1rem;
    align-items: center;
    padding: 1.2rem 1.4rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 10px;
    transition: .4s ease;
    position: relative;
}

.freshora-techseo-c2-step:hover {
    transform: translateX(8px);
    background: #e7f5ed;
    box-shadow: 0 15px 30px rgba(0,0,0,.25);
}

.freshora-techseo-c2-number {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #84c615;
    color: #ffffff;
    border-radius: 50%;
    font-size: .55rem;
    font-weight: 800;
    transition: .4s ease;
}

.freshora-techseo-c2-step:hover .freshora-techseo-c2-number {
    transform: rotate(8deg) scale(1.08);
}

.freshora-techseo-c2-step h3 {
    margin: 0 0 .3rem;
    font-size: .9rem;
}

.freshora-techseo-c2-step p {
    margin: 0;
    font-size: .7rem;
    line-height: 1.7;
    text-align: justify;
}

.freshora-techseo-c2-arrow {
    width: 1px;
    height: 28px;
    margin: auto;
    color: red;
    font-size: 2rem;
    line-height: 1;
}

@media (max-width: 576px) {

    .freshora-techseo-c2 {
        padding: 3.5rem 0;
    }

    .freshora-techseo-c2 .container {
        padding: 0 1rem;
    }

    .freshora-techseo-c2 h2 {
        font-size: 1.8rem;
    }

    .freshora-techseo-c2-step {
        grid-template-columns: 48px 1fr;
        gap: .8rem;
        padding: 1rem;
    }

    .freshora-techseo-c2-number {
        width: 40px;
        height: 40px;
    }

    .freshora-techseo-c2-step h3 {
        font-size: .8rem;
    }

    .freshora-techseo-c2-step p {
        font-size: .66rem;
        text-align: justify;
    }

}








:root{
  --lime:#84c615;
  --lime-dark:#6fae10;
  --ink:#151515;
  --soft-ink:#3f3f3f;
  --white:#fff;
  --line:#e7e7e7;
  --dark:#101010;
  --dark-2:#171717;
  --dark-line:rgba(255,255,255,.14);
  --max-width:1160px;
}

*,
*::before,
*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}


/* =========================================================
   SMOOTH GLOBAL TRANSITIONS
   ========================================================= */

.seo-content,
.seo-content h2,
.seo-content .section-kicker,
.seo-content .seo-body,
.seo-content li,
.seo-content li::before,
.seo-content::before,
.seo-content::after,
.flow-arrow,
.data-row span{
  transition:
    transform .55s cubic-bezier(.22,1,.36,1),
    opacity .45s ease,
    color .45s ease,
    background-color .45s ease,
    border-color .45s ease,
    box-shadow .55s cubic-bezier(.22,1,.36,1),
    letter-spacing .55s cubic-bezier(.22,1,.36,1),
    width .55s cubic-bezier(.22,1,.36,1);
}


/* =========================================================
   CYCLIC 1 — SMOOTH HOVER
   ========================================================= */

.cyclic-1 .seo-content{
  transition:
    transform .65s cubic-bezier(.22,1,.36,1),
    box-shadow .65s ease;
}

.cyclic-1 .seo-content::before{
  transition:
    height .7s cubic-bezier(.22,1,.36,1),
    opacity .5s ease,
    background .5s ease;
}

.cyclic-1 .seo-content::after{
  transition:
    transform .5s cubic-bezier(.22,1,.36,1),
    box-shadow .5s ease;
}

.cyclic-1 h2{
  transition:
    transform .6s cubic-bezier(.22,1,.36,1),
    letter-spacing .6s cubic-bezier(.22,1,.36,1);
}

.cyclic-1 .section-kicker{
  transition:
    transform .5s cubic-bezier(.22,1,.36,1),
    letter-spacing .5s ease;
}

.cyclic-1 .seo-body{
  transition:
    transform .6s cubic-bezier(.22,1,.36,1);
}


/* Main section hover */

.cyclic-1:hover .seo-content{
  transform:translateX(6px);
}


/* Heading smooth movement */

.cyclic-1:hover h2{
  transform:translateX(4px);
  letter-spacing:-.025em;
}


/* Kicker movement */

.cyclic-1:hover .section-kicker{
  transform:translateX(4px);
  letter-spacing:.26em;
}


/* Vertical accent animation */

.cyclic-1:hover .seo-content::before{
  height:calc(100% + 8px);
  background:linear-gradient(
    to bottom,
    var(--lime),
    rgba(132,198,21,.18)
  );
}


/* Accent circle */

.cyclic-1:hover .seo-content::after{
  transform:scale(1.22);
  box-shadow:
    0 0 0 8px rgba(132,198,21,.10),
    0 0 22px rgba(132,198,21,.22);
}


/* List item hover */

.cyclic-1 .seo-body li{
  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    color .4s ease,
    padding-left .45s cubic-bezier(.22,1,.36,1),
    border-color .4s ease;
}

.cyclic-1 .seo-body li:hover{
  transform:translateX(5px);
  padding-left:32px;
  color:#222;
  border-color:rgba(132,198,21,.35);
}

.cyclic-1 .seo-body li::before{
  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    width .4s ease,
    height .4s ease,
    box-shadow .4s ease;
}

.cyclic-1 .seo-body li:hover::before{
  transform:translateY(-50%) scale(1.35);
  box-shadow:0 0 0 4px rgba(132,198,21,.10);
}


/* =========================================================
   CYCLIC 2 — SMOOTH HOVER
   ========================================================= */

.cyclic-2 .seo-content{
  transition:
    transform .7s cubic-bezier(.22,1,.36,1),
    border-color .55s ease,
    box-shadow .7s cubic-bezier(.22,1,.36,1);
}

.cyclic-2 .seo-content::before{
  transition:
    transform .8s cubic-bezier(.22,1,.36,1),
    opacity .6s ease;
}

.cyclic-2 .seo-content::after{
  transition:
    width .65s cubic-bezier(.22,1,.36,1),
    opacity .5s ease;
}

.cyclic-2 h2{
  transition:
    transform .65s cubic-bezier(.22,1,.36,1),
    letter-spacing .6s cubic-bezier(.22,1,.36,1);
}

.cyclic-2 .section-kicker{
  transition:
    transform .55s cubic-bezier(.22,1,.36,1),
    letter-spacing .5s ease;
}


/* Main dark card */

.cyclic-2:hover .seo-content{
  transform:translateY(-8px);
  border-color:rgba(132,198,21,.48);
  box-shadow:
    0 30px 70px rgba(0,0,0,.34),
    0 0 0 1px rgba(132,198,21,.08);
}


/* Background glow */

.cyclic-2:hover .seo-content::before{
  transform:scale(1.25);
  opacity:1;
}


/* Bottom lime accent */

.cyclic-2:hover .seo-content::after{
  width:180px;
}


/* Heading */

.cyclic-2:hover h2{
  transform:translateX(5px);
  letter-spacing:-.025em;
}


/* Kicker */

.cyclic-2:hover .section-kicker{
  transform:translateX(4px);
  letter-spacing:.26em;
}


/* Dark-card list items */

.cyclic-2 .seo-body li{
  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    color .4s ease,
    padding-left .45s cubic-bezier(.22,1,.36,1),
    border-color .4s ease;
}

.cyclic-2 .seo-body li:hover{
  transform:translateX(6px);
  padding-left:25px;
  color:#fff;
}


/* Dark list bullet */

.cyclic-2 .seo-body li::before{
  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    box-shadow .45s ease,
    opacity .4s ease;
}

.cyclic-2 .seo-body li:hover::before{
  transform:translateY(-50%) scale(1.45);
  box-shadow:0 0 12px rgba(132,198,21,.45);
}


/* =========================================================
   FLOW ARROW — SMOOTH HOVER
   ========================================================= */

.flow-arrow{
  transition:
    transform .55s cubic-bezier(.22,1,.36,1),
    background-color .4s ease,
    border-color .4s ease,
    box-shadow .5s ease;
}

.flow-arrow:hover{
  transform:translateY(-4px) scale(1.08);
  border-color:var(--lime);
  box-shadow:0 8px 24px rgba(132,198,21,.16);
}


/* =========================================================
   DATA ITEMS — SMOOTH HOVER
   ========================================================= */

.data-row span{
  transition:
    transform .5s cubic-bezier(.22,1,.36,1),
    border-color .4s ease,
    box-shadow .5s ease,
    background-color .4s ease;
}

.data-row span:hover{
  transform:translateY(-4px);
  border-color:rgba(132,198,21,.45);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.cyclic-2 .data-row span:hover{
  background:rgba(132,198,21,.06);
  border-color:rgba(132,198,21,.42);
  box-shadow:0 8px 26px rgba(0,0,0,.25);
}


/* =========================================================
   MOBILE — REDUCE HOVER MOVEMENT
   ========================================================= */

@media (max-width:600px){

  .cyclic-1:hover .seo-content{
    transform:translateX(2px);
  }

  .cyclic-1:hover h2,
  .cyclic-2:hover h2{
    transform:translateX(2px);
  }

  .cyclic-2:hover .seo-content{
    transform:translateY(-4px);
  }

  .cyclic-1 .seo-body li:hover,
  .cyclic-2 .seo-body li:hover{
    transform:translateX(2px);
  }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

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

  *,
  *::before,
  *::after{
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important;
  }

}

.seo-content-section{
  position:relative;
  width:100%;
  overflow:hidden;
  text-align: center;
}

.seo-inner{
  width:min(var(--max-width),calc(100% - 56px));
  margin:0 auto;
}

.seo-content h2{
  margin:0;
  font-size:clamp(2rem,4.2vw,4rem);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:750;
}

.seo-body{
  margin-top:30px;
}

.seo-body p,
.seo-body li{
  font-size:1rem;
  line-height:1.85;
  color:var(--soft-ink);
  text-align:center;
  text-justify:inter-word;
}

.seo-body p{
  margin:0 0 20px;
}

.seo-body strong{
  font-weight:750;
}

.seo-body ul{
  margin:18px 0 26px;
  padding:0;
  list-style:none;
}

.seo-body li{
  position:relative;
  padding:7px 0 7px 27px;
}

.seo-body li::before{
  content:"";
  position:absolute;
  left:0;
  top:1.02em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--lime);
  transform:translateY(-50%);
}

.seo-body h3{
  margin:28px 0 10px;
  font-size:1.05rem;
  line-height:1.45;
  font-weight:750;
}

.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.section-kicker::before{
  content:"";
  width:30px;
  height:2px;
  background:currentColor;
}

.flow-arrow{
  width:42px;
  height:42px;
  margin:24px auto;
  display:grid;
  place-items:center;
  border:1px solid currentColor;
  border-radius:50%;
  font-size:1.2rem;
  transition:.35s ease;
}

.data-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:10px;
  margin:12px 0;
}

.data-row span{
  padding:13px 15px;
  border:1px solid var(--line);
  border-radius:10px;
  font-size:.9rem;
}

/* =========================================================
   CYCLIC 1
   Editorial asymmetric layout
   ========================================================= */
.cyclic-1{
  background:#fff;
  padding:105px 0;
}

.cyclic-1 .seo-content{
  position:relative;
  width:min(100%,1020px);
  margin:0 auto;
  padding:0 0 0 76px;
}

.cyclic-1 .seo-content::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:3px;
  height:100%;
  min-height:180px;
  background:linear-gradient(to bottom,var(--lime),rgba(132,198,21,.08));
  border-radius:4px;
}

.cyclic-1 .seo-content::after{
  content:"";
  position:absolute;
  left:-7px;
  top:0;
  width:17px;
  height:17px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 0 7px rgba(132,198,21,.10);
}

.cyclic-1 .section-kicker{
  color:var(--lime-dark);
}

.cyclic-1 h2{
  max-width:930px;
}

.cyclic-1 .seo-body{
  max-width:900px;
}

.cyclic-1 .seo-body ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:48px;
  padding:12px 0;
}

.cyclic-1 .seo-body li{
  border-bottom:1px solid #eeeeee;
}

.cyclic-1 .seo-body li:last-child{
  border-bottom:0;
}

.cyclic-1 .seo-content,
.cyclic-1 h2,
.cyclic-1 .seo-body{
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}

.cyclic-1:hover .seo-content{
  transform:translateX(5px);
}

.cyclic-1:hover .seo-content::after{
  transform:scale(1.2);
}

/* =========================================================
   CYCLIC 2
   Premium dark editorial panel
   ========================================================= */
.cyclic-2{
  background:var(--dark);
  color:#fff;
  padding:105px 0;
}

.cyclic-2 .seo-inner{
  position:relative;
}

.cyclic-2 .seo-content{
  position:relative;
  width:min(100%,1020px);
  margin:0 auto;
  padding:62px 72px;
  background:var(--dark-2);
  border:1px solid var(--dark-line);
  border-radius:4px 32px 4px 32px;
  box-shadow:0 25px 70px rgba(0,0,0,.28);
  overflow:hidden;
  transition:
    transform .45s cubic-bezier(.2,.7,.2,1),
    border-color .35s ease,
    box-shadow .45s ease;
}

.cyclic-2 .seo-content::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:180px;
  height:180px;
  background:radial-gradient(circle,rgba(132,198,21,.16),transparent 68%);
  pointer-events:none;
}

.cyclic-2 .seo-content::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:85px;
  height:4px;
  background:var(--lime);
  transition:width .45s ease;
}

.cyclic-2 .section-kicker{
  color:var(--lime);
}

.cyclic-2 h2{
  position:relative;
  z-index:1;
  color:#fff;
  max-width:900px;
}

.cyclic-2 .seo-body{
  position:relative;
  z-index:1;
  max-width:900px;
}

.cyclic-2 .seo-body p,
.cyclic-2 .seo-body li{
  color:#dcdcdc;
}

.cyclic-2 .seo-body h3{
  color:#fff;
}

.cyclic-2 .seo-body ul{
  padding:14px 0 14px 24px;
  border-left:2px solid rgba(132,198,21,.42);
}

.cyclic-2 .seo-body li{
  padding-left:20px;
}

.cyclic-2 .seo-body li::before{
  width:5px;
  height:5px;
}

.cyclic-2 .data-row span{
  border-color:var(--dark-line);
  background:rgba(255,255,255,.025);
}

.cyclic-2:hover .seo-content{
  transform:translateY(-8px);
  border-color:rgba(132,198,21,.42);
  box-shadow:0 35px 90px rgba(0,0,0,.4);
}

.cyclic-2:hover .seo-content::after{
  width:180px;
}

.cyclic-2 .flow-arrow{
  color:var(--lime);
}

/* =========================================================
   Tablet
   ========================================================= */
@media (max-width:900px){
  .seo-inner{
    width:min(100% - 40px,760px);
  }

  .cyclic-1,
  .cyclic-2{
    padding:78px 0;
  }

  .cyclic-1 .seo-content{
    padding-left:48px;
  }

  .cyclic-1 .seo-body ul{
    grid-template-columns:1fr;
  }

  .cyclic-2 .seo-content{
    padding:48px 44px;
  }
}

/* =========================================================
   Mobile
   ========================================================= */
@media (max-width:600px){
  .seo-inner{
    width:calc(100% - 28px);
  }

  .cyclic-1,
  .cyclic-2{
    padding:58px 0;
  }

  .cyclic-1 .seo-content{
    padding-left:28px;
  }

  .cyclic-1 .seo-content::before{
    width:2px;
  }

  .cyclic-1 .seo-content::after{
    left:-6px;
    width:14px;
    height:14px;
  }

  .cyclic-2 .seo-content{
    padding:38px 25px;
    border-radius:3px 20px 3px 20px;
  }

  .seo-content h2{
    font-size:clamp(1.8rem,8vw,2.45rem);
    letter-spacing:-.035em;
  }

  .seo-body{
    margin-top:22px;
  }

  .seo-body p,
  .seo-body li{
    font-size:.93rem;
    line-height:1.78;
  }

  .seo-body ul{
    padding-left:0;
  }

  .cyclic-2 .seo-body ul{
    padding-left:18px;
  }

  .data-row{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   Small phones
   ========================================================= */
@media (max-width:380px){
  .seo-inner{
    width:calc(100% - 20px);
  }

  .cyclic-1 .seo-content{
    padding-left:21px;
  }

  .cyclic-2 .seo-content{
    padding:30px 19px;
  }

  .seo-content h2{
    font-size:1.65rem;
  }

  .seo-body p,
  .seo-body li{
    font-size:.88rem;
  }

  .section-kicker{
    font-size:.58rem;
    letter-spacing:.17em;
  }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}






<!-- ========================================================================== 
   COMPLETE CSS
   ========================================================================== -->



/* ========================================================================== 
   1. MAIN SECTION
   ========================================================================== */

.fs-seo-block {

    padding: clamp(2rem, 6vw, 5rem) 0;

    background: #FFFFFF;
}

.fs-seo-white {

    background: #FFFFFF;
}


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

.fs-container {

    width: 100%;

    padding-right: 15px;
    padding-left: 15px;

    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 576px) {

    .fs-container {

        max-width: 540px;
    }

}


@media (min-width: 768px) {

    .fs-container {

        max-width: 720px;
    }

}


@media (min-width: 992px) {

    .fs-container {

        max-width: 960px;
    }

}


@media (min-width: 1200px) {

    .fs-container {

        max-width: 1140px;
    }

}



/* ========================================================================== 
   2. SEO CONTENT
   ========================================================================== */

.fs-seo-content-wrapper {

    margin-bottom: 3rem;
}


.fs-seo-content {

    padding: 0.5rem 0;
}


.fs-seo-content-center {

    text-align: center;
}


.fs-seo-content-center .fs-seo-badge {

    margin-left: auto;
    margin-right: auto;
}


.fs-seo-content-center .fs-seo-tags {

    justify-content: center;
}


.fs-seo-content-center .fs-seo-text {

    text-align: justify;

    text-justify: inter-word;

    max-width: 780px;

    margin-left: auto;
    margin-right: auto;
}


.fs-seo-content-center .fs-seo-highlight {

    max-width: 720px;

    margin-left: auto;
    margin-right: auto;

    text-align: left;
}



/* ========================================================================== 
   BADGE
   ========================================================================== */

.fs-seo-badge {

    display: inline-flex;

    align-items: center;

    gap: 0.5rem;

    font-family: 'Inter', 'Segoe UI', sans-serif;

    font-size: 0.7rem;

    font-weight: 600;

    letter-spacing: 0.12em;

    text-transform: uppercase;

    color: #2D6B1E;

    background: #E8F5E3;

    padding:
        0.4rem
        1.2rem
        0.4rem
        1rem;

    border-radius: 50px;

    margin-bottom: 1rem;

    border:
        1px solid
        rgba(124, 179, 66, 0.15);

    transition:
        all 0.4s
        cubic-bezier(
            0.25,
            0.46,
            0.45,
            0.94
        );

    width: fit-content;
}


.fs-seo-badge:hover {

    background: #2D6B1E;

    color: #FFFFFF;

    transform: translateY(-2px);

    box-shadow:
        0 8px 24px
        rgba(45, 107, 30, 0.2);

    border-color: #2D6B1E;
}



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

.fs-seo-title {

    font-family:
        'Sora',
        'Segoe UI',
        sans-serif;

    font-weight: 700;

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

    line-height: 1.15;

    color: #0F2B0A;

    margin-bottom: 0.5rem;

    letter-spacing: -0.02em;
}



/* ========================================================================== 
   SUBTITLE
   ========================================================================== */

.fs-seo-subtitle {

    font-family:
        'Inter',
        'Segoe UI',
        sans-serif;

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

    font-weight: 500;

    color: #2D6B1E;

    margin-bottom: 1.2rem;

    line-height: 1.4;
}



/* ========================================================================== 
   TAGS
   ========================================================================== */

.fs-seo-tags {

    display: flex;

    flex-wrap: wrap;

    gap:
        0.4rem
        0.6rem;

    margin-bottom: 1.5rem;
}


.fs-seo-tag {

    font-family:
        'Inter',
        'Segoe UI',
        sans-serif;

    font-size: 0.7rem;

    font-weight: 500;

    color: #4A4A4A;

    background: #F5F8F3;

    padding:
        0.3rem
        0.9rem;

    border-radius: 50px;

    border:
        1px solid
        transparent;

    transition:
        all 0.4s
        cubic-bezier(
            0.25,
            0.46,
            0.45,
            0.94
        );

    cursor: default;

    letter-spacing: 0.02em;
}


.fs-seo-tag:hover {

    background: #7CB342;

    color: #FFFFFF;

    border-color: #7CB342;

    transform:
        translateY(-3px)
        scale(1.04);

    box-shadow:
        0 8px 20px
        rgba(124, 179, 66, 0.25);
}


.fs-seo-tag:nth-child(even):hover {

    background: #0F2B0A;

    border-color: #0F2B0A;

    box-shadow:
        0 8px 20px
        rgba(15, 43, 10, 0.2);
}



/* ========================================================================== 
   TEXT
   ========================================================================== */

.fs-seo-text {

    font-family:
        'Inter',
        'Segoe UI',
        sans-serif;

    font-size:
        clamp(
            0.9rem,
            1.1vw,
            1.05rem
        );

    line-height: 1.85;

    color: #4A4A4A;

    margin-bottom: 1rem;
}



/* ========================================================================== 
   HIGHLIGHT
   ========================================================================== */

.fs-seo-highlight {

    display: flex;

    align-items: flex-start;

    gap: 0.8rem;

    background:
        linear-gradient(
            135deg,
            #F8FBF6 0%,
            #F0F5EC 100%
        );

    padding:
        1.2rem
        1.5rem;

    border-radius: 12px;

    border-left:
        4px solid
        #7CB342;

    margin:
        1.2rem 0
        1.5rem;

    transition:
        all 0.4s
        cubic-bezier(
            0.25,
            0.46,
            0.45,
            0.94
        );
}


.fs-seo-highlight:hover {

    transform: translateY(-3px);

    box-shadow:
        0 8px 32px
        rgba(15, 43, 10, 0.08);

    border-left-color: #2D6B1E;
}


.fs-seo-highlight-icon {

    font-size: 1.2rem;

    color: #7CB342;

    flex-shrink: 0;

    margin-top: 0.1rem;

    transition:
        all 0.4s
        cubic-bezier(
            0.25,
            0.46,
            0.45,
            0.94
        );
}


.fs-seo-highlight:hover
.fs-seo-highlight-icon {

    color: #2D6B1E;

    transform:
        scale(1.2)
        rotate(10deg);
}


.fs-seo-highlight-text {

    font-family:
        'Sora',
        'Segoe UI',
        sans-serif;

    font-weight: 600;

    font-size:
        clamp(
            1rem,
            1.4vw,
            1.2rem
        );

    color: #0F2B0A;

    margin: 0;

    line-height: 1.6;
}



/* ========================================================================== 
   3. BEFORE / AFTER SLIDER
   ========================================================================== */

.fs-seo-slider-wrapper {

    position: relative;

    width: 100%;

    padding:
        1rem
        0
        0.5rem;
}


.fs-seo-ba-container {

    position: relative;

    width: 100%;

    max-width: 800px;

    margin: 0 auto;

    border-radius: 16px;

    overflow: hidden;

    box-shadow:
        0 4px 24px
        rgba(15, 43, 10, 0.08);

    border:
        1px solid
        #E8EDE4;

    aspect-ratio: 16 / 10;

    cursor: ew-resize;

    user-select: none;
    -webkit-user-select: none;

    touch-action: none;

    background: #0F2B0A;

    transition:
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}


.fs-seo-ba-container:hover {

    box-shadow:
        0 12px 48px
        rgba(15, 43, 10, 0.12);

    border-color: #7CB342;
}



/* ==========================================================================
   MAIN SLIDER BOX
   ========================================================================== */

.fs-seo-ba-slider {
    position: relative;

    width: 100%;
    max-width: 100%;

    height: 498.21px;

    overflow: hidden;
}



/* ==========================================================================
   IMAGE BASE
   ========================================================================== */

.fs-seo-ba-image {
    position: absolute;

    top: 0;
    left: 0;

    width: auto;
    height: 498.21px;

    max-width: none;

    display: block;

    object-fit: contain;
    object-position: left center;
}



/* ==========================================================================
   AFTER IMAGE
   ========================================================================== */

.fs-seo-ba-after-full {
    position: absolute;

    top: 0;
    left: 0;

    z-index: 1;

    width: auto;
    height: 498.21px;

    max-width: none;

    display: block;

    object-fit: contain;
    object-position: left center;
}



/* ==========================================================================
   BEFORE WRAPPER
   ========================================================================== */

.fs-seo-ba-before-wrap {
    position: absolute;

    top: 0;
    left: 0;

    width: 50%;
    height: 100%;

    overflow: hidden;

    z-index: 2;

    pointer-events: none;
}



/* ==========================================================================
   BEFORE IMAGE
   ========================================================================== */

.fs-seo-ba-before-full {
    position: absolute;

    top: 0;
    left: 0;

    width: auto;
    height: 498.21px;

    max-width: none;

    display: block;

    object-fit: contain;
    object-position: left center;

    pointer-events: none;
}

/* ========================================================================== 
   DIVIDER
   ========================================================================== */

.fs-seo-ba-divider {

    position: absolute;

    top: 0;

    left: 50%;

    width: 3px;

    height: 100%;

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

    z-index: 5;

    transform:
        translateX(-50%);

    cursor: ew-resize;

    touch-action: none;

    outline: none;

    transition:
        background 0.25s ease,
        box-shadow 0.25s ease;
}


.fs-seo-ba-divider:hover,
.fs-seo-ba-container.fs-dragging
.fs-seo-ba-divider {

    background: #7CB342;

    box-shadow:
        0 0 30px
        rgba(124, 179, 66, 0.5);
}


/* Keyboard focus */

.fs-seo-ba-divider:focus-visible {

    background: #7CB342;

    box-shadow:
        0 0 0 4px
        rgba(124, 179, 66, 0.25),
        0 0 30px
        rgba(124, 179, 66, 0.5);
}



/* ========================================================================== 
   HANDLE
   ========================================================================== */

.fs-seo-ba-handle {

    position: absolute;

    top: 50%;
    left: 50%;

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

    width: 44px;
    height: 44px;

    background: #FFFFFF;

    border-radius: 50%;

    box-shadow:
        0 2px 16px
        rgba(0, 0, 0, 0.2);

    display: flex;

    align-items: center;
    justify-content: center;

    color: #2D6B1E;

    transition:
        all 0.3s
        cubic-bezier(
            0.25,
            0.46,
            0.45,
            0.94
        );

    pointer-events: none;
}


.fs-seo-ba-handle svg {

    width: 20px;
    height: 20px;
}


.fs-seo-ba-divider:hover
.fs-seo-ba-handle {

    background: #7CB342;

    color: #FFFFFF;

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

    box-shadow:
        0 4px 24px
        rgba(124, 179, 66, 0.4);
}


.fs-seo-ba-container.fs-dragging
.fs-seo-ba-handle {

    background: #7CB342;

    color: #FFFFFF;

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

    box-shadow:
        0 4px 24px
        rgba(124, 179, 66, 0.4);
}



/* ========================================================================== 
   LABELS
   ========================================================================== */

.fs-seo-ba-label {

    position: absolute;

    bottom: 16px;

    font-family:
        'Inter',
        'Segoe UI',
        sans-serif;

    font-size: 0.7rem;

    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    padding:
        0.3rem
        1rem;

    border-radius: 50px;

    z-index: 6;

    pointer-events: none;

    opacity: 0.8;

    transition:
        all 0.4s ease;
}


/* Before */

.fs-seo-ba-label-before {

    left: 16px;

    background:
        rgba(
            0,
            0,
            0,
            0.6
        );

    color: #FFFFFF;

    backdrop-filter:
        blur(4px);

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.15
        );
}


/* After */

.fs-seo-ba-label-after {

    right: 16px;

    background:
        rgba(
            124,
            179,
            66,
            0.85
        );

    color: #FFFFFF;

    backdrop-filter:
        blur(4px);

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.15
        );
}


.fs-seo-ba-container:hover
.fs-seo-ba-label {

    opacity: 1;
}



/* ========================================================================== 
   ACTIVE LABEL STATES
   ========================================================================== */

.fs-seo-ba-container.fs-show-before
.fs-seo-ba-label-before {

    background:
        rgba(
            124,
            179,
            66,
            0.85
        );

    transform: scale(1.05);

    opacity: 1;
}


.fs-seo-ba-container.fs-show-after
.fs-seo-ba-label-after {

    background:
        rgba(
            124,
            179,
            66,
            0.85
        );

    transform: scale(1.05);

    opacity: 1;
}



/* ========================================================================== 
   DRAG HINT
   ========================================================================== */

.fs-seo-ba-hint {

    position: absolute;

    bottom: 60px;

    left: 50%;

    transform:
        translateX(-50%);

    font-family:
        'Inter',
        'Segoe UI',
        sans-serif;

    font-size: 0.7rem;

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

    background:
        rgba(
            0,
            0,
            0,
            0.5
        );

    padding:
        0.3rem
        1rem;

    border-radius: 50px;

    z-index: 4;

    backdrop-filter:
        blur(4px);

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

    opacity: 0;

    transition:
        opacity 0.6s ease;

    pointer-events: none;

    letter-spacing: 0.04em;
}


.fs-seo-ba-container:hover
.fs-seo-ba-hint {

    opacity: 1;
}


.fs-seo-ba-container.fs-dragging
.fs-seo-ba-hint {

    opacity: 0;
}



/* ========================================================================== 
   4. RESPONSIVE
   ========================================================================== */

@media (max-width: 991px) {

    .fs-seo-content-wrapper {

        margin-bottom: 2rem;
    }


    .fs-seo-ba-container {

        max-width: 100%;

        aspect-ratio: 16 / 10;
    }


    .fs-seo-title {

        font-size:
            clamp(
                1.6rem,
                4.5vw,
                2.2rem
            );
    }


    .fs-seo-content-center
    .fs-seo-text {

        max-width: 100%;
    }


    .fs-seo-content-center
    .fs-seo-highlight {

        max-width: 100%;
    }

}



@media (max-width: 767px) {

    .fs-seo-block {

        padding:
            1.5rem
            0;
    }


    .fs-seo-content-wrapper {

        margin-bottom: 1.5rem;
    }


    .fs-seo-title {

        font-size:
            clamp(
                1.4rem,
                5vw,
                1.8rem
            );
    }


    .fs-seo-subtitle {

        font-size: 0.95rem;
    }


    .fs-seo-tag {

        font-size: 0.6rem;

        padding:
            0.25rem
            0.7rem;
    }


    .fs-seo-text {

        font-size: 0.85rem;

        text-align: justify;
    }


    .fs-seo-highlight {

        padding:
            0.8rem
            1rem;

        flex-direction: row;

        align-items: center;

        gap: 0.6rem;
    }


    .fs-seo-highlight-text {

        font-size: 0.9rem;
    }


    .fs-seo-ba-container {

        aspect-ratio: 16 / 11;

        border-radius: 12px;
    }


    .fs-seo-ba-handle {

        width: 36px;
        height: 36px;
    }


    .fs-seo-ba-handle svg {

        width: 16px;
        height: 16px;
    }


    .fs-seo-ba-label {

        font-size: 0.6rem;

        padding:
            0.2rem
            0.8rem;

        bottom: 12px;
    }


    .fs-seo-ba-label-before {

        left: 12px;
    }


    .fs-seo-ba-label-after {

        right: 12px;
    }


    .fs-seo-ba-hint {

        font-size: 0.6rem;

        padding:
            0.2rem
            0.8rem;

        bottom: 50px;
    }

}



@media (max-width: 480px) {

    .fs-seo-block {

        padding:
            1rem
            0;
    }


    .fs-container {

        padding-right: 12px;

        padding-left: 12px;
    }


    .fs-seo-content-wrapper {

        margin-bottom: 1rem;
    }


    .fs-seo-title {

        font-size:
            clamp(
                1.2rem,
                5.5vw,
                1.5rem
            );

        line-height: 1.2;
    }


    .fs-seo-subtitle {

        font-size: 0.85rem;
    }


    .fs-seo-badge {

        font-size: 0.55rem;

        padding:
            0.25rem
            0.8rem
            0.25rem
            0.6rem;

        gap: 0.4rem;

        margin-bottom: 0.6rem;
    }


    .fs-seo-tag {

        font-size: 0.55rem;

        padding:
            0.2rem
            0.6rem;
    }


    .fs-seo-text {

        font-size: 0.8rem;

        line-height: 1.65;

        margin-bottom: 0.7rem;
    }


    .fs-seo-highlight {

        padding:
            0.7rem
            0.9rem;

        border-left-width: 3px;

        margin:
            0.8rem
            0
            1rem;

        border-radius: 8px;
    }


    .fs-seo-highlight-icon {

        font-size: 0.85rem;
    }


    .fs-seo-highlight-text {

        font-size: 0.85rem;
    }


    .fs-seo-ba-container {

        aspect-ratio: 16 / 12;

        border-radius: 10px;
    }


    .fs-seo-ba-handle {

        width: 30px;
        height: 30px;
    }


    .fs-seo-ba-handle svg {

        width: 14px;
        height: 14px;
    }


    .fs-seo-ba-label {

        font-size: 0.5rem;

        padding:
            0.15rem
            0.6rem;

        bottom: 8px;
    }


    .fs-seo-ba-label-before {

        left: 8px;
    }


    .fs-seo-ba-label-after {

        right: 8px;
    }


    .fs-seo-ba-hint {

        font-size: 0.5rem;

        padding:
            0.15rem
            0.6rem;

        bottom: 40px;
    }

}



/* ========================================================================== 
   5. REDUCED MOTION
   ========================================================================== */

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

    *,
    *::before,
    *::after {

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }


    .fs-seo-ba-divider,
    .fs-seo-ba-handle,
    .fs-seo-ba-label,
    .fs-seo-ba-hint {

        transition: none !important;
    }


    .fs-seo-badge:hover,
    .fs-seo-tag:hover,
    .fs-seo-highlight:hover {

        transform: none !important;
    }


    .fs-seo-ba-divider:hover
    .fs-seo-ba-handle {

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

        background: #FFFFFF !important;

        color: #2D6B1E !important;
    }


    .fs-seo-ba-hint {

        opacity: 0 !important;
    }

}




    /* ============================================================
       SECTION
       ============================================================ */

    .fseo-strategy-section {
        width: 100%;
        padding: 90px 0;
        background: #ffffff;
        overflow: hidden;
    }


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

    .fseo-strategy-content {
        max-width: 620px;
        margin: 0 auto;
    }


    /* ============================================================
       BADGE
       ============================================================ */

    .fseo-strategy-badge {
        display: inline-flex;
        align-items: center;
        gap: 5px;

        padding: 5px 15px;

        background: #74c900;
        color: #ffffff;

        border-radius: 30px;

        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 1;

        text-transform: uppercase;

        margin-bottom: 16px;
    }


    /* ============================================================
       MAIN TITLE
       ============================================================ */

    .fseo-strategy-title {
        margin: 0 0 5px;

        color: #111111;

        font-size: clamp(28px, 3vw, 38px);
        font-weight: 800;

        line-height: 1.15;
        letter-spacing: -0.7px;
    }


    /* ============================================================
       SUBTITLE
       ============================================================ */

    .fseo-strategy-subtitle {
        margin: 0;

        color: #111111;

        font-size: clamp(17px, 2vw, 21px);
        font-weight: 600;

        line-height: 1.45;
    }


    .fseo-strategy-subtitle span {
        color: #74c900;
    }


    /* ============================================================
       GREEN DIVIDER
       ============================================================ */

    .fseo-strategy-divider {
        width: 48px;
        height: 3px;

        background: #74c900;

        margin: 18px 0 25px;

        border-radius: 10px;
    }


    /* ============================================================
       PARAGRAPHS
       ============================================================ */

    .fseo-strategy-text {
        margin: 0 0 17px;

        color: #333333;

        font-size: 14px;
        font-weight: 400;

        line-height: 1.85;

        text-align: left;
    }


    .fseo-strategy-text:last-child {
        margin-bottom: 0;
    }


    /* ============================================================
       HIGHLIGHT
       ============================================================ */

    .fseo-strategy-highlight {
        color: #74c900;
        font-weight: 700;
    }


    /* ============================================================
       IMAGE AREA
       ============================================================ */

    .fseo-strategy-image-wrap {
        position: relative;

        width: 100%;
        max-width: 560px;

        margin: 0 auto;

        padding: 18px;
    }


   /* ============================================================
   IMAGE ACCENT
   ============================================================ */

.fseo-strategy-image-accent {
    position: absolute;

    top: 0;
    right: 0;

    width: 75%;
    height: 75%;

    background: #f0f8e7;

    border-radius: 18px;

    z-index: 0;
}



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

.fseo-strategy-image {
    position: relative;

    z-index: 1;

    display: block;

    width: 100%;
    height: auto;

    max-width: none;

    object-fit: contain;
    object-position: center center;

    border-radius: 14px;

    background: #f7f7f7;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.08);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

    /* ============================================================
       IMAGE HOVER
       ============================================================ */

    .fseo-strategy-image-wrap:hover .fseo-strategy-image {
        transform: translateY(-5px);

        box-shadow:
            0 20px 50px rgba(0, 0, 0, 0.12);
    }


    /* ============================================================
       DESKTOP ALIGNMENT
       ============================================================ */

    @media (min-width: 992px) {

        .fseo-strategy-content {
            margin-left: 0;
            padding-right: 25px;
        }

        .fseo-strategy-image-wrap {
            margin-left: auto;
            margin-right: 0;
        }

    }


    /* ============================================================
       TABLET
       ============================================================ */

    @media (max-width: 991px) {

        .fseo-strategy-section {
            padding: 70px 0;
        }

        .fseo-strategy-content {
            max-width: 700px;
        }

        .fseo-strategy-image-wrap {
            max-width: 650px;
            margin-top: 10px;
        }

        .fseo-strategy-image {
            height: 400px;
        }

    }


    /* ============================================================
       MOBILE
       ============================================================ */

    @media (max-width: 767px) {

        .fseo-strategy-section {
            padding: 55px 0;
        }

        .fseo-strategy-content {
            max-width: 100%;
        }

        .fseo-strategy-badge {
            font-size: 9px;
            padding: 5px 13px;
        }

        .fseo-strategy-title {
            font-size: 27px;
        }

        .fseo-strategy-subtitle {
            font-size: 17px;
        }

        .fseo-strategy-divider {
            margin: 16px 0 22px;
        }

        .fseo-strategy-text {
            font-size: 13.5px;
            line-height: 1.8;
            margin-bottom: 15px;
        }

        .fseo-strategy-image-wrap {
            padding: 12px;
        }

        .fseo-strategy-image {
            height: 300px;
            border-radius: 12px;
        }

        .fseo-strategy-image-accent {
            border-radius: 14px;
        }

    }


    /* ============================================================
       SMALL MOBILE
       ============================================================ */

    @media (max-width: 480px) {

        .fseo-strategy-section {
            padding: 45px 0;
        }

        .fseo-strategy-title {
            font-size: 24px;
        }

        .fseo-strategy-subtitle {
            font-size: 16px;
        }

        .fseo-strategy-text {
            font-size: 13px;
        }

        .fseo-strategy-image {
            height: 250px;
        }

    }







/* =========================================================
   ON-PAGE SEO SECTION - REDESIGNED (MATCHES SECTION 19)
   Background: #0a0a0a
   Accent: #84c615
   ========================================================= */

#opseo20Section {
    position: relative;
    padding: 100px 0;
    background: white;
    color: #ffffff;
    overflow: hidden;
}

/* Decorative background elements matching Section 19 */

#opseo20Section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: rgba(132, 198, 21, 0.08);
    transform: translateX(-50%);
    pointer-events: none;
}

#opseo20Section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    left: -180px;
    bottom: -180px;
    border: 1px solid rgba(132, 198, 21, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

/* =========================================================
   LEFT SIDE CONTENT
   ========================================================= */

.opseo20-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 720px;
}

/* Eyebrow */

.opseo20-eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 18px;
    border: 1px solid rgba(132, 198, 21, 0.45);
    border-radius: 30px;
    color: #84c615;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

/* Title */

.opseo20-title {
    margin: 0;
    color: #84c615;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.15;
}

/* Title line */

.opseo20-title-line {
    width: 70px;
    height: 3px;
    margin: 24px 0 24px;
    background: #84c615;
    border-radius: 10px;
}

/* Description */

.opseo20-description {
    max-width: 620px;
    margin: 0 0 32px;
    color: #cfcfcf;
    font-size: 17px;
    line-height: 1.8;
}

/* =========================================================
   INCLUDES CARD
   ========================================================= */

.opseo20-includes-card {
    padding: 35px 35px 30px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(132, 198, 21, 0.25);
    border-radius: 24px;
    transition: border-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}

.opseo20-includes-card:hover {
    border-color: rgba(132, 198, 21, 0.7);
    background: rgba(132, 198, 21, 0.035);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3);
}

.opseo20-includes-heading {
    margin-bottom: 20px;
    color: #84c615;
    font-size: 17px;
    font-weight: 700;
}

/* List */

.opseo20-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.opseo20-list li {
    position: relative;
    padding: 13px 18px 13px 42px;
    color: black;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.5;
    transition: color 0.3s ease, border-color 0.3s ease, padding-left 0.3s ease;
}

.opseo20-list li::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #84c615;
    transform: translateY(-50%);
    transition: width 0.3s ease, border-radius 0.3s ease;
}

.opseo20-list li:hover {
    color: #84c615;

    border-color: rgba(132, 198, 21, 0.55);
    padding-left: 46px;
}

.opseo20-list li:hover::before {
    width: 14px;
    border-radius: 3px;
}

/* =========================================================
   OBJECTIVE NOTE (matching foundation note style)
   ========================================================= */

.opseo20-objective-note {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 22px;
    padding: 20px 24px;
    background: rgba(132, 198, 21, 0.06);
    border-top: 1px solid rgba(132, 198, 21, 0.3);
    border-bottom: 1px solid rgba(132, 198, 21, 0.3);
}

.opseo20-note-marker {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin-top: 6px;
    background: #84c615;
    transform: rotate(45deg);
}

.opseo20-objective-text p {
    margin: 0;
    color: black;
    font-size: 15px;
    line-height: 1.8;
}

.opseo20-objective-text p + p {
    margin-top: 8px;
    color: black;
}

/* =========================================================
   RIGHT SIDE - IMAGE
   ========================================================= */

.opseo20-image-area {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 400px;
}

.opseo20-image {
    display: block;
    width: 100%;
    max-width: 500px;
    height: auto;
    object-fit: contain;
    border-radius: 16px;
    border: 1px solid rgba(132, 198, 21, 0.15);
    transition: border-color 0.35s ease, transform 0.35s ease;
}

.opseo20-image:hover {
    border-color: rgba(132, 198, 21, 0.5);
    transform: scale(1.02);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991.98px) {

    #opseo20Section {
        padding: 80px 0;
    }

    .opseo20-content {
        max-width: 100%;
    }

    .opseo20-image-area {
        min-height: auto;
        margin-top: 30px;
    }

    .opseo20-image {
        max-width: 550px;
    }
}

@media (max-width: 767.98px) {

    #opseo20Section {
        padding: 70px 0;
    }

    .opseo20-eyebrow {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .opseo20-title {
        font-size: clamp(28px, 6vw, 36px);
    }

    .opseo20-title-line {
        width: 50px;
        margin: 18px 0 18px;
    }

    .opseo20-description {
        font-size: 15px;
    }

    .opseo20-includes-card {
        padding: 25px 20px 20px;
        border-radius: 18px;
    }

    .opseo20-includes-heading {
        font-size: 15px;
    }

    .opseo20-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .opseo20-list li {
        font-size: 14px;
        padding: 12px 15px 12px 38px;
    }

    .opseo20-list li::before {
        left: 15px;
    }

    .opseo20-objective-note {
        padding: 18px;
        gap: 14px;
    }

    .opseo20-objective-text p {
        font-size: 14px;
    }

    .opseo20-image-area {
        margin-top: 20px;
        min-height: auto;
    }

    .opseo20-image {
        max-width: 400px;
    }
}

@media (max-width: 575.98px) {

    #opseo20Section {
        padding: 60px 15px;
    }

    .opseo20-eyebrow {
        font-size: 10px;
        padding: 5px 14px;
    }

    .opseo20-title {
        font-size: 28px;
    }

    .opseo20-includes-card {
        padding: 20px 16px 16px;
        border-radius: 14px;
    }

    .opseo20-list li {
        font-size: 13px;
        padding: 10px 12px 10px 34px;
    }

    .opseo20-list li::before {
        left: 12px;
        width: 6px;
        height: 6px;
    }

    .opseo20-objective-note {
        padding: 16px;
        gap: 12px;
    }

    .opseo20-objective-text p {
        font-size: 13px;
    }

    .opseo20-image {
        max-width: 100%;
    }
}
/* =========================================================
   OFF-PAGE SEO SECTION
   UNIQUE PREFIX: offseo31
========================================================= */

#offseo31Section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: #101211;
    color: #ffffff;
}

#offseo31Section * {
    box-sizing: border-box;
}


/* =========================================================
   LEFT SIDE — CONTENT
========================================================= */

.offseo31-content {
    width: 100%;
    max-width: 720px;
}


/* Badge */

.offseo31-badge {
    display: inline-block;

    padding: 6px 13px;
    margin-bottom: 18px;

    border: 1px solid rgba(154, 205, 50, 0.35);
    border-radius: 50px;

    background: rgba(154, 205, 50, 0.08);

    color: #9acd32;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1;
}


/* Title */

.offseo31-title {
    margin: 0;

    color: #f4f6f2;

    font-size: clamp(34px, 4vw, 58px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

.offseo31-title span {
    color: #9acd32;
}


/* Accent Line */

.offseo31-title-accent {
    width: 58px;
    height: 3px;

    margin: 20px 0 24px;

    border-radius: 20px;

    background: #9acd32;
}


/* Intro */

.offseo31-intro {
    max-width: 620px;

    margin: 0 0 32px;

    color: #aeb5ae;

    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SIGNAL BOX
========================================================= */

.offseo31-signal-box {
    padding: 28px;

    border: 1px solid #292d2b;
    border-radius: 14px;

    background: #171a18;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}


/* Signal Heading */

.offseo31-signal-heading {
    display: block;

    margin-bottom: 20px;

    color: #9acd32;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;

    text-transform: uppercase;
}


/* Signal List */

.offseo31-signal-list {
    display: grid;

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

    gap: 10px 16px;

    padding: 0;
    margin: 0;

    list-style: none;
}


.offseo31-signal-list li {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 42px;

    padding: 10px 12px 10px 28px;

    border: 1px solid #2c312e;
    border-radius: 7px;

    background: #1b1f1c;

    color: #c4cac4;

    font-size: 13px;
    line-height: 1.4;
}


.offseo31-signal-list li::before {
    content: "";

    position: absolute;
    left: 12px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #9acd32;

    box-shadow: 0 0 0 3px rgba(154, 205, 50, 0.08);
}


/* =========================================================
   AUTHORITY MESSAGE
========================================================= */

.offseo31-authority-message {
    position: relative;

    margin-top: 22px;
    padding: 24px 26px 24px 30px;

    border: 1px solid #2a2f2b;
    border-radius: 12px;

    background: #1b1f1c;

    overflow: hidden;
}


.offseo31-authority-message::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background: #9acd32;
}


.offseo31-authority-message p {
    margin: 0;

    color: #d5dad5;

    font-size: 14px;
    line-height: 1.75;
}


/* =========================================================
   RIGHT SIDE — ACTUAL IMAGE ONLY
========================================================= */

.offseo31-image-area {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
    min-height: 420px;
}


/* Actual Image */

.offseo31-image {
    display: block;

    width: 100%;
    max-width: 500px;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    #offseo31Section {
        padding: 80px 0;
    }

    .offseo31-content {
        max-width: 100%;
    }

    .offseo31-image-area {
        min-height: auto;
        margin-top: 20px;
    }

    .offseo31-image {
        max-width: 550px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    #offseo31Section {
        padding: 65px 0;
    }

    .offseo31-title {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .offseo31-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .offseo31-signal-box {
        padding: 20px 16px;

        border-radius: 10px;
    }

    .offseo31-signal-list {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .offseo31-signal-list li {
        min-height: 40px;

        font-size: 12px;
    }

    .offseo31-authority-message {
        padding: 22px 20px 22px 25px;
    }

    .offseo31-authority-message p {
        font-size: 13px;
    }

    .offseo31-image-area {
        margin-top: 10px;
    }

    .offseo31-image {
        width: 100%;
        max-width: 450px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    #offseo31Section {
        padding: 55px 0;
    }

    .offseo31-badge {
        font-size: 9px;
    }

    .offseo31-title {
        font-size: 30px;
    }

    .offseo31-signal-box {
        padding: 18px 12px;
    }

    .offseo31-signal-list li {
        padding: 9px 10px 9px 27px;
    }

    .offseo31-image {
        width: 100%;
    }

}








/* =========================================================
   SECTION 22 — LOCAL SEO
   UNIQUE PREFIX: local24
========================================================= */

#local24Section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: #f7f7f5;
}

#local24Section * {
    box-sizing: border-box;
}


/* LEFT CONTENT */

.local24-content {
    width: 100%;
    max-width: 720px;
}


.local24-badge {
    display: inline-block;
    padding: 6px 13px;
    margin-bottom: 18px;

    border: 1px solid #b8d86b;
    border-radius: 50px;

    background: #f1f8df;
    color: #617c1d;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1;
}


.local24-title {
    margin: 0;

    color: #1d2421;

    font-size: clamp(34px, 4vw, 58px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.5px;
}


.local24-title span {
    color: #6f8726;
}


.local24-accent {
    width: 58px;
    height: 3px;

    margin: 20px 0 24px;

    border-radius: 20px;
    background: #9acd32;
}


.local24-text {
    max-width: 650px;
    margin: 0 0 16px;

    color: #58605d;

    font-size: 16px;
    line-height: 1.8;
}


.local24-text-sub {
    margin-top: 24px;
    margin-bottom: 20px;

    color: #3f4743;
    font-weight: 600;
}


/* LOCAL SEO GRID */

.local24-grid {
    display: grid;

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

    gap: 10px 16px;

    padding: 24px;

    border: 1px solid #d9ded8;
    border-radius: 14px;

    background: #ffffff;

    box-shadow: 0 10px 30px rgba(24, 34, 28, 0.04);
}


.local24-item {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 44px;

    padding: 10px 12px 10px 30px;

    border: 1px solid #e1e5e0;
    border-radius: 7px;

    background: #fafbfa;

    color: #444c48;

    font-size: 13px;
    line-height: 1.4;
}


.local24-item::before {
    content: "";

    position: absolute;
    left: 13px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #9acd32;
}


/* CONCLUSION */

.local24-conclusion {
    position: relative;

    margin-top: 22px;
    padding: 24px 26px 24px 30px;

    border-radius: 12px;

    background: #1d2421;

    overflow: hidden;
}


.local24-conclusion::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background: #9acd32;
}


.local24-conclusion p {
    margin: 0;

    color: #dce2dc;

    font-size: 14px;
    line-height: 1.75;
}


.local24-conclusion strong {
    color: #ffffff;
}


/* RIGHT IMAGE */

.local24-image-area {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 420px;
}


.local24-image {
    display: block;

    width: 100%;
    max-width: 500px;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   SECTION 23 — TECHNICAL SEO
   UNIQUE PREFIX: tech25
========================================================= */

#tech25Section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;

    background: #101211;
    color: #ffffff;
}

#tech25Section * {
    box-sizing: border-box;
}


/* LEFT CONTENT */

.tech25-content {
    width: 100%;
    max-width: 720px;
}


.tech25-badge {
    display: inline-block;
    padding: 6px 13px;
    margin-bottom: 18px;

    border: 1px solid rgba(154, 205, 50, 0.35);
    border-radius: 50px;

    background: rgba(154, 205, 50, 0.08);
    color: #9acd32;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1;
}


.tech25-title {
    margin: 0;

    color: #f4f6f2;

    font-size: clamp(34px, 4vw, 58px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.5px;
}


.tech25-title span {
    color: #9acd32;
}


.tech25-accent {
    width: 58px;
    height: 3px;

    margin: 20px 0 24px;

    border-radius: 20px;

    background: #9acd32;
}


.tech25-text {
    max-width: 650px;

    margin: 0 0 16px;

    color: #aeb5ae;

    font-size: 16px;
    line-height: 1.8;
}


.tech25-text-sub {
    margin-top: 24px;
    margin-bottom: 20px;

    color: #d5dad5;

    font-weight: 600;
}


/* TECHNICAL SEO GRID */

.tech25-grid {
    display: grid;

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

    gap: 10px 16px;

    padding: 24px;

    border: 1px solid #292d2b;
    border-radius: 14px;

    background: #171a18;
}


.tech25-item {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    min-height: 72px;

    padding: 13px;

    border: 1px solid #2c312e;
    border-radius: 7px;

    background: #1b1f1c;
}


.tech25-icon {
    flex: 0 0 auto;

    color: #9acd32;

    font-size: 10px;

    margin-top: 4px;
}


.tech25-item-content {
    display: flex;
    flex-direction: column;
}


.tech25-item-title {
    margin-bottom: 5px;

    color: #f0f3ee;

    font-size: 13px;
    font-weight: 600;
}


.tech25-item-desc {
    color: #949c95;

    font-size: 11px;
    line-height: 1.5;
}


/* CONCLUSION */

.tech25-conclusion {
    position: relative;

    margin-top: 22px;
    padding: 24px 26px 24px 30px;

    border: 1px solid #2a2f2b;
    border-radius: 12px;

    background: #1b1f1c;

    overflow: hidden;
}


.tech25-conclusion::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background: #9acd32;
}


.tech25-conclusion p {
    margin: 0;

    color: #d5dad5;

    font-size: 14px;
    line-height: 1.75;
}


.tech25-conclusion strong {
    color: #ffffff;
}


/* RIGHT IMAGE */

.tech25-image-area {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 420px;
}


.tech25-image {
    display: block;

    width: 100%;
    max-width: 500px;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    #local24Section,
    #tech25Section {
        padding: 80px 0;
    }

    .local24-content,
    .tech25-content {
        max-width: 100%;
    }

    .local24-image-area,
    .tech25-image-area {
        min-height: auto;
        margin-top: 20px;
    }

    .local24-image,
    .tech25-image {
        max-width: 550px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    #local24Section,
    #tech25Section {
        padding: 65px 0;
    }

    .local24-title,
    .tech25-title {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .local24-text,
    .tech25-text {
        font-size: 15px;
        line-height: 1.7;
    }

    .local24-grid,
    .tech25-grid {
        grid-template-columns: 1fr;

        gap: 8px;

        padding: 20px 16px;
    }

    .local24-item {
        min-height: 40px;

        font-size: 12px;
    }

    .tech25-item {
        min-height: auto;
    }

    .local24-conclusion,
    .tech25-conclusion {
        padding: 22px 20px 22px 25px;
    }

    .local24-conclusion p,
    .tech25-conclusion p {
        font-size: 13px;
    }

    .local24-image,
    .tech25-image {
        width: 100%;
        max-width: 450px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    #local24Section,
    #tech25Section {
        padding: 55px 0;
    }

    .local24-title,
    .tech25-title {
        font-size: 30px;
    }

    .local24-grid,
    .tech25-grid {
        padding: 18px 12px;
    }

}







/* =========================================================
   KEYWORD RESEARCH SECTION
   UNIQUE PREFIX: kwresearch26
========================================================= */

#kwresearch26Section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: #f7f7f5;
}

#kwresearch26Section * {
    box-sizing: border-box;
}


/* =========================================================
   LEFT SIDE — CONTENT
========================================================= */

.kwresearch26-content {
    width: 100%;
    max-width: 100%;
}


/* Badge */

.kwresearch26-badge {
    display: inline-block;

    padding: 6px 13px;
    margin-bottom: 18px;

    border: 1px solid #b8d86b;
    border-radius: 50px;

    background: #f1f8df;
    color: #617c1d;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1;

    text-transform: uppercase;
}


/* Title */

.kwresearch26-title {
    margin: 0;

    color: #1d2421;

    font-size: clamp(34px, 4vw, 58px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

.kwresearch26-title span {
    color: #6f8726;
}


/* Accent */

.kwresearch26-accent {
    width: 58px;
    height: 3px;

    margin: 20px 0 24px;

    border-radius: 20px;
    background: #9acd32;
}


/* Text */

.kwresearch26-text {
    margin: 0 0 14px;

    color: #58605d;

    font-size: 16px;
    line-height: 1.8;
}

.kwresearch26-text-highlight {
    margin-top: 24px;

    color: #303733;

    font-weight: 600;
}

.kwresearch26-text-sub {
    margin-top: 32px;

    color: #303733;

    font-weight: 600;
}


/* =========================================================
   RELATIONSHIP GRID
========================================================= */

.kwresearch26-grid {
    display: grid;

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

    gap: 12px;

    margin-top: 20px;
}


.kwresearch26-item {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 120px;

    padding: 20px;

    border: 1px solid #dce2dc;
    border-radius: 10px;

    background: #ffffff;
}


.kwresearch26-icon {
    display: block;

    margin-bottom: 10px;

    color: #9acd32;

    font-size: 12px;
}


.kwresearch26-item-title {
    display: block;

    margin-bottom: 7px;

    color: #29302c;

    font-size: 15px;
    font-weight: 700;
}


.kwresearch26-item-desc {
    color: #69716c;

    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   INTENT GRID
========================================================= */

.kwresearch26-intent-grid {
    display: grid;

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

    gap: 12px;

    margin-top: 18px;
}


.kwresearch26-intent {
    padding: 18px;

    border: 1px solid #dce2dc;
    border-radius: 10px;

    background: #ffffff;
}


.kwresearch26-intent-tag {
    display: inline-block;

    margin-bottom: 14px;

    color: #718a2a;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;

    text-transform: uppercase;
}


.kwresearch26-intent-query {
    margin-bottom: 9px;

    color: #29302c;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}


.kwresearch26-intent-desc {
    margin: 0;

    color: #69716c;

    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   CONCLUSION
========================================================= */

.kwresearch26-conclusion {
    position: relative;

    margin-top: 22px;
    padding: 24px 26px 24px 30px;

    border-radius: 12px;

    background: #1d2421;

    overflow: hidden;
}


.kwresearch26-conclusion::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background: #9acd32;
}


.kwresearch26-conclusion-text {
    margin: 0;

    color: #dce2dc;

    font-size: 14px;
    line-height: 1.75;
}


/* =========================================================
   RIGHT SIDE — IMAGE ONLY
========================================================= */

.kwresearch26-image-area {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 420px;
}


.kwresearch26-image {
    display: block;
border-radius:   10px;
    width: 100%;
    max-width: 500px;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    #kwresearch26Section {
        padding: 80px 0;
    }

    .kwresearch26-image-area {
        min-height: auto;
        margin-top: 20px;
    }

    .kwresearch26-image {
        max-width: 550px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    #kwresearch26Section {
        padding: 65px 0;
    }

    .kwresearch26-title {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .kwresearch26-text {
        font-size: 15px;
        line-height: 1.7;
    }

    .kwresearch26-grid,
    .kwresearch26-intent-grid {
        grid-template-columns: 1fr;
    }

    .kwresearch26-item {
        min-height: auto;
    }

    .kwresearch26-image-area {
        margin-top: 10px;
    }

    .kwresearch26-image {
        width: 100%;
        max-width: 450px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    #kwresearch26Section {
        padding: 55px 0;
    }

    .kwresearch26-title {
        font-size: 30px;
    }

    .kwresearch26-item,
    .kwresearch26-intent {
        padding: 16px;
    }

}








/* =========================================================
   BACKLINKS SUBMISSION SECTION
   UNIQUE PREFIX: backlink40
========================================================= */

#backlink40Section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;

    background: #101211;
    color: #ffffff;
}

#backlink40Section * {
    box-sizing: border-box;
}


/* =========================================================
   LEFT SIDE — CONTENT
========================================================= */

.backlink40-content {
    width: 100%;
    max-width: 720px;
}


/* BADGE */

.backlink40-badge {
    display: inline-block;

    padding: 6px 13px;
    margin-bottom: 18px;

    border: 1px solid rgba(154, 205, 50, 0.35);
    border-radius: 50px;

    background: rgba(154, 205, 50, 0.08);
    color: #9acd32;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1;

    text-transform: uppercase;
}


/* TITLE */

.backlink40-title {
    margin: 0;

    color: #f4f6f2;

    font-size: clamp(34px, 4vw, 58px);
    font-weight: 700;
    line-height: 1.15;

    letter-spacing: -1.5px;
}

.backlink40-title span {
    color: #9acd32;
}


/* ACCENT LINE */

.backlink40-accent {
    width: 58px;
    height: 3px;

    margin: 20px 0 24px;

    border-radius: 20px;

    background: #9acd32;
}


/* TEXT */

.backlink40-text {
    margin: 0 0 16px;

    color: #aeb5ae;

    font-size: 16px;
    line-height: 1.8;
}


.backlink40-text-sub {
    margin-top: 24px;
    margin-bottom: 20px;

    color: #d5dad5;

    font-weight: 600;
}


.backlink40-text-highlight {
    margin-top: 24px;

    color: #d5dad5;

    font-weight: 600;
}


/* =========================================================
   BACKLINK FACTORS GRID
========================================================= */

.backlink40-grid {
    display: grid;

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

    gap: 10px 16px;

    padding: 24px;

    border: 1px solid #292d2b;
    border-radius: 14px;

    background: #171a18;
}


.backlink40-item {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 44px;

    padding: 10px 12px 10px 30px;

    border: 1px solid #2c312e;
    border-radius: 7px;

    background: #1b1f1c;

    color: #c4cac4;

    font-size: 13px;
    line-height: 1.4;
}


.backlink40-item::before {
    content: "";

    position: absolute;
    left: 13px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #9acd32;

    box-shadow: 0 0 0 3px rgba(154, 205, 50, 0.08);
}


/* =========================================================
   IMPORTANT PRINCIPLE
========================================================= */

.backlink40-principle {
    position: relative;

    margin-top: 22px;

    padding: 24px 26px 24px 30px;

    border: 1px solid #2a2f2b;
    border-radius: 12px;

    background: #1b1f1c;

    overflow: hidden;
}


.backlink40-principle::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background: #9acd32;
}


.backlink40-principle-text {
    margin: 0;

    color: #d5dad5;

    font-size: 14px;
    line-height: 1.75;
}


.backlink40-principle-text strong {
    color: #ffffff;
}


/* =========================================================
   RIGHT SIDE — IMAGE ONLY
========================================================= */

.backlink40-image-area {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    min-height: 420px;
}


.backlink40-image {
    display: block;

    width: 100%;
    max-width: 500px;

    height: auto;

    object-fit: contain;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    #backlink40Section {
        padding: 80px 0;
    }

    .backlink40-content {
        max-width: 100%;
    }

    .backlink40-image-area {
        min-height: auto;

        margin-top: 20px;
    }

    .backlink40-image {
        max-width: 550px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    #backlink40Section {
        padding: 65px 0;
    }

    .backlink40-title {
        font-size: 36px;

        letter-spacing: -1px;
    }

    .backlink40-text {
        font-size: 15px;

        line-height: 1.7;
    }

    .backlink40-grid {
        grid-template-columns: 1fr;

        gap: 8px;

        padding: 20px 16px;
    }

    .backlink40-item {
        min-height: 40px;

        font-size: 12px;
    }

    .backlink40-principle {
        padding: 22px 20px 22px 25px;
    }

    .backlink40-principle-text {
        font-size: 13px;
    }

    .backlink40-image-area {
        min-height: auto;

        margin-top: 10px;
    }

    .backlink40-image {
        width: 100%;
        max-width: 450px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    #backlink40Section {
        padding: 55px 0;
    }

    .backlink40-title {
        font-size: 30px;
    }

    .backlink40-grid {
        padding: 18px 12px;
    }

    .backlink40-item {
        padding: 9px 10px 9px 27px;
    }

}




    /* ── SECTION 96: FRESHORA-STRATEGY (CYCLIC 2) ── */
    .freshora-strategy-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .freshora-strategy-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .freshora-strategy-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .freshora-strategy-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .freshora-strategy-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .freshora-strategy-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .freshora-strategy-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .freshora-strategy-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .freshora-strategy-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .freshora-strategy-section:hover p {
        padding: 0 0.5rem;
    }

    .freshora-strategy-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .freshora-strategy-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .freshora-strategy-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .freshora-strategy-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .freshora-strategy-section .strategy-box {
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 1.5rem 2rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .freshora-strategy-section .strategy-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .freshora-strategy-section .strategy-box .strategy-text {
        font-size: 1.05rem;
        color: #d0d0d0;
        line-height: 1.8;
    }

    .freshora-strategy-section .strategy-box .strategy-text strong {
        color: #84c615;
    }

    .freshora-strategy-section .pillar-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .freshora-strategy-section .pillar-item {
        padding: 0.9rem 0.4rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .freshora-strategy-section .pillar-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .freshora-strategy-section .pillar-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .freshora-strategy-section .pillar-item:hover::before {
        opacity: 1;
    }

    .freshora-strategy-section .pillar-item .pillar-icon {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 97: SEO-SUCCESS (CYCLIC 1) ── */
    .seo-success-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-success-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .seo-success-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .seo-success-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .seo-success-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .seo-success-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .seo-success-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .seo-success-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .seo-success-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .seo-success-section:hover p {
        padding: 0 0.5rem;
    }

    .seo-success-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .seo-success-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .seo-success-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .seo-success-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .seo-success-section .success-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-success-section .success-item {
        padding: 0.9rem 0.5rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-success-section .success-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .seo-success-section .success-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .seo-success-section .success-item:hover::before {
        left: 100%;
    }

    .seo-success-section .success-item .s-icon {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 0.2rem;
    }

    .seo-success-section .success-item .s-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .seo-success-section .success-item .s-desc {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
        line-height: 1.4;
    }

    .seo-success-section .success-item:hover .s-desc {
        color: #3a3a3a;
    }

    /* ── SECTION 98: SEO-KPIS (CYCLIC 2) ── */
    .seo-kpis-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-kpis-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .seo-kpis-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .seo-kpis-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .seo-kpis-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .seo-kpis-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .seo-kpis-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .seo-kpis-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .seo-kpis-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .seo-kpis-section:hover p {
        padding: 0 0.5rem;
    }

    .seo-kpis-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .seo-kpis-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .seo-kpis-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .seo-kpis-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .seo-kpis-section .kpis-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-kpis-section .kpi-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-kpis-section .kpi-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .seo-kpis-section .kpi-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .seo-kpis-section .kpi-item:hover::before {
        opacity: 1;
    }

    .seo-kpis-section .kpi-item .kpi-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 99: RANKINGS-STORY (CYCLIC 1) ── */
    .rankings-story-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .rankings-story-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .rankings-story-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .rankings-story-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .rankings-story-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .rankings-story-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .rankings-story-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .rankings-story-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .rankings-story-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .rankings-story-section:hover p {
        padding: 0 0.5rem;
    }

    .rankings-story-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .rankings-story-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .rankings-story-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .rankings-story-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .rankings-story-section .scenario-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .rankings-story-section .scenario-item {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .rankings-story-section .scenario-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #84c615;
        transition: width 0.4s ease;
        border-radius: 2px;
    }

    .rankings-story-section .scenario-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .rankings-story-section .scenario-item:hover::after {
        width: 60%;
    }

    .rankings-story-section .scenario-item .scenario-letter {
        display: block;
        font-weight: 700;
        font-size: 1.1rem;
        color: #84c615;
        margin-bottom: 0.3rem;
    }

    .rankings-story-section .scenario-item .scenario-desc {
        display: block;
        font-size: 0.85rem;
        color: #4a4a4a;
        line-height: 1.5;
    }

    .rankings-story-section .scenario-item:hover .scenario-desc {
        color: #3a3a3a;
    }

    /* ── SECTION 100: SEARCH-CONSOLE (CYCLIC 2) ── */
    .search-console-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .search-console-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .search-console-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .search-console-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .search-console-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .search-console-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .search-console-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .search-console-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .search-console-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .search-console-section:hover p {
        padding: 0 0.5rem;
    }

    .search-console-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .search-console-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .search-console-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .search-console-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .search-console-section .console-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .search-console-section .console-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .search-console-section .console-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .search-console-section .console-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .search-console-section .console-item:hover::before {
        opacity: 1;
    }

    .search-console-section .console-item .cs-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 101: ANALYTICS (CYCLIC 1) ── */
    .analytics-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .analytics-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .analytics-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .analytics-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .analytics-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .analytics-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .analytics-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .analytics-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .analytics-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .analytics-section:hover p {
        padding: 0 0.5rem;
    }

    .analytics-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .analytics-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .analytics-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .analytics-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .analytics-section .analytics-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .analytics-section .analytics-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .analytics-section .analytics-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .analytics-section .analytics-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .analytics-section .analytics-item:hover::before {
        left: 100%;
    }

    .analytics-section .analytics-item .an-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 102: LOCAL-PERFORMANCE (CYCLIC 2) ── */
    .local-performance-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-performance-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-performance-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .local-performance-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .local-performance-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .local-performance-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .local-performance-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .local-performance-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .local-performance-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .local-performance-section:hover p {
        padding: 0 0.5rem;
    }

    .local-performance-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .local-performance-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .local-performance-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .local-performance-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .local-performance-section .local-perf-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-performance-section .local-perf-item {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-performance-section .local-perf-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .local-performance-section .local-perf-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .local-performance-section .local-perf-item:hover::before {
        opacity: 1;
    }

    .local-performance-section .local-perf-item .lp-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 103: BACKLINK-MONITOR (CYCLIC 1) ── */
    .backlink-monitor-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .backlink-monitor-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .backlink-monitor-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .backlink-monitor-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .backlink-monitor-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .backlink-monitor-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .backlink-monitor-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .backlink-monitor-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .backlink-monitor-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .backlink-monitor-section:hover p {
        padding: 0 0.5rem;
    }

    .backlink-monitor-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .backlink-monitor-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .backlink-monitor-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .backlink-monitor-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .backlink-monitor-section .backlink-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .backlink-monitor-section .backlink-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
    }

    .backlink-monitor-section .backlink-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .backlink-monitor-section .backlink-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .backlink-monitor-section .backlink-item:hover::after {
        width: 60%;
    }

    .backlink-monitor-section .backlink-item .bl-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 104: CONTENT-PERFORMANCE (CYCLIC 2) ── */
    .content-performance-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .content-performance-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .content-performance-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .content-performance-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .content-performance-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .content-performance-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .content-performance-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .content-performance-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .content-performance-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .content-performance-section:hover p {
        padding: 0 0.5rem;
    }

    .content-performance-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .content-performance-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .content-performance-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .content-performance-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .content-performance-section .perf-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .content-performance-section .perf-item {
        padding: 0.8rem 0.4rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .content-performance-section .perf-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .content-performance-section .perf-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .content-performance-section .perf-item:hover::before {
        opacity: 1;
    }

    .content-performance-section .perf-item .pf-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    .content-performance-section .perf-item .pf-label {
        display: block;
        font-weight: 600;
        font-size: 0.85rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .content-performance-section .perf-item .pf-desc {
        display: block;
        font-size: 0.75rem;
        color: #808080;
        line-height: 1.4;
    }

    .content-performance-section .perf-item:hover .pf-desc {
        color: #b0b0b0;
    }

    /* ── SECTION 105: ALMOST-RANKING (CYCLIC 1) ── */
    .almost-ranking-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .almost-ranking-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .almost-ranking-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .almost-ranking-section:hover .section-title {
        letter-spacing: 0.02em;
    }

    .almost-ranking-section .section-title .accent-text {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .almost-ranking-section:hover .section-title .accent-text {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .almost-ranking-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        transition: all 0.4s ease;
    }

    .almost-ranking-section:hover .section-sub {
        letter-spacing: 0.03em;
    }

    .almost-ranking-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .almost-ranking-section:hover p {
        padding: 0 0.5rem;
    }

    .almost-ranking-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .almost-ranking-section:hover .accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .almost-ranking-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .almost-ranking-section:hover .accent-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    .almost-ranking-section .opportunity-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .almost-ranking-section .opportunity-item {
        padding: 0.8rem 0.5rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .almost-ranking-section .opportunity-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .almost-ranking-section .opportunity-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .almost-ranking-section .opportunity-item:hover::before {
        left: 100%;
    }

    .almost-ranking-section .opportunity-item .op-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .almost-ranking-section .opportunity-item .op-label {
        display: block;
        font-weight: 600;
        font-size: 0.85rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .almost-ranking-section .opportunity-item .op-desc {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
        line-height: 1.4;
    }

    .almost-ranking-section .opportunity-item:hover .op-desc {
        color: #3a3a3a;
    }

    .almost-ranking-section .footer-box {
        max-width: 700px;
        margin: 1.8rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.03);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .almost-ranking-section .footer-box:hover {
        background: rgba(132, 198, 21, 0.06);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .almost-ranking-section .footer-box .footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
    }

    .almost-ranking-section .footer-box .footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .freshora-strategy-section,
        .seo-success-section,
        .seo-kpis-section,
        .rankings-story-section,
        .search-console-section,
        .analytics-section,
        .local-performance-section,
        .backlink-monitor-section,
        .content-performance-section,
        .almost-ranking-section {
            padding: 3.5rem 0;
        }

        .freshora-strategy-section .section-title,
        .seo-success-section .section-title,
        .seo-kpis-section .section-title,
        .rankings-story-section .section-title,
        .search-console-section .section-title,
        .analytics-section .section-title,
        .local-performance-section .section-title,
        .backlink-monitor-section .section-title,
        .content-performance-section .section-title,
        .almost-ranking-section .section-title {
            font-size: 1.8rem;
        }

        .freshora-strategy-section .pillar-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .seo-success-section .success-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .seo-kpis-section .kpis-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .rankings-story-section .scenario-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .search-console-section .console-grid,
        .analytics-section .analytics-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .local-performance-section .local-perf-grid,
        .backlink-monitor-section .backlink-grid,
        .content-performance-section .perf-grid,
        .almost-ranking-section .opportunity-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 480px) {
        .freshora-strategy-section,
        .seo-success-section,
        .seo-kpis-section,
        .rankings-story-section,
        .search-console-section,
        .analytics-section,
        .local-performance-section,
        .backlink-monitor-section,
        .content-performance-section,
        .almost-ranking-section {
            padding: 2.5rem 0;
        }

        .freshora-strategy-section .section-title,
        .seo-success-section .section-title,
        .seo-kpis-section .section-title,
        .rankings-story-section .section-title,
        .search-console-section .section-title,
        .analytics-section .section-title,
        .local-performance-section .section-title,
        .backlink-monitor-section .section-title,
        .content-performance-section .section-title,
        .almost-ranking-section .section-title {
            font-size: 1.5rem;
        }

        .freshora-strategy-section .pillar-grid,
        .seo-success-section .success-grid,
        .seo-kpis-section .kpis-grid,
        .rankings-story-section .scenario-grid,
        .search-console-section .console-grid,
        .analytics-section .analytics-grid,
        .local-performance-section .local-perf-grid,
        .backlink-monitor-section .backlink-grid,
        .content-performance-section .perf-grid,
        .almost-ranking-section .opportunity-grid {
            grid-template-columns: 1fr;
        }

        .freshora-strategy-section .strategy-box {
            padding: 1rem 1.2rem;
        }

        .freshora-strategy-section .strategy-box .strategy-text {
            font-size: 0.9rem;
        }

        .almost-ranking-section .footer-box {
            padding: 0.8rem 1rem;
        }

        .almost-ranking-section .footer-box .footer-text {
            font-size: 0.85rem;
        }
    }






    /* ── SECTION 106: CONTENT-DECAY (CYCLIC 2) ── */
    .content-decay-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .content-decay-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .content-decay-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .content-decay-section .section-title .accent-text {
        color: #84c615;
    }

    .content-decay-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .content-decay-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .content-decay-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .content-decay-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .content-decay-section .decay-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .content-decay-section .decay-item {
        padding: 0.9rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .content-decay-section .decay-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .content-decay-section .decay-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .content-decay-section .decay-item:hover::before {
        opacity: 1;
    }

    .content-decay-section .decay-item .dc-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    .content-decay-section .action-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .content-decay-section .action-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .content-decay-section .action-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .content-decay-section .action-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .content-decay-section .action-item:hover::before {
        opacity: 1;
    }

    .content-decay-section .action-item .act-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 107: SEARCH-OPPORTUNITY (CYCLIC 1) ── */
    .search-opportunity-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .search-opportunity-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .search-opportunity-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .search-opportunity-section .section-title .accent-text {
        color: #84c615;
    }

    .search-opportunity-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .search-opportunity-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .search-opportunity-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .search-opportunity-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .search-opportunity-section .opportunity-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .search-opportunity-section .opportunity-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .search-opportunity-section .opportunity-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .search-opportunity-section .opportunity-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .search-opportunity-section .opportunity-item:hover::before {
        left: 100%;
    }

    .search-opportunity-section .opportunity-item .op-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .search-opportunity-section .insight-box {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .search-opportunity-section .insight-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .search-opportunity-section .insight-box .insight-text {
        font-size: 0.95rem;
        color: #2a2a2a;
        line-height: 1.6;
    }

    .search-opportunity-section .insight-box .insight-text strong {
        color: #84c615;
    }

    /* ── SECTION 108: SEO-ROI (CYCLIC 2) ── */
    .seo-roi-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-roi-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .seo-roi-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .seo-roi-section .section-title .accent-text {
        color: #84c615;
    }

    .seo-roi-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .seo-roi-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .seo-roi-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .seo-roi-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .seo-roi-section .roi-flow {
        max-width: 450px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-roi-section .roi-step {
        padding: 0.7rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 10px;
        text-align: center;
        font-size: 0.95rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 380px;
        position: relative;
        overflow: hidden;
    }

    .seo-roi-section .roi-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .seo-roi-section .roi-step:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.04);
    }

    .seo-roi-section .roi-step:hover::before {
        left: 100%;
    }

    .seo-roi-section .roi-step .roi-icon {
        float: left;
        margin-right: 6px;
        color: #84c615;
    }

    .seo-roi-section .roi-arrow {
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1;
        padding: 0.05rem 0;
        color: red;
        opacity: 0.8;
        transition: all 0.4s ease;
    }

    .seo-roi-section .roi-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    .seo-roi-section .roi-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .seo-roi-section .roi-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .seo-roi-section .roi-footer .roi-footer-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    .seo-roi-section .roi-footer .roi-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 109: REPORTING-WHY (CYCLIC 1) ── */
    .reporting-why-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .reporting-why-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .reporting-why-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .reporting-why-section .section-title .accent-text {
        color: #84c615;
    }

    .reporting-why-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .reporting-why-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .reporting-why-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .reporting-why-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .reporting-why-section .why-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .reporting-why-section .why-item {
        padding: 0.9rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .reporting-why-section .why-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #84c615;
        transition: width 0.4s ease;
        border-radius: 2px;
    }

    .reporting-why-section .why-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .reporting-why-section .why-item:hover::after {
        width: 60%;
    }

    .reporting-why-section .why-item .why-q {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .reporting-why-section .why-item .why-a {
        display: block;
        font-size: 0.85rem;
        color: #4a4a4a;
        line-height: 1.4;
    }

    .reporting-why-section .why-item:hover .why-a {
        color: #3a3a3a;
    }

    /* ── SECTION 110: REPORTING-FRAMEWORK (CYCLIC 2) ── */
    .reporting-framework-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .reporting-framework-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .reporting-framework-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .reporting-framework-section .section-title .accent-text {
        color: #84c615;
    }

    .reporting-framework-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .reporting-framework-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .reporting-framework-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .reporting-framework-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .reporting-framework-section .framework-flow {
        max-width: 500px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .reporting-framework-section .framework-step {
        padding: 0.8rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 10px;
        text-align: center;
        font-size: 0.95rem;
        font-weight: 600;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 400px;
        position: relative;
        overflow: hidden;
    }

    .reporting-framework-section .framework-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .reporting-framework-section .framework-step:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.04);
    }

    .reporting-framework-section .framework-step:hover::before {
        left: 100%;
    }

    .reporting-framework-section .framework-step .fw-num {
        float: left;
        color: #84c615;
        margin-right: 6px;
    }

    .reporting-framework-section .framework-arrow {
        text-align: center;
        font-size: 2rem;
        padding: 0.05rem 0;
        color: red;
        opacity: 0.8;
        transition: all 0.4s ease;
    }

    .reporting-framework-section .framework-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    .reporting-framework-section .framework-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .reporting-framework-section .framework-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .reporting-framework-section .framework-footer .fw-footer-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    .reporting-framework-section .framework-footer .fw-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 111: CONTINUOUS-OPTIMISATION (CYCLIC 1) ── */
    .continuous-optimisation-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .continuous-optimisation-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .continuous-optimisation-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .continuous-optimisation-section .section-title .accent-text {
        color: #84c615;
    }

    .continuous-optimisation-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .continuous-optimisation-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .continuous-optimisation-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .continuous-optimisation-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .continuous-optimisation-section .optimisation-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .continuous-optimisation-section .optimisation-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .continuous-optimisation-section .optimisation-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .continuous-optimisation-section .optimisation-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .continuous-optimisation-section .optimisation-item:hover::before {
        left: 100%;
    }

    .continuous-optimisation-section .optimisation-item .opt-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .continuous-optimisation-section .cycle-box {
        max-width: 600px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .continuous-optimisation-section .cycle-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .continuous-optimisation-section .cycle-box .cycle-text {
        font-size: 1rem;
        color: #2a2a2a;
        font-weight: 600;
    }

    .continuous-optimisation-section .cycle-box .cycle-text strong {
        color: #84c615;
    }

    /* ── SECTION 112: REDESIGN-SEO (CYCLIC 2) ── */
    .redesign-seo-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .redesign-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .redesign-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .redesign-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .redesign-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .redesign-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .redesign-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .redesign-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .redesign-seo-section .redesign-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .redesign-seo-section .redesign-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .redesign-seo-section .redesign-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .redesign-seo-section .redesign-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .redesign-seo-section .redesign-item:hover::before {
        opacity: 1;
    }

    .redesign-seo-section .redesign-item .rd-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 113: BUSINESS-GROWTH-SEO (CYCLIC 1) ── */
    .business-growth-seo-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .business-growth-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .business-growth-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .business-growth-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .business-growth-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .business-growth-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .business-growth-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .business-growth-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .business-growth-seo-section .growth-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .business-growth-seo-section .growth-item {
        padding: 0.9rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .business-growth-seo-section .growth-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #84c615;
        transition: width 0.4s ease;
        border-radius: 2px;
    }

    .business-growth-seo-section .growth-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .business-growth-seo-section .growth-item:hover::after {
        width: 60%;
    }

    .business-growth-seo-section .growth-item .g-from {
        display: block;
        font-size: 0.8rem;
        color: #6a6a6a;
        margin-bottom: 0.1rem;
    }

    .business-growth-seo-section .growth-item .g-arrow {
        display: block;
        font-size: 1.2rem;
        color: #84c615;
    }

    .business-growth-seo-section .growth-item .g-to {
        display: block;
        font-size: 0.95rem;
        font-weight: 700;
        color: #1a1a1a;
        margin-top: 0.1rem;
    }

    .business-growth-seo-section .growth-item:hover .g-to {
        color: #84c615;
    }

    /* ── SECTION 114: AI-SEARCH (CYCLIC 2) ── */
    .ai-search-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .ai-search-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .ai-search-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .ai-search-section .section-title .accent-text {
        color: #84c615;
    }

    .ai-search-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .ai-search-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .ai-search-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .ai-search-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .ai-search-section .ai-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .ai-search-section .ai-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .ai-search-section .ai-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .ai-search-section .ai-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .ai-search-section .ai-item:hover::before {
        opacity: 1;
    }

    .ai-search-section .ai-item .ai-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .ai-search-section .ai-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .ai-search-section .ai-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .ai-search-section .ai-footer .ai-footer-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    .ai-search-section .ai-footer .ai-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 115: AEO-GEO (CYCLIC 1) ── */
    .aeo-geo-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .aeo-geo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .aeo-geo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .aeo-geo-section .section-title .accent-text {
        color: #84c615;
    }

    .aeo-geo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .aeo-geo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .aeo-geo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .aeo-geo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .aeo-geo-section .aeo-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .aeo-geo-section .aeo-item {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .aeo-geo-section .aeo-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .aeo-geo-section .aeo-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .aeo-geo-section .aeo-item:hover::before {
        left: 100%;
    }

    .aeo-geo-section .aeo-item .aeo-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 116: SEARCHGROWTH (CYCLIC 2) ── */
    .searchgrowth-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .searchgrowth-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .searchgrowth-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .searchgrowth-section .section-title .accent-text {
        color: #84c615;
    }

    .searchgrowth-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .searchgrowth-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .searchgrowth-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .searchgrowth-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .searchgrowth-section .sg-flow {
        max-width: 500px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .searchgrowth-section .sg-step {
        padding: 0.8rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 10px;
        text-align: center;
        font-size: 0.95rem;
        font-weight: 600;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 400px;
        position: relative;
        overflow: hidden;
    }

    .searchgrowth-section .sg-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .searchgrowth-section .sg-step:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.04);
    }

    .searchgrowth-section .sg-step:hover::before {
        left: 100%;
    }

    .searchgrowth-section .sg-step .sg-num {
        color: #84c615;
        float: inline-start;
        margin-right: 6px;
    }

    .searchgrowth-section .sg-arrow {
        text-align: center;
        font-size: 2rem;
        padding: 0.05rem 0;
        color: red;
        opacity: 0.8;
        transition: all 0.4s ease;
    }

    .searchgrowth-section .sg-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── SECTION 117: BUSINESS-ASSET (CYCLIC 1) ── */
    .business-asset-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .business-asset-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .business-asset-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .business-asset-section .section-title .accent-text {
        color: #84c615;
    }

    .business-asset-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .business-asset-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .business-asset-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .business-asset-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .business-asset-section .asset-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .business-asset-section .asset-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .business-asset-section .asset-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .business-asset-section .asset-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .business-asset-section .asset-item:hover::before {
        left: 100%;
    }

    .business-asset-section .asset-item .as-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 118: FRESHORA-EVOLVING (CYCLIC 2) ── */
    .freshora-evolving-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .freshora-evolving-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .freshora-evolving-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .freshora-evolving-section .section-title .accent-text {
        color: #84c615;
    }

    .freshora-evolving-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .freshora-evolving-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .freshora-evolving-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .freshora-evolving-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .freshora-evolving-section .evolution-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .freshora-evolving-section .evolution-item {
        padding: 0.9rem 0.4rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .freshora-evolving-section .evolution-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .freshora-evolving-section .evolution-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .freshora-evolving-section .evolution-item:hover::before {
        opacity: 1;
    }

    .freshora-evolving-section .evolution-item .ev-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    .freshora-evolving-section .evolution-item .ev-label {
        display: block;
        font-size: 0.8rem;
        font-weight: 600;
    }

    /* ── SECTION 119: SEO-STRATEGIES (CYCLIC 1) ── */
    .seo-strategies-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-strategies-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .seo-strategies-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .seo-strategies-section .section-title .accent-text {
        color: #84c615;
    }

    .seo-strategies-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .seo-strategies-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .seo-strategies-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .seo-strategies-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .seo-strategies-section .strategies-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-strategies-section .strategies-item {
        padding: 0.8rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-strategies-section .strategies-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .seo-strategies-section .strategies-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .seo-strategies-section .strategies-item:hover::before {
        left: 100%;
    }

    .seo-strategies-section .strategies-item .st-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 120: LOCAL-BUSINESS-SEO (CYCLIC 2) ── */
    .local-business-seo-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .local-business-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .local-business-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .local-business-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .local-business-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .local-business-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .local-business-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .local-business-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .local-business-seo-section .local-biz-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-business-seo-section .local-biz-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-business-seo-section .local-biz-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .local-business-seo-section .local-biz-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .local-business-seo-section .local-biz-item:hover::before {
        opacity: 1;
    }

    .local-business-seo-section .local-biz-item .lb-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .local-business-seo-section .local-strategy-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .local-business-seo-section .local-strategy-item {
        padding: 0.6rem 0.3rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.75rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #909090;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .local-business-seo-section .local-strategy-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 8px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.04));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .local-business-seo-section .local-strategy-item:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
    }

    .local-business-seo-section .local-strategy-item:hover::before {
        opacity: 1;
    }

    /* ── SECTION 121: SMALL-BUSINESS-SEO (CYCLIC 1) ── */
    .small-business-seo-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .small-business-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .small-business-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .small-business-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .small-business-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .small-business-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .small-business-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .small-business-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .small-business-seo-section .small-biz-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .small-business-seo-section .small-biz-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .small-business-seo-section .small-biz-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .small-business-seo-section .small-biz-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .small-business-seo-section .small-biz-item:hover::before {
        left: 100%;
    }

    .small-business-seo-section .small-biz-item .sb-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 122: STARTUP-SEO (CYCLIC 2) ── */
    .startup-seo-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .startup-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .startup-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .startup-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .startup-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .startup-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .startup-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .startup-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .startup-seo-section .startup-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .startup-seo-section .startup-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .startup-seo-section .startup-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .startup-seo-section .startup-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .startup-seo-section .startup-item:hover::before {
        opacity: 1;
    }

    .startup-seo-section .startup-item .su-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 123: B2B-SEO (CYCLIC 1) ── */
    .b2b-seo-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .b2b-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .b2b-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .b2b-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .b2b-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .b2b-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .b2b-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .b2b-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .b2b-seo-section .b2b-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .b2b-seo-section .b2b-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .b2b-seo-section .b2b-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .b2b-seo-section .b2b-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .b2b-seo-section .b2b-item:hover::before {
        left: 100%;
    }

    .b2b-seo-section .b2b-item .b2b-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .b2b-seo-section .b2b-journey {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .b2b-seo-section .b2b-journey-item {
        padding: 0.8rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .b2b-seo-section .b2b-journey-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #84c615;
        transition: width 0.4s ease;
    }

    .b2b-seo-section .b2b-journey-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .b2b-seo-section .b2b-journey-item:hover::after {
        width: 60%;
    }

    .b2b-seo-section .b2b-journey-item .bj-stage {
        display: block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .b2b-seo-section .b2b-journey-item .bj-desc {
        display: block;
        font-size: 0.75rem;
        color: #4a4a4a;
    }

    .b2b-seo-section .b2b-journey-item:hover .bj-desc {
        color: #3a3a3a;
    }

    /* ── SECTION 124: MANUFACTURING-SEO (CYCLIC 2) ── */
    .manufacturing-seo-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .manufacturing-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .manufacturing-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .manufacturing-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .manufacturing-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .manufacturing-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .manufacturing-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .manufacturing-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .manufacturing-seo-section .mfg-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .manufacturing-seo-section .mfg-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .manufacturing-seo-section .mfg-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .manufacturing-seo-section .mfg-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .manufacturing-seo-section .mfg-item:hover::before {
        opacity: 1;
    }

    .manufacturing-seo-section .mfg-item .mfg-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .manufacturing-seo-section .mfg-structure {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .manufacturing-seo-section .mfg-structure-item {
        padding: 0.6rem 0.3rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #909090;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .manufacturing-seo-section .mfg-structure-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 8px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.04));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .manufacturing-seo-section .mfg-structure-item:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
    }

    .manufacturing-seo-section .mfg-structure-item:hover::before {
        opacity: 1;
    }

    /* ── SECTION 125: HEALTHCARE-SEO (CYCLIC 1) ── */
    .healthcare-seo-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .healthcare-seo-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .healthcare-seo-section .section-title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .healthcare-seo-section .section-title .accent-text {
        color: #84c615;
    }

    .healthcare-seo-section .section-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .healthcare-seo-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .healthcare-seo-section .accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .healthcare-seo-section .accent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .healthcare-seo-section .healthcare-journey {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0.5rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .healthcare-seo-section .healthcare-journey-item {
        padding: 0.6rem 0.2rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.75rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .healthcare-seo-section .healthcare-journey-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .healthcare-seo-section .healthcare-journey-item:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.06);
    }

    .healthcare-seo-section .healthcare-journey-item:hover::before {
        left: 100%;
    }

    .healthcare-seo-section .healthcare-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .healthcare-seo-section .healthcare-item {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .healthcare-seo-section .healthcare-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .healthcare-seo-section .healthcare-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .healthcare-seo-section .healthcare-item:hover::before {
        left: 100%;
    }

    .healthcare-seo-section .healthcare-item .hc-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .content-decay-section,
        .search-opportunity-section,
        .seo-roi-section,
        .reporting-why-section,
        .reporting-framework-section,
        .continuous-optimisation-section,
        .redesign-seo-section,
        .business-growth-seo-section,
        .ai-search-section,
        .aeo-geo-section,
        .searchgrowth-section,
        .business-asset-section,
        .freshora-evolving-section,
        .seo-strategies-section,
        .local-business-seo-section,
        .small-business-seo-section,
        .startup-seo-section,
        .b2b-seo-section,
        .manufacturing-seo-section,
        .healthcare-seo-section {
            padding: 3.5rem 0;
        }

        .content-decay-section .section-title,
        .search-opportunity-section .section-title,
        .seo-roi-section .section-title,
        .reporting-why-section .section-title,
        .reporting-framework-section .section-title,
        .continuous-optimisation-section .section-title,
        .redesign-seo-section .section-title,
        .business-growth-seo-section .section-title,
        .ai-search-section .section-title,
        .aeo-geo-section .section-title,
        .searchgrowth-section .section-title,
        .business-asset-section .section-title,
        .freshora-evolving-section .section-title,
        .seo-strategies-section .section-title,
        .local-business-seo-section .section-title,
        .small-business-seo-section .section-title,
        .startup-seo-section .section-title,
        .b2b-seo-section .section-title,
        .manufacturing-seo-section .section-title,
        .healthcare-seo-section .section-title {
            font-size: 1.8rem;
        }

        .content-decay-section .decay-grid,
        .content-decay-section .action-grid,
        .continuous-optimisation-section .optimisation-grid,
        .redesign-seo-section .redesign-grid,
        .ai-search-section .ai-grid,
        .aeo-geo-section .aeo-grid,
        .b2b-seo-section .b2b-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .search-opportunity-section .opportunity-grid,
        .business-asset-section .asset-grid,
        .freshora-evolving-section .evolution-grid,
        .seo-strategies-section .strategies-grid,
        .local-business-seo-section .local-biz-grid,
        .local-business-seo-section .local-strategy-grid,
        .small-business-seo-section .small-biz-grid,
        .startup-seo-section .startup-grid,
        .manufacturing-seo-section .mfg-grid,
        .healthcare-seo-section .healthcare-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .reporting-why-section .why-grid,
        .business-growth-seo-section .growth-grid {
            grid-template-columns: 1fr 1fr;
        }

        .b2b-seo-section .b2b-journey,
        .healthcare-seo-section .healthcare-journey {
            grid-template-columns: repeat(3, 1fr);
        }

        .manufacturing-seo-section .mfg-structure {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 480px) {
        .content-decay-section,
        .search-opportunity-section,
        .seo-roi-section,
        .reporting-why-section,
        .reporting-framework-section,
        .continuous-optimisation-section,
        .redesign-seo-section,
        .business-growth-seo-section,
        .ai-search-section,
        .aeo-geo-section,
        .searchgrowth-section,
        .business-asset-section,
        .freshora-evolving-section,
        .seo-strategies-section,
        .local-business-seo-section,
        .small-business-seo-section,
        .startup-seo-section,
        .b2b-seo-section,
        .manufacturing-seo-section,
        .healthcare-seo-section {
            padding: 2.5rem 0;
        }

        .content-decay-section .section-title,
        .search-opportunity-section .section-title,
        .seo-roi-section .section-title,
        .reporting-why-section .section-title,
        .reporting-framework-section .section-title,
        .continuous-optimisation-section .section-title,
        .redesign-seo-section .section-title,
        .business-growth-seo-section .section-title,
        .ai-search-section .section-title,
        .aeo-geo-section .section-title,
        .searchgrowth-section .section-title,
        .business-asset-section .section-title,
        .freshora-evolving-section .section-title,
        .seo-strategies-section .section-title,
        .local-business-seo-section .section-title,
        .small-business-seo-section .section-title,
        .startup-seo-section .section-title,
        .b2b-seo-section .section-title,
        .manufacturing-seo-section .section-title,
        .healthcare-seo-section .section-title {
            font-size: 1.5rem;
        }

        .content-decay-section .decay-grid,
        .content-decay-section .action-grid,
        .search-opportunity-section .opportunity-grid,
        .continuous-optimisation-section .optimisation-grid,
        .redesign-seo-section .redesign-grid,
        .ai-search-section .ai-grid,
        .aeo-geo-section .aeo-grid,
        .business-asset-section .asset-grid,
        .freshora-evolving-section .evolution-grid,
        .seo-strategies-section .strategies-grid,
        .local-business-seo-section .local-biz-grid,
        .local-business-seo-section .local-strategy-grid,
        .small-business-seo-section .small-biz-grid,
        .startup-seo-section .startup-grid,
        .b2b-seo-section .b2b-grid,
        .b2b-seo-section .b2b-journey,
        .manufacturing-seo-section .mfg-grid,
        .manufacturing-seo-section .mfg-structure,
        .healthcare-seo-section .healthcare-grid,
        .healthcare-seo-section .healthcare-journey {
            grid-template-columns: 1fr;
        }

        .reporting-why-section .why-grid,
        .business-growth-seo-section .growth-grid {
            grid-template-columns: 1fr;
        }

        .seo-roi-section .roi-step {
            font-size: 0.85rem;
        }

        .search-opportunity-section .insight-box .insight-text,
        .seo-roi-section .roi-footer .roi-footer-text,
        .reporting-framework-section .framework-footer .fw-footer-text,
        .ai-search-section .ai-footer .ai-footer-text {
            font-size: 0.85rem;
        }
    }





    /* ── REPORTING INSIGHT SECTION (CYCLIC 1) ── */
    .reporting-insight-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .reporting-insight-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .reporting-insight-section .insight-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .reporting-insight-section:hover .insight-heading {
        letter-spacing: 0.02em;
    }

    .reporting-insight-section .insight-heading .insight-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .reporting-insight-section:hover .insight-heading .insight-accent {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .reporting-insight-section .insight-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .reporting-insight-section:hover .insight-sub {
        letter-spacing: 0.02em;
    }

    .reporting-insight-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .reporting-insight-section:hover p {
        padding: 0 0.5rem;
    }

    .reporting-insight-section .insight-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .reporting-insight-section:hover .insight-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .reporting-insight-section .insight-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .reporting-insight-section:hover .insight-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Insight Grid ── */
    .reporting-insight-section .insight-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .reporting-insight-section .insight-card {
        padding: 1.2rem 0.8rem;
        border-radius: 14px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .reporting-insight-section .insight-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 14px;
    }

    .reporting-insight-section .insight-card:hover {
        transform: translateY(-6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.08);
    }

    .reporting-insight-section .insight-card:hover::before {
        left: 100%;
    }

    .reporting-insight-section .insight-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #84c615;
        transform: scaleX(0);
        transition: transform 0.4s ease;
        transform-origin: left;
        border-radius: 2px;
    }

    .reporting-insight-section .insight-card:hover::after {
        transform: scaleX(1);
    }

    .reporting-insight-section .insight-card .insight-number {
        display: inline-block;
        font-size: 0.7rem;
        font-weight: 700;
        color: #84c615;
        background: rgba(132, 198, 21, 0.08);
        padding: 0.15rem 0.6rem;
        border-radius: 20px;
        margin-bottom: 0.5rem;
        letter-spacing: 0.05em;
        transition: all 0.3s ease;
    }

    .reporting-insight-section .insight-card:hover .insight-number {
        background: rgba(132, 198, 21, 0.15);
        transform: scale(1.05);
    }

    .reporting-insight-section .insight-card .insight-question {
        display: block;
        font-weight: 700;
        font-size: 1rem;
        color: #1a1a1a;
        margin-bottom: 0.3rem;
        transition: color 0.3s ease;
    }

    .reporting-insight-section .insight-card:hover .insight-question {
        color: #84c615;
    }

    .reporting-insight-section .insight-card .insight-answer {
        display: block;
        font-size: 0.85rem;
        color: #5a5a5a;
        line-height: 1.5;
        transition: color 0.3s ease;
    }

    .reporting-insight-section .insight-card:hover .insight-answer {
        color: #3a3a3a;
    }

    .reporting-insight-section .insight-card .insight-icon {
        display: block;
        font-size: 1.8rem;
        margin-top: 0.5rem;
        transition: transform 0.4s ease;
    }

    .reporting-insight-section .insight-card:hover .insight-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .reporting-insight-section .insight-card-full {
        grid-column: span 3;
        padding: 1.2rem 1rem;
        border-color: rgba(132, 198, 21, 0.1);
        background: rgba(132, 198, 21, 0.03);
    }

    .reporting-insight-section .insight-card-full:hover {
        background: rgba(132, 198, 21, 0.07);
        border-color: #84c615;
    }

    .reporting-insight-section .insight-card-full .insight-question {
        font-size: 1.1rem;
    }

    /* ── Insight Footer ── */
    .reporting-insight-section .insight-footer {
        max-width: 700px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.03);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .reporting-insight-section .insight-footer:hover {
        background: rgba(132, 198, 21, 0.06);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .reporting-insight-section .insight-footer .footer-icon {
        font-size: 1.6rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .reporting-insight-section .insight-footer:hover .footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .reporting-insight-section .insight-footer .footer-message {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .reporting-insight-section .insight-footer .footer-message strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .reporting-insight-section {
            padding: 3.5rem 0;
        }

        .reporting-insight-section .insight-heading {
            font-size: 1.8rem;
        }

        .reporting-insight-section .insight-sub {
            font-size: 1rem;
        }

        .reporting-insight-section .insight-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.8rem;
        }

        .reporting-insight-section .insight-card {
            padding: 1rem 0.6rem;
        }

        .reporting-insight-section .insight-card .insight-question {
            font-size: 0.9rem;
        }

        .reporting-insight-section .insight-card .insight-answer {
            font-size: 0.8rem;
        }

        .reporting-insight-section .insight-card-full {
            grid-column: span 2;
        }

        .reporting-insight-section .insight-footer {
            padding: 1rem 1.2rem;
        }

        .reporting-insight-section .insight-footer .footer-message {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .reporting-insight-section {
            padding: 2.5rem 0;
        }

        .reporting-insight-section .insight-heading {
            font-size: 1.5rem;
        }

        .reporting-insight-section .insight-grid {
            grid-template-columns: 1fr;
            gap: 0.7rem;
        }

        .reporting-insight-section .insight-card {
            padding: 0.8rem 0.5rem;
        }

        .reporting-insight-section .insight-card .insight-question {
            font-size: 0.85rem;
        }

        .reporting-insight-section .insight-card .insight-answer {
            font-size: 0.75rem;
        }

        .reporting-insight-section .insight-card .insight-icon {
            font-size: 1.4rem;
        }

        .reporting-insight-section .insight-card-full {
            grid-column: span 1;
        }

        .reporting-insight-section .insight-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .reporting-insight-section .insight-footer .footer-message {
            font-size: 0.85rem;
        }

        .reporting-insight-section .insight-footer .footer-icon {
            font-size: 1.3rem;
        }
    }





    /* ── GROWTH EVOLUTION SECTION (CYCLIC 1) ── */
    .growth-evolution-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .growth-evolution-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .growth-evolution-section .evolution-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .growth-evolution-section:hover .evolution-heading {
        letter-spacing: 0.02em;
    }

    .growth-evolution-section .evolution-heading .evolution-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .growth-evolution-section:hover .evolution-heading .evolution-accent {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .growth-evolution-section .evolution-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .growth-evolution-section:hover .evolution-sub {
        letter-spacing: 0.02em;
    }

    .growth-evolution-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .growth-evolution-section:hover p {
        padding: 0 0.5rem;
    }

    .growth-evolution-section .evolution-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .growth-evolution-section:hover .evolution-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .growth-evolution-section .evolution-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .growth-evolution-section:hover .evolution-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Evolution Grid ── */
    .growth-evolution-section .evolution-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.2rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .growth-evolution-section .evolution-card {
        padding: 1.5rem 1rem;
        border-radius: 14px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.3rem;
    }

    .growth-evolution-section .evolution-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 14px;
    }

    .growth-evolution-section .evolution-card:hover {
        transform: translateY(-6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.08);
    }

    .growth-evolution-section .evolution-card:hover::before {
        left: 100%;
    }

    .growth-evolution-section .evolution-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #84c615;
        transform: scaleX(0);
        transition: transform 0.4s ease;
        transform-origin: left;
        border-radius: 2px;
    }

    .growth-evolution-section .evolution-card:hover::after {
        transform: scaleX(1);
    }

    .growth-evolution-section .evolution-card .evolution-icon {
        font-size: 2rem;
        display: block;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .growth-evolution-section .evolution-card:hover .evolution-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .growth-evolution-section .evolution-card .evolution-from {
        font-size: 0.85rem;
        color: #6a6a6a;
        font-weight: 500;
        transition: color 0.3s ease;
    }

    .growth-evolution-section .evolution-card:hover .evolution-from {
        color: #4a4a4a;
    }

    .growth-evolution-section .evolution-card .evolution-arrow {
        font-size: 1.3rem;
        color: #84c615;
        font-weight: 700;
        transition: transform 0.4s ease;
    }

    .growth-evolution-section .evolution-card:hover .evolution-arrow {
        transform: scale(1.2);
    }

    .growth-evolution-section .evolution-card .evolution-to {
        font-size: 1.05rem;
        font-weight: 700;
        color: #1a1a1a;
        transition: color 0.3s ease;
    }

    .growth-evolution-section .evolution-card:hover .evolution-to {
        color: #84c615;
    }

    .growth-evolution-section .evolution-card .evolution-badge {
        display: inline-block;
        font-size: 0.65rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: #84c615;
        background: rgba(132, 198, 21, 0.08);
        padding: 0.2rem 0.8rem;
        border-radius: 20px;
        margin-top: 0.3rem;
        transition: all 0.3s ease;
    }

    .growth-evolution-section .evolution-card:hover .evolution-badge {
        background: rgba(132, 198, 21, 0.15);
        transform: scale(1.05);
    }

    .growth-evolution-section .evolution-card-full {
        grid-column: span 3;
        padding: 1.5rem 1rem;
        border-color: rgba(132, 198, 21, 0.1);
        background: rgba(132, 198, 21, 0.03);
    }

    .growth-evolution-section .evolution-card-full:hover {
        background: rgba(132, 198, 21, 0.07);
        border-color: #84c615;
    }

    .growth-evolution-section .evolution-card-full .evolution-to {
        font-size: 1.15rem;
    }

    /* ── Evolution Footer ── */
    .growth-evolution-section .evolution-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.03);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .growth-evolution-section .evolution-footer:hover {
        background: rgba(132, 198, 21, 0.06);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.05);
    }

    .growth-evolution-section .evolution-footer .footer-icon {
        font-size: 1.6rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .growth-evolution-section .evolution-footer:hover .footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .growth-evolution-section .evolution-footer .footer-message {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .growth-evolution-section .evolution-footer .footer-message strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .growth-evolution-section {
            padding: 3.5rem 0;
        }

        .growth-evolution-section .evolution-heading {
            font-size: 1.8rem;
        }

        .growth-evolution-section .evolution-sub {
            font-size: 1rem;
        }

        .growth-evolution-section .evolution-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.8rem;
        }

        .growth-evolution-section .evolution-card {
            padding: 1.2rem 0.8rem;
        }

        .growth-evolution-section .evolution-card .evolution-icon {
            font-size: 1.6rem;
        }

        .growth-evolution-section .evolution-card .evolution-to {
            font-size: 0.95rem;
        }

        .growth-evolution-section .evolution-card .evolution-from {
            font-size: 0.8rem;
        }

        .growth-evolution-section .evolution-card-full {
            grid-column: span 2;
        }

        .growth-evolution-section .evolution-card-full .evolution-to {
            font-size: 1.05rem;
        }

        .growth-evolution-section .evolution-footer {
            padding: 1rem 1.2rem;
        }

        .growth-evolution-section .evolution-footer .footer-message {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .growth-evolution-section {
            padding: 2.5rem 0;
        }

        .growth-evolution-section .evolution-heading {
            font-size: 1.5rem;
        }

        .growth-evolution-section .evolution-grid {
            grid-template-columns: 1fr;
            gap: 0.7rem;
        }

        .growth-evolution-section .evolution-card {
            padding: 1rem 0.6rem;
        }

        .growth-evolution-section .evolution-card .evolution-icon {
            font-size: 1.4rem;
        }

        .growth-evolution-section .evolution-card .evolution-to {
            font-size: 0.9rem;
        }

        .growth-evolution-section .evolution-card .evolution-from {
            font-size: 0.75rem;
        }

        .growth-evolution-section .evolution-card .evolution-arrow {
            font-size: 1rem;
        }

        .growth-evolution-section .evolution-card-full {
            grid-column: span 1;
        }

        .growth-evolution-section .evolution-card-full .evolution-to {
            font-size: 0.95rem;
        }

        .growth-evolution-section .evolution-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .growth-evolution-section .evolution-footer .footer-message {
            font-size: 0.85rem;
        }

        .growth-evolution-section .evolution-footer .footer-icon {
            font-size: 1.3rem;
        }
    }





    /* ── FRESHORA EVOLVE SECTION (CYCLIC 2) ── */
    .freshora-evolve-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .freshora-evolve-section .section-inner {
        position: relative;
        z-index: 1;
    }

    .freshora-evolve-section .evolve-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .freshora-evolve-section:hover .evolve-heading {
        letter-spacing: 0.02em;
    }

    .freshora-evolve-section .evolve-heading .evolve-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .freshora-evolve-section:hover .evolve-heading .evolve-accent {
        text-shadow: 0 0 40px rgba(132, 198, 21, 0.15);
    }

    .freshora-evolve-section .evolve-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .freshora-evolve-section:hover .evolve-sub {
        letter-spacing: 0.02em;
    }

    .freshora-evolve-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .freshora-evolve-section:hover p {
        padding: 0 0.5rem;
    }

    .freshora-evolve-section .evolve-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .freshora-evolve-section:hover .evolve-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .freshora-evolve-section .evolve-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .freshora-evolve-section:hover .evolve-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Evolve Principles ── */
    .freshora-evolve-section .evolve-principles {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.8rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .freshora-evolve-section .evolve-principle {
        padding: 1.2rem 0.8rem;
        border-radius: 14px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .freshora-evolve-section .evolve-principle::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 14px;
    }

    .freshora-evolve-section .evolve-principle:hover {
        transform: translateY(-6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.05);
    }

    .freshora-evolve-section .evolve-principle:hover::before {
        left: 100%;
    }

    .freshora-evolve-section .evolve-principle::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #84c615;
        transform: scaleX(0);
        transition: transform 0.4s ease;
        transform-origin: left;
        border-radius: 2px;
    }

    .freshora-evolve-section .evolve-principle:hover::after {
        transform: scaleX(1);
    }

    .freshora-evolve-section .evolve-principle .principle-icon {
        display: block;
        font-size: 2rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .freshora-evolve-section .evolve-principle:hover .principle-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .freshora-evolve-section .evolve-principle .principle-label {
        display: block;
        font-size: 0.95rem;
        font-weight: 600;
        color: #d0d0d0;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .freshora-evolve-section .evolve-principle:hover .principle-label {
        color: #84c615;
    }

    .freshora-evolve-section .evolve-principle .principle-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .freshora-evolve-section .evolve-principle:hover .principle-desc {
        color: #b0b0b0;
    }

    .freshora-evolve-section .evolve-principle-full {
        grid-column: span 4;
        padding: 1.2rem 1rem;
        border-color: rgba(132, 198, 21, 0.12);
        background: rgba(132, 198, 21, 0.03);
    }

    .freshora-evolve-section .evolve-principle-full:hover {
        background: rgba(132, 198, 21, 0.07);
        border-color: #84c615;
    }

    .freshora-evolve-section .evolve-principle-full .principle-icon {
        font-size: 2.2rem;
    }

    /* ── Divider ── */
    .freshora-evolve-section .evolve-divider {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        max-width: 500px;
        margin: 2rem auto 1rem;
        padding: 0 1rem;
    }

    .freshora-evolve-section .evolve-divider .divider-line {
        flex: 1;
        height: 1px;
        background: rgba(132, 198, 21, 0.1);
        transition: all 0.4s ease;
    }

    .freshora-evolve-section:hover .evolve-divider .divider-line {
        background: rgba(132, 198, 21, 0.2);
    }

    .freshora-evolve-section .evolve-divider .divider-icon {
        font-size: 1.2rem;
        color: #84c615;
        opacity: 0.5;
        transition: all 0.4s ease;
    }

    .freshora-evolve-section:hover .evolve-divider .divider-icon {
        opacity: 1;
        transform: rotate(90deg);
    }

    /* ── Evolve Questions ── */
    .freshora-evolve-section .evolve-questions {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .freshora-evolve-section .evolve-question {
        padding: 0.9rem 1rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        overflow: hidden;
    }

    .freshora-evolve-section .evolve-question::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 12px;
    }

    .freshora-evolve-section .evolve-question:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.03);
    }

    .freshora-evolve-section .evolve-question:hover::before {
        left: 100%;
    }

    .freshora-evolve-section .evolve-question .question-marker {
        font-size: 1.1rem;
        flex-shrink: 0;
        color: #84c615;
        transition: transform 0.4s ease;
    }

    .freshora-evolve-section .evolve-question:hover .question-marker {
        transform: scale(1.2) rotate(-5deg);
    }

    .freshora-evolve-section .evolve-question .question-text {
        font-size: 0.95rem;
        color: #b0b0b0;
        line-height: 1.5;
        transition: color 0.3s ease;
    }

    .freshora-evolve-section .evolve-question:hover .question-text {
        color: #eaeaea;
    }

    .freshora-evolve-section .evolve-question-full {
        grid-column: span 2;
        border-color: rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
    }

    .freshora-evolve-section .evolve-question-full:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
    }

    .freshora-evolve-section .evolve-question-full .question-text {
        font-weight: 600;
        font-size: 1rem;
    }

    .freshora-evolve-section .evolve-question-full:hover .question-text {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .freshora-evolve-section {
            padding: 3.5rem 0;
        }

        .freshora-evolve-section .evolve-heading {
            font-size: 1.8rem;
        }

        .freshora-evolve-section .evolve-sub {
            font-size: 1rem;
        }

        .freshora-evolve-section .evolve-principles {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.7rem;
        }

        .freshora-evolve-section .evolve-principle {
            padding: 1rem 0.6rem;
        }

        .freshora-evolve-section .evolve-principle .principle-icon {
            font-size: 1.6rem;
        }

        .freshora-evolve-section .evolve-principle .principle-label {
            font-size: 0.85rem;
        }

        .freshora-evolve-section .evolve-principle .principle-desc {
            font-size: 0.75rem;
        }

        .freshora-evolve-section .evolve-principle-full {
            grid-column: span 2;
        }

        .freshora-evolve-section .evolve-questions {
            grid-template-columns: 1fr;
            gap: 0.6rem;
        }

        .freshora-evolve-section .evolve-question-full {
            grid-column: span 1;
        }

        .freshora-evolve-section .evolve-question .question-text {
            font-size: 0.85rem;
        }

        .freshora-evolve-section .evolve-divider {
            margin: 1.5rem auto 0.8rem;
        }
    }

    @media (max-width: 480px) {
        .freshora-evolve-section {
            padding: 2.5rem 0;
        }

        .freshora-evolve-section .evolve-heading {
            font-size: 1.5rem;
        }

        .freshora-evolve-section .evolve-principles {
            grid-template-columns: 1fr;
            gap: 0.6rem;
        }

        .freshora-evolve-section .evolve-principle {
            padding: 0.8rem 0.5rem;
        }

        .freshora-evolve-section .evolve-principle .principle-icon {
            font-size: 1.4rem;
        }

        .freshora-evolve-section .evolve-principle .principle-label {
            font-size: 0.85rem;
        }

        .freshora-evolve-section .evolve-principle .principle-desc {
            font-size: 0.75rem;
        }

        .freshora-evolve-section .evolve-principle-full {
            grid-column: span 1;
        }

        .freshora-evolve-section .evolve-questions {
            grid-template-columns: 1fr;
            gap: 0.5rem;
        }

        .freshora-evolve-section .evolve-question {
            padding: 0.7rem 0.8rem;
            gap: 8px;
        }

        .freshora-evolve-section .evolve-question .question-text {
            font-size: 0.8rem;
        }

        .freshora-evolve-section .evolve-question .question-marker {
            font-size: 0.9rem;
        }

        .freshora-evolve-section .evolve-question-full {
            grid-column: span 1;
        }

        .freshora-evolve-section .evolve-divider {
            margin: 1.2rem auto 0.6rem;
            gap: 0.6rem;
        }

        .freshora-evolve-section .evolve-divider .divider-icon {
            font-size: 1rem;
        }
    }







    /* ── SECTION 126: EDUCATION-SEO (CYCLIC 2) ── */
    .education-seo-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .education-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .education-seo-wrap .edu-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .education-seo-wrap .edu-heading .edu-accent {
        color: #84c615;
    }

    .education-seo-wrap .edu-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .education-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .education-seo-wrap .edu-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .education-seo-wrap .edu-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .education-seo-wrap .edu-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .education-seo-wrap .edu-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .education-seo-wrap .edu-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .education-seo-wrap .edu-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .education-seo-wrap .edu-card:hover::before {
        opacity: 1;
    }

    .education-seo-wrap .edu-card .edu-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .education-seo-wrap .edu-flow {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0.5rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .education-seo-wrap .edu-flow-item {
        padding: 0.6rem 0.3rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #909090;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .education-seo-wrap .edu-flow-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 8px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .education-seo-wrap .edu-flow-item:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
    }

    .education-seo-wrap .edu-flow-item:hover::before {
        opacity: 1;
    }

    .education-seo-wrap .edu-flow-item .flow-arrow {
        color: #84c615;
        font-weight: 700;
    }

    /* ── SECTION 127: REAL-ESTATE-SEO (CYCLIC 1) ── */
    .realestate-seo-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .realestate-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .realestate-seo-wrap .re-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .realestate-seo-wrap .re-heading .re-accent {
        color: #84c615;
    }

    .realestate-seo-wrap .re-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .realestate-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .realestate-seo-wrap .re-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .realestate-seo-wrap .re-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .realestate-seo-wrap .re-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .realestate-seo-wrap .re-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .realestate-seo-wrap .re-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .realestate-seo-wrap .re-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .realestate-seo-wrap .re-card:hover::before {
        left: 100%;
    }

    .realestate-seo-wrap .re-card .re-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .realestate-seo-wrap .re-strategy-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .realestate-seo-wrap .re-strategy-item {
        padding: 0.6rem 0.3rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.75rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #3a3a3a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .realestate-seo-wrap .re-strategy-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .realestate-seo-wrap .re-strategy-item:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
    }

    .realestate-seo-wrap .re-strategy-item:hover::before {
        left: 100%;
    }

    /* ── SECTION 128: HOSPITALITY-SEO (CYCLIC 2) ── */
    .hospitality-seo-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .hospitality-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .hospitality-seo-wrap .hotel-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .hospitality-seo-wrap .hotel-heading .hotel-accent {
        color: #84c615;
    }

    .hospitality-seo-wrap .hotel-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .hospitality-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .hospitality-seo-wrap .hotel-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .hospitality-seo-wrap .hotel-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .hospitality-seo-wrap .hotel-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .hospitality-seo-wrap .hotel-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .hospitality-seo-wrap .hotel-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .hospitality-seo-wrap .hotel-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .hospitality-seo-wrap .hotel-card:hover::before {
        opacity: 1;
    }

    .hospitality-seo-wrap .hotel-card .hotel-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .hospitality-seo-wrap .hotel-intent-box {
        max-width: 650px;
        margin: 1.5rem auto;
        padding: 0 1rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
    }

    .hospitality-seo-wrap .hotel-intent-item {
        padding: 0.8rem 0.6rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .hospitality-seo-wrap .hotel-intent-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .hospitality-seo-wrap .hotel-intent-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .hospitality-seo-wrap .hotel-intent-item:hover::before {
        opacity: 1;
    }

    .hospitality-seo-wrap .hotel-intent-item .intent-query {
        display: block;
        font-weight: 600;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .hospitality-seo-wrap .hotel-intent-item .intent-type {
        display: block;
        font-size: 0.75rem;
        color: #808080;
    }

    /* ── SECTION 129: ECOMMERCE-SEO (CYCLIC 1) ── */
    .ecommerce-seo-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .ecommerce-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .ecommerce-seo-wrap .ec-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .ecommerce-seo-wrap .ec-heading .ec-accent {
        color: #84c615;
    }

    .ecommerce-seo-wrap .ec-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .ecommerce-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .ecommerce-seo-wrap .ec-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .ecommerce-seo-wrap .ec-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .ecommerce-seo-wrap .ec-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .ecommerce-seo-wrap .ec-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .ecommerce-seo-wrap .ec-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .ecommerce-seo-wrap .ec-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .ecommerce-seo-wrap .ec-card:hover::before {
        left: 100%;
    }

    .ecommerce-seo-wrap .ec-card .ec-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 130: PROFESSIONAL-SERVICES-SEO (CYCLIC 2) ── */
    .professional-services-seo-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .professional-services-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .professional-services-seo-wrap .ps-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .professional-services-seo-wrap .ps-heading .ps-accent {
        color: #84c615;
    }

    .professional-services-seo-wrap .ps-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .professional-services-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .professional-services-seo-wrap .ps-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .professional-services-seo-wrap .ps-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .professional-services-seo-wrap .ps-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .professional-services-seo-wrap .ps-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .professional-services-seo-wrap .ps-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .professional-services-seo-wrap .ps-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .professional-services-seo-wrap .ps-card:hover::before {
        opacity: 1;
    }

    .professional-services-seo-wrap .ps-card .ps-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .professional-services-seo-wrap .ps-journey {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.5rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .professional-services-seo-wrap .ps-journey-item {
        padding: 0.7rem 0.3rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.85rem;
        font-weight: 600;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .professional-services-seo-wrap .ps-journey-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .professional-services-seo-wrap .ps-journey-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .professional-services-seo-wrap .ps-journey-item:hover::before {
        opacity: 1;
    }

    .professional-services-seo-wrap .ps-journey-item .journey-arrow {
        color: #84c615;
        margin: 0 4px;
    }

    /* ── SECTION 131: SOFTWARE-TECH-SEO (CYCLIC 1) ── */
    .software-tech-seo-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .software-tech-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .software-tech-seo-wrap .st-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .software-tech-seo-wrap .st-heading .st-accent {
        color: #84c615;
    }

    .software-tech-seo-wrap .st-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .software-tech-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .software-tech-seo-wrap .st-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .software-tech-seo-wrap .st-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .software-tech-seo-wrap .st-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .software-tech-seo-wrap .st-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .software-tech-seo-wrap .st-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .software-tech-seo-wrap .st-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .software-tech-seo-wrap .st-card:hover::before {
        left: 100%;
    }

    .software-tech-seo-wrap .st-card .st-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 132: FRANCHISE-SEO (CYCLIC 2) ── */
    .franchise-seo-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .franchise-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .franchise-seo-wrap .fr-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .franchise-seo-wrap .fr-heading .fr-accent {
        color: #84c615;
    }

    .franchise-seo-wrap .fr-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .franchise-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .franchise-seo-wrap .fr-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .franchise-seo-wrap .fr-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .franchise-seo-wrap .fr-flow {
        max-width: 500px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .franchise-seo-wrap .fr-step {
        padding: 0.7rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 10px;
        text-align: center;
        font-size: 0.9rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 400px;
        position: relative;
        overflow: hidden;
    }

    .franchise-seo-wrap .fr-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .franchise-seo-wrap .fr-step:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.04);
    }

    .franchise-seo-wrap .fr-step:hover::before {
        left: 100%;
    }

    .franchise-seo-wrap .fr-step .fr-icon {
        margin-right: 6px;
        color: #84c615;
    }

    .franchise-seo-wrap .fr-arrow {
        text-align: center;
        font-size: 0.8rem;
        padding: 0.05rem 0;
        color: #84c615;
        opacity: 0.3;
        transition: all 0.4s ease;
    }

    .franchise-seo-wrap .fr-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── SECTION 133: NATIONAL-SEO (CYCLIC 1) ── */
    .national-seo-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .national-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .national-seo-wrap .nat-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .national-seo-wrap .nat-heading .nat-accent {
        color: #84c615;
    }

    .national-seo-wrap .nat-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .national-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .national-seo-wrap .nat-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .national-seo-wrap .nat-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .national-seo-wrap .nat-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .national-seo-wrap .nat-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .national-seo-wrap .nat-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .national-seo-wrap .nat-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .national-seo-wrap .nat-card:hover::before {
        left: 100%;
    }

    .national-seo-wrap .nat-card .nat-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 134: INTERNATIONAL-SEO (CYCLIC 2) ── */
    .international-seo-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .international-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .international-seo-wrap .int-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .international-seo-wrap .int-heading .int-accent {
        color: #84c615;
    }

    .international-seo-wrap .int-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .international-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .international-seo-wrap .int-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .international-seo-wrap .int-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .international-seo-wrap .int-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .international-seo-wrap .int-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .international-seo-wrap .int-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .international-seo-wrap .int-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .international-seo-wrap .int-card:hover::before {
        opacity: 1;
    }

    .international-seo-wrap .int-card .int-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 135: NEW-WEBSITE-SEO-STRATEGY (CYCLIC 1) ── */
    .new-website-strategy-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .new-website-strategy-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .new-website-strategy-wrap .nw-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .new-website-strategy-wrap .nw-heading .nw-accent {
        color: #84c615;
    }

    .new-website-strategy-wrap .nw-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .new-website-strategy-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .new-website-strategy-wrap .nw-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .new-website-strategy-wrap .nw-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .new-website-strategy-wrap .nw-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .new-website-strategy-wrap .nw-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .new-website-strategy-wrap .nw-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .new-website-strategy-wrap .nw-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .new-website-strategy-wrap .nw-card:hover::before {
        left: 100%;
    }

    .new-website-strategy-wrap .nw-card .nw-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 136: ESTABLISHED-WEBSITE-SEO (CYCLIC 2) ── */
    .established-website-seo-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .established-website-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .established-website-seo-wrap .ew-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .established-website-seo-wrap .ew-heading .ew-accent {
        color: #84c615;
    }

    .established-website-seo-wrap .ew-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .established-website-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .established-website-seo-wrap .ew-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .established-website-seo-wrap .ew-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .established-website-seo-wrap .ew-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .established-website-seo-wrap .ew-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .established-website-seo-wrap .ew-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .established-website-seo-wrap .ew-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .established-website-seo-wrap .ew-card:hover::before {
        opacity: 1;
    }

    .established-website-seo-wrap .ew-card .ew-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 137: TRAFFIC-RECOVERY (CYCLIC 1) ── */
    .traffic-recovery-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .traffic-recovery-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .traffic-recovery-wrap .tr-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .traffic-recovery-wrap .tr-heading .tr-accent {
        color: #84c615;
    }

    .traffic-recovery-wrap .tr-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .traffic-recovery-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .traffic-recovery-wrap .tr-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .traffic-recovery-wrap .tr-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .traffic-recovery-wrap .tr-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .traffic-recovery-wrap .tr-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(231, 76, 60, 0.08);
        background: rgba(231, 76, 60, 0.02);
        color: #4a3a3a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .traffic-recovery-wrap .tr-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(231, 76, 60, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .traffic-recovery-wrap .tr-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        box-shadow: 0 6px 25px rgba(231, 76, 60, 0.04);
        color: #2a1a1a;
    }

    .traffic-recovery-wrap .tr-card:hover::before {
        left: 100%;
    }

    .traffic-recovery-wrap .tr-card .tr-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 138: OFFLINE-REPUTATION (CYCLIC 2) ── */
    .offline-reputation-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .offline-reputation-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .offline-reputation-wrap .or-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .offline-reputation-wrap .or-heading .or-accent {
        color: #84c615;
    }

    .offline-reputation-wrap .or-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .offline-reputation-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .offline-reputation-wrap .or-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .offline-reputation-wrap .or-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .offline-reputation-wrap .or-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .offline-reputation-wrap .or-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .offline-reputation-wrap .or-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .offline-reputation-wrap .or-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .offline-reputation-wrap .or-card:hover::before {
        opacity: 1;
    }

    .offline-reputation-wrap .or-card .or-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 139: EXISTING-CONTENT-SEO (CYCLIC 1) ── */
    .existing-content-seo-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .existing-content-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .existing-content-seo-wrap .ec2-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .existing-content-seo-wrap .ec2-heading .ec2-accent {
        color: #84c615;
    }

    .existing-content-seo-wrap .ec2-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .existing-content-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .existing-content-seo-wrap .ec2-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .existing-content-seo-wrap .ec2-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .existing-content-seo-wrap .ec2-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .existing-content-seo-wrap .ec2-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .existing-content-seo-wrap .ec2-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .existing-content-seo-wrap .ec2-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .existing-content-seo-wrap .ec2-card:hover::before {
        left: 100%;
    }

    .existing-content-seo-wrap .ec2-card .ec2-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .existing-content-seo-wrap .ec2-actions {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0.5rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .existing-content-seo-wrap .ec2-action {
        padding: 0.6rem 0.2rem;
        border-radius: 8px;
        text-align: center;
        font-size: 0.75rem;
        font-weight: 600;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #3a3a3a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .existing-content-seo-wrap .ec2-action:hover {
        transform: translateY(-3px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
        color: #1a1a1a;
    }

    .existing-content-seo-wrap .ec2-action .action-arrow {
        display: block;
        font-size: 1rem;
        color: #84c615;
    }

    /* ── SECTION 140: COMPETITIVE-MARKETS (CYCLIC 2) ── */
    .competitive-markets-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .competitive-markets-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .competitive-markets-wrap .cm-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .competitive-markets-wrap .cm-heading .cm-accent {
        color: #84c615;
    }

    .competitive-markets-wrap .cm-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .competitive-markets-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .competitive-markets-wrap .cm-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .competitive-markets-wrap .cm-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .competitive-markets-wrap .cm-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .competitive-markets-wrap .cm-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .competitive-markets-wrap .cm-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .competitive-markets-wrap .cm-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .competitive-markets-wrap .cm-card:hover::before {
        opacity: 1;
    }

    .competitive-markets-wrap .cm-card .cm-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .competitive-markets-wrap .cm-question-box {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .competitive-markets-wrap .cm-question-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .competitive-markets-wrap .cm-question-box .cm-question-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    .competitive-markets-wrap .cm-question-box .cm-question-text strong {
        color: #84c615;
    }

    /* ── SECTION 141: TRICHY-TARGET (CYCLIC 1) ── */
    .trichy-target-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .trichy-target-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .trichy-target-wrap .tt-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .trichy-target-wrap .tt-heading .tt-accent {
        color: #84c615;
    }

    .trichy-target-wrap .tt-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .trichy-target-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .trichy-target-wrap .tt-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .trichy-target-wrap .tt-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .trichy-target-wrap .tt-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .trichy-target-wrap .tt-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .trichy-target-wrap .tt-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .trichy-target-wrap .tt-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .trichy-target-wrap .tt-card:hover::before {
        left: 100%;
    }

    .trichy-target-wrap .tt-card .tt-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 142: INDUSTRY-SEO-FRAMEWORK (CYCLIC 2) ── */
    .industry-seo-framework-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .industry-seo-framework-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .industry-seo-framework-wrap .isf-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .industry-seo-framework-wrap .isf-heading .isf-accent {
        color: #84c615;
    }

    .industry-seo-framework-wrap .isf-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .industry-seo-framework-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .industry-seo-framework-wrap .isf-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .industry-seo-framework-wrap .isf-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .industry-seo-framework-wrap .isf-flow {
        max-width: 500px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .industry-seo-framework-wrap .isf-step {
        padding: 0.8rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 10px;
        text-align: center;
        font-size: 0.95rem;
        font-weight: 600;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 400px;
        position: relative;
        overflow: hidden;
    }

    .industry-seo-framework-wrap .isf-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .industry-seo-framework-wrap .isf-step:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.04);
    }

    .industry-seo-framework-wrap .isf-step:hover::before {
        left: 100%;
    }

    .industry-seo-framework-wrap .isf-step .isf-num {
      float: left;
        color: #84c615;
        margin-right: 6px;
    }

    .industry-seo-framework-wrap .isf-arrow {
        text-align: center;
        font-size: 2rem;
        padding: 0.05rem 0;
        color: red;
        opacity: 0.8;
        transition: all 0.4s ease;
    }

    .industry-seo-framework-wrap .isf-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── SECTION 143: SEO-ADAPT-BUSINESS (CYCLIC 1) ── */
    .seo-adapt-business-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-adapt-business-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .seo-adapt-business-wrap .sab-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .seo-adapt-business-wrap .sab-heading .sab-accent {
        color: #84c615;
    }

    .seo-adapt-business-wrap .sab-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .seo-adapt-business-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .seo-adapt-business-wrap .sab-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .seo-adapt-business-wrap .sab-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .seo-adapt-business-wrap .sab-flow {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.6rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-adapt-business-wrap .sab-step {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        font-weight: 600;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-adapt-business-wrap .sab-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .seo-adapt-business-wrap .sab-step:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .seo-adapt-business-wrap .sab-step:hover::before {
        left: 100%;
    }

    .seo-adapt-business-wrap .sab-step .sab-arrow {
        display: block;
        font-size: 1.2rem;
        color: #84c615;
        margin-top: 0.1rem;
    }

    .seo-adapt-business-wrap .sab-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .seo-adapt-business-wrap .sab-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .seo-adapt-business-wrap .sab-footer .sab-footer-text {
        font-size: 0.95rem;
        color: #2a2a2a;
        line-height: 1.6;
    }

    .seo-adapt-business-wrap .sab-footer .sab-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 144: AI-SEO-AEO-GEO (CYCLIC 2) ── */
    .ai-seo-aeo-geo-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .ai-seo-aeo-geo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .ai-seo-aeo-geo-wrap .ai-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .ai-seo-aeo-geo-wrap .ai-heading .ai-accent {
        color: #84c615;
    }

    .ai-seo-aeo-geo-wrap .ai-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .ai-seo-aeo-geo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .ai-seo-aeo-geo-wrap .ai-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .ai-seo-aeo-geo-wrap .ai-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .ai-seo-aeo-geo-wrap .ai-approach-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .ai-seo-aeo-geo-wrap .ai-approach-item {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .ai-seo-aeo-geo-wrap .ai-approach-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .ai-seo-aeo-geo-wrap .ai-approach-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .ai-seo-aeo-geo-wrap .ai-approach-item:hover::before {
        opacity: 1;
    }

    .ai-seo-aeo-geo-wrap .ai-approach-item .ai-label {
        display: block;
        font-weight: 700;
        font-size: 1rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .ai-seo-aeo-geo-wrap .ai-approach-item .ai-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
    }

    .ai-seo-aeo-geo-wrap .ai-approach-item:hover .ai-desc {
        color: #b0b0b0;
    }

    .ai-seo-aeo-geo-wrap .ai-together-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .ai-seo-aeo-geo-wrap .ai-together-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .ai-seo-aeo-geo-wrap .ai-together-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .ai-seo-aeo-geo-wrap .ai-together-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .ai-seo-aeo-geo-wrap .ai-together-item:hover::before {
        opacity: 1;
    }

    .ai-seo-aeo-geo-wrap .ai-together-item .ai-t-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .ai-seo-aeo-geo-wrap .ai-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .ai-seo-aeo-geo-wrap .ai-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .ai-seo-aeo-geo-wrap .ai-footer .ai-footer-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    .ai-seo-aeo-geo-wrap .ai-footer .ai-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 145: AEO-EXPLANATION (CYCLIC 1) ── */
    .aeo-explanation-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .aeo-explanation-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .aeo-explanation-wrap .aeo-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .aeo-explanation-wrap .aeo-heading .aeo-accent {
        color: #84c615;
    }

    .aeo-explanation-wrap .aeo-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .aeo-explanation-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .aeo-explanation-wrap .aeo-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .aeo-explanation-wrap .aeo-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .aeo-explanation-wrap .aeo-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .aeo-explanation-wrap .aeo-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .aeo-explanation-wrap .aeo-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .aeo-explanation-wrap .aeo-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .aeo-explanation-wrap .aeo-card:hover::before {
        left: 100%;
    }

    .aeo-explanation-wrap .aeo-card .aeo-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .aeo-explanation-wrap .aeo-example-box {
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
    }

    .aeo-explanation-wrap .aeo-example-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-2px);
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .aeo-explanation-wrap .aeo-example-box .aeo-question {
        font-weight: 700;
        font-size: 1.05rem;
        color: #84c615;
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .aeo-explanation-wrap .aeo-example-box .aeo-answer {
        text-align: justify;
        color: #3a3a3a;
        font-size: 0.95rem;
        line-height: 1.7;
    }

    /* ── SECTION 146: GEO-EXPLANATION (CYCLIC 2) ── */
    .geo-explanation-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .geo-explanation-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .geo-explanation-wrap .geo-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .geo-explanation-wrap .geo-heading .geo-accent {
        color: #84c615;
    }

    .geo-explanation-wrap .geo-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .geo-explanation-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .geo-explanation-wrap .geo-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .geo-explanation-wrap .geo-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .geo-explanation-wrap .geo-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .geo-explanation-wrap .geo-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .geo-explanation-wrap .geo-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .geo-explanation-wrap .geo-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .geo-explanation-wrap .geo-card:hover::before {
        opacity: 1;
    }

    .geo-explanation-wrap .geo-card .geo-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .geo-explanation-wrap .geo-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .geo-explanation-wrap .geo-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .geo-explanation-wrap .geo-footer .geo-footer-text {
        font-size: 0.95rem;
        color: #d0d0d0;
        line-height: 1.6;
    }

    .geo-explanation-wrap .geo-footer .geo-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 147: SEO-AEO-GEO-TOGETHER (CYCLIC 1) ── */
    .seo-aeo-geo-together-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-aeo-geo-together-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .seo-aeo-geo-together-wrap .sag-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .seo-aeo-geo-together-wrap .sag-heading .sag-accent {
        color: #84c615;
    }

    .seo-aeo-geo-together-wrap .sag-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .seo-aeo-geo-together-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .seo-aeo-geo-together-wrap .sag-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .seo-aeo-geo-together-wrap .sag-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .seo-aeo-geo-together-wrap .sag-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-aeo-geo-together-wrap .sag-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-aeo-geo-together-wrap .sag-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .seo-aeo-geo-together-wrap .sag-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .seo-aeo-geo-together-wrap .sag-card:hover::before {
        left: 100%;
    }

    .seo-aeo-geo-together-wrap .sag-card .sag-label {
        display: block;
        font-weight: 700;
        font-size: 1rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .seo-aeo-geo-together-wrap .sag-card .sag-desc {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
        line-height: 1.4;
    }

    .seo-aeo-geo-together-wrap .sag-card:hover .sag-desc {
        color: #3a3a3a;
    }

    .seo-aeo-geo-together-wrap .sag-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .seo-aeo-geo-together-wrap .sag-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .seo-aeo-geo-together-wrap .sag-footer .sag-footer-text {
        font-size: 0.95rem;
        color: #2a2a2a;
        line-height: 1.6;
    }

    .seo-aeo-geo-together-wrap .sag-footer .sag-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 148: GOOGLE-AI-OVERVIEWS (CYCLIC 2) ── */
    .google-ai-overviews-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .google-ai-overviews-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .google-ai-overviews-wrap .gao-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .google-ai-overviews-wrap .gao-heading .gao-accent {
        color: #84c615;
    }

    .google-ai-overviews-wrap .gao-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .google-ai-overviews-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .google-ai-overviews-wrap .gao-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .google-ai-overviews-wrap .gao-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .google-ai-overviews-wrap .gao-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .google-ai-overviews-wrap .gao-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .google-ai-overviews-wrap .gao-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .google-ai-overviews-wrap .gao-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .google-ai-overviews-wrap .gao-card:hover::before {
        opacity: 1;
    }

    .google-ai-overviews-wrap .gao-card .gao-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .google-ai-overviews-wrap .gao-question-box {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .google-ai-overviews-wrap .gao-question-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.03);
    }

    .google-ai-overviews-wrap .gao-question-box .gao-q1 {
        font-size: 0.95rem;
        color: #808080;
        line-height: 1.6;
    }

    .google-ai-overviews-wrap .gao-question-box .gao-q2 {
        font-size: 1rem;
        color: #84c615;
        line-height: 1.6;
        font-weight: 600;
    }

    /* ── SECTION 149: CONVERSATIONAL-QUERIES (CYCLIC 1) ── */
    .conversational-queries-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .conversational-queries-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .conversational-queries-wrap .cq-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .conversational-queries-wrap .cq-heading .cq-accent {
        color: #84c615;
    }

    .conversational-queries-wrap .cq-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .conversational-queries-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .conversational-queries-wrap .cq-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .conversational-queries-wrap .cq-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .conversational-queries-wrap .cq-examples {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .conversational-queries-wrap .cq-example {
        padding: 0.9rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .conversational-queries-wrap .cq-example::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .conversational-queries-wrap .cq-example:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .conversational-queries-wrap .cq-example:hover::before {
        left: 100%;
    }

    .conversational-queries-wrap .cq-example .cq-query {
        display: block;
        font-size: 0.9rem;
        color: #1a1a1a;
        font-weight: 600;
        transition: color 0.3s ease;
    }

    .conversational-queries-wrap .cq-example:hover .cq-query {
        color: #84c615;
    }

    .conversational-queries-wrap .cq-example .cq-type {
        display: block;
        font-size: 0.7rem;
        color: #84c615;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-top: 0.2rem;
        font-weight: 600;
    }

    .conversational-queries-wrap .cq-example.typed {
        border-color: rgba(132, 198, 21, 0.04);
        background: rgba(132, 198, 21, 0.01);
    }

    .conversational-queries-wrap .cq-example.typed .cq-query {
        color: #6a6a6a;
        font-weight: 400;
        font-style: italic;
    }

    .conversational-queries-wrap .cq-example.typed .cq-type {
        color: #909090;
    }

    .conversational-queries-wrap .cq-example.typed:hover .cq-query {
        color: #84c615;
        font-style: normal;
    }

    /* ── SECTION 150: QUESTION-CLUSTERS (CYCLIC 2) ── */
    .question-clusters-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .question-clusters-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .question-clusters-wrap .qc-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .question-clusters-wrap .qc-heading .qc-accent {
        color: #84c615;
    }

    .question-clusters-wrap .qc-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .question-clusters-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .question-clusters-wrap .qc-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .question-clusters-wrap .qc-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .question-clusters-wrap .qc-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .question-clusters-wrap .qc-card {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .question-clusters-wrap .qc-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .question-clusters-wrap .qc-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .question-clusters-wrap .qc-card:hover::before {
        opacity: 1;
    }

    .question-clusters-wrap .qc-card .qc-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 151: ENTITY-SEO (CYCLIC 1) ── */
    .entity-seo-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .entity-seo-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .entity-seo-wrap .ent-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .entity-seo-wrap .ent-heading .ent-accent {
        color: #84c615;
    }

    .entity-seo-wrap .ent-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .entity-seo-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .entity-seo-wrap .ent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .entity-seo-wrap .ent-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .entity-seo-wrap .ent-flow {
        max-width: 500px;
        margin: 1.5rem auto;
        padding: 0 1rem;
        text-align: center;
    }

    .entity-seo-wrap .ent-item {
        padding: 0.6rem 1rem;
        margin: 0.15rem auto;
        border-radius: 8px;
        text-align: center;
        font-size: 0.9rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 400px;
        position: relative;
        overflow: hidden;
    }

    .entity-seo-wrap .ent-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .entity-seo-wrap .ent-item:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
    }

    .entity-seo-wrap .ent-item:hover::before {
        left: 100%;
    }

    .entity-seo-wrap .ent-item .ent-arrow {
        color: #84c615;
        font-weight: 700;
        margin: 0 4px;
    }

    .entity-seo-wrap .ent-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .entity-seo-wrap .ent-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .entity-seo-wrap .ent-footer .ent-footer-text {
        font-size: 0.95rem;
        color: #2a2a2a;
        line-height: 1.6;
    }

    .entity-seo-wrap .ent-footer .ent-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .education-seo-wrap,
        .realestate-seo-wrap,
        .hospitality-seo-wrap,
        .ecommerce-seo-wrap,
        .professional-services-seo-wrap,
        .software-tech-seo-wrap,
        .franchise-seo-wrap,
        .national-seo-wrap,
        .international-seo-wrap,
        .new-website-strategy-wrap,
        .established-website-seo-wrap,
        .traffic-recovery-wrap,
        .offline-reputation-wrap,
        .existing-content-seo-wrap,
        .competitive-markets-wrap,
        .trichy-target-wrap,
        .industry-seo-framework-wrap,
        .seo-adapt-business-wrap,
        .ai-seo-aeo-geo-wrap,
        .aeo-explanation-wrap,
        .geo-explanation-wrap,
        .seo-aeo-geo-together-wrap,
        .google-ai-overviews-wrap,
        .conversational-queries-wrap,
        .question-clusters-wrap,
        .entity-seo-wrap {
            padding: 3.5rem 0;
        }

        .education-seo-wrap .edu-heading,
        .realestate-seo-wrap .re-heading,
        .hospitality-seo-wrap .hotel-heading,
        .ecommerce-seo-wrap .ec-heading,
        .professional-services-seo-wrap .ps-heading,
        .software-tech-seo-wrap .st-heading,
        .franchise-seo-wrap .fr-heading,
        .national-seo-wrap .nat-heading,
        .international-seo-wrap .int-heading,
        .new-website-strategy-wrap .nw-heading,
        .established-website-seo-wrap .ew-heading,
        .traffic-recovery-wrap .tr-heading,
        .offline-reputation-wrap .or-heading,
        .existing-content-seo-wrap .ec2-heading,
        .competitive-markets-wrap .cm-heading,
        .trichy-target-wrap .tt-heading,
        .industry-seo-framework-wrap .isf-heading,
        .seo-adapt-business-wrap .sab-heading,
        .ai-seo-aeo-geo-wrap .ai-heading,
        .aeo-explanation-wrap .aeo-heading,
        .geo-explanation-wrap .geo-heading,
        .seo-aeo-geo-together-wrap .sag-heading,
        .google-ai-overviews-wrap .gao-heading,
        .conversational-queries-wrap .cq-heading,
        .question-clusters-wrap .qc-heading,
        .entity-seo-wrap .ent-heading {
            font-size: 1.8rem;
        }

        .education-seo-wrap .edu-grid,
        .education-seo-wrap .edu-flow,
        .realestate-seo-wrap .re-grid,
        .realestate-seo-wrap .re-strategy-grid,
        .hospitality-seo-wrap .hotel-grid,
        .ecommerce-seo-wrap .ec-grid,
        .professional-services-seo-wrap .ps-grid,
        .software-tech-seo-wrap .st-grid,
        .national-seo-wrap .nat-grid,
        .international-seo-wrap .int-grid,
        .new-website-strategy-wrap .nw-grid,
        .established-website-seo-wrap .ew-grid,
        .traffic-recovery-wrap .tr-grid,
        .offline-reputation-wrap .or-grid,
        .existing-content-seo-wrap .ec2-grid,
        .competitive-markets-wrap .cm-grid,
        .trichy-target-wrap .tt-grid,
        .aeo-explanation-wrap .aeo-grid,
        .geo-explanation-wrap .geo-grid,
        .google-ai-overviews-wrap .gao-grid,
        .question-clusters-wrap .qc-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .professional-services-seo-wrap .ps-journey {
            grid-template-columns: repeat(2, 1fr);
        }

        .seo-adapt-business-wrap .sab-flow {
            grid-template-columns: repeat(2, 1fr);
        }

        .ai-seo-aeo-geo-wrap .ai-approach-grid,
        .ai-seo-aeo-geo-wrap .ai-together-grid,
        .seo-aeo-geo-together-wrap .sag-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .conversational-queries-wrap .cq-examples {
            grid-template-columns: 1fr 1fr;
        }

        .existing-content-seo-wrap .ec2-actions {
            grid-template-columns: repeat(3, 1fr);
        }

        .hospitality-seo-wrap .hotel-intent-box {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 480px) {
        .education-seo-wrap,
        .realestate-seo-wrap,
        .hospitality-seo-wrap,
        .ecommerce-seo-wrap,
        .professional-services-seo-wrap,
        .software-tech-seo-wrap,
        .franchise-seo-wrap,
        .national-seo-wrap,
        .international-seo-wrap,
        .new-website-strategy-wrap,
        .established-website-seo-wrap,
        .traffic-recovery-wrap,
        .offline-reputation-wrap,
        .existing-content-seo-wrap,
        .competitive-markets-wrap,
        .trichy-target-wrap,
        .industry-seo-framework-wrap,
        .seo-adapt-business-wrap,
        .ai-seo-aeo-geo-wrap,
        .aeo-explanation-wrap,
        .geo-explanation-wrap,
        .seo-aeo-geo-together-wrap,
        .google-ai-overviews-wrap,
        .conversational-queries-wrap,
        .question-clusters-wrap,
        .entity-seo-wrap {
            padding: 2.5rem 0;
        }

        .education-seo-wrap .edu-heading,
        .realestate-seo-wrap .re-heading,
        .hospitality-seo-wrap .hotel-heading,
        .ecommerce-seo-wrap .ec-heading,
        .professional-services-seo-wrap .ps-heading,
        .software-tech-seo-wrap .st-heading,
        .franchise-seo-wrap .fr-heading,
        .national-seo-wrap .nat-heading,
        .international-seo-wrap .int-heading,
        .new-website-strategy-wrap .nw-heading,
        .established-website-seo-wrap .ew-heading,
        .traffic-recovery-wrap .tr-heading,
        .offline-reputation-wrap .or-heading,
        .existing-content-seo-wrap .ec2-heading,
        .competitive-markets-wrap .cm-heading,
        .trichy-target-wrap .tt-heading,
        .industry-seo-framework-wrap .isf-heading,
        .seo-adapt-business-wrap .sab-heading,
        .ai-seo-aeo-geo-wrap .ai-heading,
        .aeo-explanation-wrap .aeo-heading,
        .geo-explanation-wrap .geo-heading,
        .seo-aeo-geo-together-wrap .sag-heading,
        .google-ai-overviews-wrap .gao-heading,
        .conversational-queries-wrap .cq-heading,
        .question-clusters-wrap .qc-heading,
        .entity-seo-wrap .ent-heading {
            font-size: 1.5rem;
        }

        .education-seo-wrap .edu-grid,
        .education-seo-wrap .edu-flow,
        .realestate-seo-wrap .re-grid,
        .realestate-seo-wrap .re-strategy-grid,
        .hospitality-seo-wrap .hotel-grid,
        .ecommerce-seo-wrap .ec-grid,
        .professional-services-seo-wrap .ps-grid,
        .software-tech-seo-wrap .st-grid,
        .national-seo-wrap .nat-grid,
        .international-seo-wrap .int-grid,
        .new-website-strategy-wrap .nw-grid,
        .established-website-seo-wrap .ew-grid,
        .traffic-recovery-wrap .tr-grid,
        .offline-reputation-wrap .or-grid,
        .existing-content-seo-wrap .ec2-grid,
        .competitive-markets-wrap .cm-grid,
        .trichy-target-wrap .tt-grid,
        .professional-services-seo-wrap .ps-journey,
        .seo-adapt-business-wrap .sab-flow,
        .ai-seo-aeo-geo-wrap .ai-approach-grid,
        .ai-seo-aeo-geo-wrap .ai-together-grid,
        .seo-aeo-geo-together-wrap .sag-grid,
        .aeo-explanation-wrap .aeo-grid,
        .geo-explanation-wrap .geo-grid,
        .google-ai-overviews-wrap .gao-grid,
        .question-clusters-wrap .qc-grid,
        .conversational-queries-wrap .cq-examples,
        .existing-content-seo-wrap .ec2-actions {
            grid-template-columns: 1fr;
        }

        .hospitality-seo-wrap .hotel-intent-box {
            grid-template-columns: 1fr;
        }

        .franchise-seo-wrap .fr-step {
            font-size: 0.85rem;
        }

        .industry-seo-framework-wrap .isf-step {
            font-size: 0.85rem;
        }

        .entity-seo-wrap .ent-item {
            font-size: 0.8rem;
        }

        .aeo-explanation-wrap .aeo-example-box .aeo-question {
            font-size: 0.95rem;
        }
        .aeo-explanation-wrap .aeo-example-box .aeo-answer {
            font-size: 0.85rem;
        }
    }



    /* ── FUTURE SEARCH SECTION (CYCLIC 2) ── */
    .future-search-section {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .future-search-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(ellipse at 30% 50%, rgba(132, 198, 21, 0.02), transparent 70%);
        pointer-events: none;
    }

    .future-search-section .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .future-search-section .future-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .future-search-section:hover .future-heading {
        letter-spacing: 0.02em;
    }

    .future-search-section .future-heading .future-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .future-search-section:hover .future-heading .future-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .future-search-section .future-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .future-search-section:hover .future-sub {
        letter-spacing: 0.02em;
    }

    .future-search-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .future-search-section:hover p {
        padding: 0 0.5rem;
    }

    .future-search-section .future-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .future-search-section:hover .future-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .future-search-section .future-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .future-search-section:hover .future-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Three Pillars ── */
    .future-search-section .future-pillars {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.2rem;
        max-width: 780px;
        margin: 2rem auto;
        padding: 0 1rem;
    }

    .future-search-section .future-pillar {
        padding: 1.5rem 1rem;
        border-radius: 16px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .future-search-section .future-pillar::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(132, 198, 21, 0.04), transparent 60%);
        opacity: 0;
        transition: opacity 0.5s ease;
        border-radius: 16px;
    }

    .future-search-section .future-pillar:hover {
        transform: translateY(-8px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        box-shadow: 0 12px 45px rgba(132, 198, 21, 0.06);
    }

    .future-search-section .future-pillar:hover::before {
        opacity: 1;
    }

    .future-search-section .future-pillar::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #84c615;
        transform: scaleX(0);
        transition: transform 0.4s ease;
        transform-origin: left;
        border-radius: 2px;
    }

    .future-search-section .future-pillar:hover::after {
        transform: scaleX(1);
    }

    .future-search-section .future-pillar .pillar-icon {
        font-size: 2.2rem;
        display: block;
        margin-bottom: 0.4rem;
        transition: transform 0.4s ease;
    }

    .future-search-section .future-pillar:hover .pillar-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .future-search-section .future-pillar .pillar-name {
        display: block;
        font-weight: 700;
        font-size: 1.1rem;
        color: #eaeaea;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .future-search-section .future-pillar:hover .pillar-name {
        color: #84c615;
    }

    .future-search-section .future-pillar .pillar-desc {
        display: block;
        font-size: 0.85rem;
        color: #808080;
        transition: color 0.3s ease;
    }

    .future-search-section .future-pillar:hover .pillar-desc {
        color: #b0b0b0;
    }

    /* ── Integrate Box ── */
    .future-search-section .future-integrate-box {
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(255, 255, 255, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: flex-start;
        gap: 14px;
    }

    .future-search-section .future-integrate-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .future-search-section .future-integrate-box .integrate-icon {
        font-size: 1.8rem;
        flex-shrink: 0;
        transition: transform 0.4s ease;
        margin-top: 0.1rem;
    }

    .future-search-section .future-integrate-box:hover .integrate-icon {
        transform: rotate(180deg) scale(1.1);
    }

    .future-search-section .future-integrate-box .integrate-text {
        font-size: 0.95rem;
        color: #c0c0c0;
        line-height: 1.7;
        transition: color 0.3s ease;
    }

    .future-search-section .future-integrate-box:hover .integrate-text {
        color: #e0e0e0;
    }

    /* ── Principle Box ── */
    .future-search-section .future-principle-box {
        max-width: 820px;
        margin: 1.8rem auto 0;
        padding: 1.5rem 2rem;
        border-radius: 16px;
        border: 1px solid rgba(132, 198, 21, 0.1);
        background: rgba(132, 198, 21, 0.03);
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: flex-start;
        gap: 16px;
        position: relative;
        overflow: hidden;
    }

    .future-search-section .future-principle-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .future-search-section .future-principle-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-3px);
        box-shadow: 0 10px 45px rgba(132, 198, 21, 0.05);
    }

    .future-search-section .future-principle-box:hover::before {
        left: 100%;
    }

    .future-search-section .future-principle-box .principle-icon {
        font-size: 2rem;
        flex-shrink: 0;
        transition: transform 0.4s ease;
        margin-top: 0.1rem;
    }

    .future-search-section .future-principle-box:hover .principle-icon {
        transform: scale(1.2) rotate(-10deg);
    }

    .future-search-section .future-principle-box .principle-content {
        flex: 1;
    }

    .future-search-section .future-principle-box .principle-label {
        display: block;
        font-size: 1rem;
        color: #a0a0a0;
        font-weight: 500;
        margin-bottom: 0.3rem;
        transition: color 0.3s ease;
    }

    .future-search-section .future-principle-box:hover .principle-label {
        color: #c0c0c0;
    }

    .future-search-section .future-principle-box .principle-text {
        display: block;
        font-size: 1.05rem;
        color: #d0d0d0;
        line-height: 1.7;
        transition: color 0.3s ease;
    }

    .future-search-section .future-principle-box:hover .principle-text {
        color: #f0f0f0;
    }

    .future-search-section .future-principle-box .principle-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .future-search-section {
            padding: 3.5rem 0;
        }

        .future-search-section .future-heading {
            font-size: 1.8rem;
        }

        .future-search-section .future-sub {
            font-size: 1rem;
        }

        .future-search-section .future-pillars {
            grid-template-columns: repeat(3, 1fr);
            gap: 0.8rem;
        }

        .future-search-section .future-pillar {
            padding: 1.2rem 0.6rem;
        }

        .future-search-section .future-pillar .pillar-icon {
            font-size: 1.8rem;
        }

        .future-search-section .future-pillar .pillar-name {
            font-size: 0.95rem;
        }

        .future-search-section .future-pillar .pillar-desc {
            font-size: 0.75rem;
        }

        .future-search-section .future-integrate-box {
            padding: 1rem 1.2rem;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 10px;
        }

        .future-search-section .future-integrate-box .integrate-text {
            font-size: 0.9rem;
        }

        .future-search-section .future-principle-box {
            padding: 1.2rem 1.2rem;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 12px;
        }

        .future-search-section .future-principle-box .principle-text {
            font-size: 0.95rem;
        }

        .future-search-section .future-principle-box .principle-label {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .future-search-section {
            padding: 2.5rem 0;
        }

        .future-search-section .future-heading {
            font-size: 1.5rem;
        }

        .future-search-section .future-pillars {
            grid-template-columns: 1fr;
            gap: 0.7rem;
        }

        .future-search-section .future-pillar {
            padding: 1rem 0.6rem;
        }

        .future-search-section .future-pillar .pillar-icon {
            font-size: 1.6rem;
        }

        .future-search-section .future-pillar .pillar-name {
            font-size: 0.9rem;
        }

        .future-search-section .future-pillar .pillar-desc {
            font-size: 0.75rem;
        }

        .future-search-section .future-integrate-box {
            padding: 0.8rem 1rem;
        }

        .future-search-section .future-integrate-box .integrate-text {
            font-size: 0.85rem;
        }

        .future-search-section .future-integrate-box .integrate-icon {
            font-size: 1.5rem;
        }

        .future-search-section .future-principle-box {
            padding: 1rem 0.8rem;
        }

        .future-search-section .future-principle-box .principle-text {
            font-size: 0.85rem;
        }

        .future-search-section .future-principle-box .principle-label {
            font-size: 0.8rem;
        }

        .future-search-section .future-principle-box .principle-icon {
            font-size: 1.6rem;
        }
    }





    /* ── ENTITY MODERN SECTION (CYCLIC 1) ── */
    .entity-modern-section {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .entity-modern-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(ellipse at 70% 30%, rgba(132, 198, 21, 0.02), transparent 60%);
        pointer-events: none;
    }

    .entity-modern-section .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .entity-modern-section .entity-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .entity-modern-section:hover .entity-heading {
        letter-spacing: 0.02em;
    }

    .entity-modern-section .entity-heading .entity-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .entity-modern-section:hover .entity-heading .entity-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .entity-modern-section .entity-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .entity-modern-section:hover .entity-sub {
        letter-spacing: 0.02em;
    }

    .entity-modern-section p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .entity-modern-section:hover p {
        padding: 0 0.5rem;
    }

    .entity-modern-section .entity-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .entity-modern-section:hover .entity-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .entity-modern-section .entity-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .entity-modern-section:hover .entity-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Entity Flow ── */
    .entity-modern-section .entity-flow {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.3rem 0.6rem;
        max-width: 900px;
        margin: 1.8rem auto;
        padding: 0 1rem;
    }

    .entity-modern-section .entity-node {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.5rem 1rem;
        border-radius: 30px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .entity-modern-section .entity-node::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.06), transparent);
        transition: all 0.6s ease;
        border-radius: 30px;
    }

    .entity-modern-section .entity-node:hover {
        transform: translateY(-3px) scale(1.03);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.08);
    }

    .entity-modern-section .entity-node:hover::before {
        left: 100%;
    }

    .entity-modern-section .entity-node .node-icon {
        font-size: 1rem;
        transition: transform 0.4s ease;
        flex-shrink: 0;
    }

    .entity-modern-section .entity-node:hover .node-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .entity-modern-section .entity-node .node-name {
        font-size: 0.85rem;
        font-weight: 500;
        color: #2a2a2a;
        transition: color 0.3s ease;
        white-space: nowrap;
    }

    .entity-modern-section .entity-node:hover .node-name {
        color: #84c615;
    }

    .entity-modern-section .entity-node-highlight {
        border-color: rgba(132, 198, 21, 0.15);
        background: rgba(132, 198, 21, 0.04);
    }

    .entity-modern-section .entity-node-highlight:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.08);
    }

    .entity-modern-section .entity-node-highlight .node-name {
        font-weight: 700;
        color: #84c615;
    }

    .entity-modern-section .entity-arrow {
        font-size: 1.2rem;
        color: #84c615;
        font-weight: 700;
        opacity: 0.4;
        transition: all 0.4s ease;
        flex-shrink: 0;
    }

    .entity-modern-section .entity-arrow:hover {
        opacity: 0.8;
        transform: scale(1.3);
    }

    /* ── Footer Box ── */
    .entity-modern-section .entity-footer-box {
        max-width: 820px;
        margin: 2rem auto 0;
        padding: 1.3rem 1.8rem;
        border-radius: 16px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: flex-start;
        gap: 14px;
        position: relative;
        overflow: hidden;
    }

    .entity-modern-section .entity-footer-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .entity-modern-section .entity-footer-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-3px);
        box-shadow: 0 10px 45px rgba(132, 198, 21, 0.06);
    }

    .entity-modern-section .entity-footer-box:hover::before {
        left: 100%;
    }

    .entity-modern-section .entity-footer-box .footer-icon {
        font-size: 1.8rem;
        flex-shrink: 0;
        transition: transform 0.4s ease;
        margin-top: 0.1rem;
    }

    .entity-modern-section .entity-footer-box:hover .footer-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .entity-modern-section .entity-footer-box .footer-message {
        font-size: 0.95rem;
        color: #2a2a2a;
        line-height: 1.7;
        transition: color 0.3s ease;
    }

    .entity-modern-section .entity-footer-box:hover .footer-message {
        color: #1a1a1a;
    }

    .entity-modern-section .entity-footer-box .footer-message strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .entity-modern-section {
            padding: 3.5rem 0;
        }

        .entity-modern-section .entity-heading {
            font-size: 1.8rem;
        }

        .entity-modern-section .entity-sub {
            font-size: 1rem;
        }

        .entity-modern-section .entity-flow {
            gap: 0.2rem 0.4rem;
        }

        .entity-modern-section .entity-node {
            padding: 0.4rem 0.8rem;
            border-radius: 25px;
        }

        .entity-modern-section .entity-node .node-name {
            font-size: 0.75rem;
        }

        .entity-modern-section .entity-node .node-icon {
            font-size: 0.85rem;
        }

        .entity-modern-section .entity-arrow {
            font-size: 1rem;
        }

        .entity-modern-section .entity-footer-box {
            padding: 1rem 1.2rem;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 10px;
        }

        .entity-modern-section .entity-footer-box .footer-message {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .entity-modern-section {
            padding: 2.5rem 0;
        }

        .entity-modern-section .entity-heading {
            font-size: 1.5rem;
        }

        .entity-modern-section .entity-flow {
            gap: 0.15rem 0.3rem;
        }

        .entity-modern-section .entity-node {
            padding: 0.3rem 0.6rem;
            border-radius: 20px;
        }

        .entity-modern-section .entity-node .node-name {
            font-size: 0.65rem;
        }

        .entity-modern-section .entity-node .node-icon {
            font-size: 0.7rem;
        }

        .entity-modern-section .entity-arrow {
            font-size: 0.8rem;
        }

        .entity-modern-section .entity-footer-box {
            padding: 0.8rem 1rem;
        }

        .entity-modern-section .entity-footer-box .footer-message {
            font-size: 0.85rem;
        }

        .entity-modern-section .entity-footer-box .footer-icon {
            font-size: 1.5rem;
        }
    }






    /* ── SECTION 152: ENTITY-CONSISTENCY (CYCLIC 2) ── */
    .entity-consistency-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .entity-consistency-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .entity-consistency-wrap .ec-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .entity-consistency-wrap .ec-heading .ec-accent {
        color: #84c615;
    }

    .entity-consistency-wrap .ec-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .entity-consistency-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .entity-consistency-wrap .ec-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .entity-consistency-wrap .ec-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .entity-consistency-wrap .ec-example-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .entity-consistency-wrap .ec-example-item {
        padding: 0.9rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
        font-style: italic;
    }

    .entity-consistency-wrap .ec-example-item::before {
        content: '"';
        position: absolute;
        top: -10px;
        left: 10px;
        font-size: 2.5rem;
        color: rgba(132, 198, 21, 0.05);
        font-family: Georgia, serif;
        transition: all 0.4s ease;
    }

    .entity-consistency-wrap .ec-example-item:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .entity-consistency-wrap .ec-example-item:hover::before {
        color: rgba(132, 198, 21, 0.1);
        font-size: 3rem;
    }

    .entity-consistency-wrap .ec-example-item .ec-bad {
        display: block;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #e74c3c;
        margin-top: 0.2rem;
        font-weight: 600;
        opacity: 0.6;
        transition: opacity 0.3s ease;
        font-style: normal;
    }

    .entity-consistency-wrap .ec-example-item:hover .ec-bad {
        opacity: 1;
    }

    .entity-consistency-wrap .ec-platform-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .entity-consistency-wrap .ec-platform-item {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .entity-consistency-wrap .ec-platform-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .entity-consistency-wrap .ec-platform-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .entity-consistency-wrap .ec-platform-item:hover::before {
        opacity: 1;
    }

    .entity-consistency-wrap .ec-platform-item .ec-p-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 153: FIRST-HAND-EXPERIENCE (CYCLIC 1) ── */
    .firsthand-experience-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .firsthand-experience-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .firsthand-experience-wrap .fh-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .firsthand-experience-wrap .fh-heading .fh-accent {
        color: #84c615;
    }

    .firsthand-experience-wrap .fh-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .firsthand-experience-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .firsthand-experience-wrap .fh-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .firsthand-experience-wrap .fh-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .firsthand-experience-wrap .fh-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .firsthand-experience-wrap .fh-card {
        padding: 0.9rem 0.4rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .firsthand-experience-wrap .fh-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .firsthand-experience-wrap .fh-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .firsthand-experience-wrap .fh-card:hover::before {
        left: 100%;
    }

    .firsthand-experience-wrap .fh-card .fh-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    .firsthand-experience-wrap .fh-compare-box {
        max-width: 700px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        padding: 0 1rem;
    }

    .firsthand-experience-wrap .fh-compare-item {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .firsthand-experience-wrap .fh-compare-item.good {
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
    }

    .firsthand-experience-wrap .fh-compare-item.good:hover {
        transform: translateY(-4px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .firsthand-experience-wrap .fh-compare-item.bad {
        border: 1px solid rgba(231, 76, 60, 0.08);
        background: rgba(231, 76, 60, 0.02);
        color: #4a3a3a;
    }

    .firsthand-experience-wrap .fh-compare-item.bad:hover {
        transform: translateY(-4px);
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.05);
        box-shadow: 0 6px 25px rgba(231, 76, 60, 0.04);
    }

    .firsthand-experience-wrap .fh-compare-item .fh-c-label {
        display: block;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: 700;
        margin-bottom: 0.3rem;
    }

    .firsthand-experience-wrap .fh-compare-item.good .fh-c-label {
        color: #84c615;
    }

    .firsthand-experience-wrap .fh-compare-item.bad .fh-c-label {
        color: #e74c3c;
    }

    .firsthand-experience-wrap .fh-compare-item .fh-c-text {
        display: block;
        font-size: 0.95rem;
        font-style: italic;
        line-height: 1.5;
    }

    .firsthand-experience-wrap .fh-compare-item.bad .fh-c-text {
        color: #6a5a5a;
    }

    /* ── SECTION 154: ORIGINAL-DATA (CYCLIC 2) ── */
    .original-data-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .original-data-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .original-data-wrap .od-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .original-data-wrap .od-heading .od-accent {
        color: #84c615;
    }

    .original-data-wrap .od-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .original-data-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .original-data-wrap .od-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .original-data-wrap .od-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .original-data-wrap .od-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .original-data-wrap .od-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .original-data-wrap .od-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .original-data-wrap .od-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .original-data-wrap .od-card:hover::before {
        opacity: 1;
    }

    .original-data-wrap .od-card .od-icon {
        display: block;
        font-size: 1.5rem;
        margin-bottom: 0.3rem;
    }

    .original-data-wrap .od-card .od-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .original-data-wrap .od-card .od-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
    }

    .original-data-wrap .od-card:hover .od-desc {
        color: #b0b0b0;
    }

    /* ── SECTION 155: CASE-STUDIES-EVIDENCE (CYCLIC 1) ── */
    .case-studies-evidence-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .case-studies-evidence-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .case-studies-evidence-wrap .cs-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .case-studies-evidence-wrap .cs-heading .cs-accent {
        color: #84c615;
    }

    .case-studies-evidence-wrap .cs-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .case-studies-evidence-wrap p {
       
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .case-studies-evidence-wrap .cs-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .case-studies-evidence-wrap .cs-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .case-studies-evidence-wrap .cs-flow {
        max-width: 550px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .case-studies-evidence-wrap .cs-step {
        padding: 0.8rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 10px;
        text-align: center;
        font-size: 0.95rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 400px;
        position: relative;
        overflow: hidden;
    }

    .case-studies-evidence-wrap .cs-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    

    .case-studies-evidence-wrap .cs-step:hover::before {
        left: 100%;
    }

    .case-studies-evidence-wrap .cs-step .cs-num {
        display: inline-block;
        background: #84c615;
        color: #ffffff;
        width: 26px;
        height: 26px;
        line-height: 26px;
        border-radius: 50%;
        font-size: 0.7rem;
        font-weight: 700;
        margin-right: 8px;
        text-align: center;
        transition: all 0.3s ease;
        float: left;
    }

    .case-studies-evidence-wrap .cs-step:hover .cs-num {
        transform: scale(1.15);
        box-shadow: 0 4px 15px rgba(132, 198, 21, 0.3);
    }

    .case-studies-evidence-wrap .cs-step .cs-label {
        font-weight: 600;
    }

    .case-studies-evidence-wrap .cs-arrow {
        text-align: center;
        font-size: 2rem;
        padding: 0.05rem 0;
        color: red;
        opacity: 0.8;
        transition: all 0.4s ease;
    }

    .case-studies-evidence-wrap .cs-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── SECTION 156: AI-FRIENDLY-CONTENT (CYCLIC 2) ── */
    .ai-friendly-content-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .ai-friendly-content-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .ai-friendly-content-wrap .afc-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .ai-friendly-content-wrap .afc-heading .afc-accent {
        color: #84c615;
    }

    .ai-friendly-content-wrap .afc-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .ai-friendly-content-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .ai-friendly-content-wrap .afc-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .ai-friendly-content-wrap .afc-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .ai-friendly-content-wrap .afc-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .ai-friendly-content-wrap .afc-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .ai-friendly-content-wrap .afc-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .ai-friendly-content-wrap .afc-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .ai-friendly-content-wrap .afc-card:hover::before {
        opacity: 1;
    }

    .ai-friendly-content-wrap .afc-card .afc-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 157: SEMANTIC-HTML (CYCLIC 1) ── */
    .semantic-html-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .semantic-html-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .semantic-html-wrap .sh-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .semantic-html-wrap .sh-heading .sh-accent {
        color: #84c615;
    }

    .semantic-html-wrap .sh-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .semantic-html-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .semantic-html-wrap .sh-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .semantic-html-wrap .sh-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .semantic-html-wrap .sh-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .semantic-html-wrap .sh-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .semantic-html-wrap .sh-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .semantic-html-wrap .sh-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .semantic-html-wrap .sh-card:hover::before {
        left: 100%;
    }

    .semantic-html-wrap .sh-card .sh-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    /* ── SECTION 158: VOICE-SEARCH (CYCLIC 2) ── */
    .voice-search-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .voice-search-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .voice-search-wrap .vs-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .voice-search-wrap .vs-heading .vs-accent {
        color: #84c615;
    }

    .voice-search-wrap .vs-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .voice-search-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .voice-search-wrap .vs-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .voice-search-wrap .vs-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .voice-search-wrap .vs-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .voice-search-wrap .vs-card {
        padding: 0.9rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .voice-search-wrap .vs-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .voice-search-wrap .vs-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .voice-search-wrap .vs-card:hover::before {
        opacity: 1;
    }

    .voice-search-wrap .vs-card .vs-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    .voice-search-wrap .vs-card .vs-query {
        display: block;
        font-weight: 600;
        font-size: 0.95rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .voice-search-wrap .vs-card .vs-type {
        display: block;
        font-size: 0.75rem;
        color: #808080;
    }

    .voice-search-wrap .vs-card:hover .vs-type {
        color: #b0b0b0;
    }

    /* ── SECTION 159: AI-NOT-REPLACE (CYCLIC 1) ── */
    .ai-not-replace-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .ai-not-replace-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .ai-not-replace-wrap .anr-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .ai-not-replace-wrap .anr-heading .anr-accent {
        color: #84c615;
    }

    .ai-not-replace-wrap .anr-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .ai-not-replace-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .ai-not-replace-wrap .anr-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .ai-not-replace-wrap .anr-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .ai-not-replace-wrap .anr-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .ai-not-replace-wrap .anr-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .ai-not-replace-wrap .anr-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .ai-not-replace-wrap .anr-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .ai-not-replace-wrap .anr-card:hover::before {
        left: 100%;
    }

    .ai-not-replace-wrap .anr-card .anr-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .ai-not-replace-wrap .anr-footer {
        max-width: 700px;
        margin: 1.5rem auto 0;
        padding: 1rem 1.5rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .ai-not-replace-wrap .anr-footer:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .ai-not-replace-wrap .anr-footer .anr-footer-text {
        font-size: 0.95rem;
        color: #2a2a2a;
        line-height: 1.6;
    }

    .ai-not-replace-wrap .anr-footer .anr-footer-text strong {
        color: #84c615;
    }

    /* ── SECTION 160: GEO-LOCAL-BUSINESS (CYCLIC 2) ── */
    .geo-local-business-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .geo-local-business-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .geo-local-business-wrap .glb-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .geo-local-business-wrap .glb-heading .glb-accent {
        color: #84c615;
    }

    .geo-local-business-wrap .glb-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .geo-local-business-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .geo-local-business-wrap .glb-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .geo-local-business-wrap .glb-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .geo-local-business-wrap .glb-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .geo-local-business-wrap .glb-card {
        padding: 0.9rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .geo-local-business-wrap .glb-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .geo-local-business-wrap .glb-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .geo-local-business-wrap .glb-card:hover::before {
        opacity: 1;
    }

    .geo-local-business-wrap .glb-card .glb-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .geo-local-business-wrap .glb-card .glb-query {
        display: block;
        font-weight: 600;
        font-size: 0.9rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .geo-local-business-wrap .glb-card .glb-type {
        display: block;
        font-size: 0.75rem;
        color: #808080;
    }

    .geo-local-business-wrap .glb-card:hover .glb-type {
        color: #b0b0b0;
    }

    .geo-local-business-wrap .glb-clarity-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .geo-local-business-wrap .glb-clarity-item {
        padding: 0.7rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .geo-local-business-wrap .glb-clarity-item::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .geo-local-business-wrap .glb-clarity-item:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .geo-local-business-wrap .glb-clarity-item:hover::before {
        opacity: 1;
    }

    /* ── SECTION 161: FRESHORA-AI-VISIBILITY (CYCLIC 1) ── */
    .freshora-ai-visibility-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .freshora-ai-visibility-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .freshora-ai-visibility-wrap .fav-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .freshora-ai-visibility-wrap .fav-heading .fav-accent {
        color: #84c615;
    }

    .freshora-ai-visibility-wrap .fav-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .freshora-ai-visibility-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .freshora-ai-visibility-wrap .fav-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .freshora-ai-visibility-wrap .fav-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .freshora-ai-visibility-wrap .fav-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .freshora-ai-visibility-wrap .fav-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .freshora-ai-visibility-wrap .fav-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .freshora-ai-visibility-wrap .fav-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .freshora-ai-visibility-wrap .fav-card:hover::before {
        left: 100%;
    }

    .freshora-ai-visibility-wrap .fav-card .fav-icon {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 0.2rem;
    }

    .freshora-ai-visibility-wrap .fav-card .fav-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .freshora-ai-visibility-wrap .fav-card .fav-desc {
        display: block;
        font-size: 0.8rem;
        color: #4a4a4a;
        line-height: 1.4;
    }

    .freshora-ai-visibility-wrap .fav-card:hover .fav-desc {
        color: #3a3a3a;
    }

    /* ── SECTION 162: AISEO-FRAMEWORK (CYCLIC 2) ── */
    .aiseo-framework-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .aiseo-framework-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .aiseo-framework-wrap .af-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .aiseo-framework-wrap .af-heading .af-accent {
        color: #84c615;
    }

    .aiseo-framework-wrap .af-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .aiseo-framework-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .aiseo-framework-wrap .af-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .aiseo-framework-wrap .af-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .aiseo-framework-wrap .af-flow {
        max-width: 550px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .aiseo-framework-wrap .af-step {
        padding: 0.8rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 10px;
        text-align: center;
        font-size: 0.95rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 400px;
        position: relative;
        overflow: hidden;
    }

    .aiseo-framework-wrap .af-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .aiseo-framework-wrap .af-step:hover {
        transform: translateX(6px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 25px rgba(132, 198, 21, 0.04);
    }

    .aiseo-framework-wrap .af-step:hover::before {
        left: 100%;
    }

    .aiseo-framework-wrap .af-step .af-num {
      float: left;
        color: #84c615;
        font-weight: 700;
        margin-right: 6px;
    }

    .aiseo-framework-wrap .af-step .af-label {
        font-weight: 600;
    }

    .aiseo-framework-wrap .af-arrow {
        text-align: center;
        font-size: 0.8rem;
        padding: 0.05rem 0;
        color: #84c615;
        opacity: 0.3;
        transition: all 0.4s ease;
    }

    .aiseo-framework-wrap .af-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── SECTION 163: FUTURE-OF-SEARCH (CYCLIC 1) ── */
    .future-of-search-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .future-of-search-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .future-of-search-wrap .fs-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .future-of-search-wrap .fs-heading .fs-accent {
        color: #84c615;
    }

    .future-of-search-wrap .fs-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .future-of-search-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .future-of-search-wrap .fs-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .future-of-search-wrap .fs-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .future-of-search-wrap .fs-principle-box {
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .future-of-search-wrap .fs-principle-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.05);
        transform: translateY(-3px);
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .future-of-search-wrap .fs-principle-box .fs-principle {
        font-size: 1.1rem;
        color: #1a1a1a;
        font-weight: 600;
        line-height: 1.6;
    }

    .future-of-search-wrap .fs-principle-box .fs-principle strong {
        color: #84c615;
    }

    .future-of-search-wrap .fs-compare-box {
        max-width: 700px;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        padding: 0 1rem;
    }

    .future-of-search-wrap .fs-compare-item {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .future-of-search-wrap .fs-compare-item.bad {
        border: 1px solid rgba(231, 76, 60, 0.08);
        background: rgba(231, 76, 60, 0.02);
        color: #4a3a3a;
    }

    .future-of-search-wrap .fs-compare-item.bad:hover {
        transform: translateY(-4px);
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.05);
        box-shadow: 0 6px 25px rgba(231, 76, 60, 0.04);
    }

    .future-of-search-wrap .fs-compare-item.good {
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
    }

    .future-of-search-wrap .fs-compare-item.good:hover {
        transform: translateY(-4px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .future-of-search-wrap .fs-compare-item .fs-c-label {
        display: block;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: 700;
        margin-bottom: 0.3rem;
    }

    .future-of-search-wrap .fs-compare-item.bad .fs-c-label {
        color: #e74c3c;
    }

    .future-of-search-wrap .fs-compare-item.good .fs-c-label {
        color: #84c615;
    }

    .future-of-search-wrap .fs-compare-item .fs-c-text {
        display: block;
        font-size: 0.95rem;
        font-style: italic;
        line-height: 1.5;
    }

    /* ── SECTION 164: REAL-SEO-EXPERIENCE (CYCLIC 2) ── */
    .real-seo-experience-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .real-seo-experience-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .real-seo-experience-wrap .rse-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .real-seo-experience-wrap .rse-heading .rse-accent {
        color: #84c615;
    }

    .real-seo-experience-wrap .rse-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .real-seo-experience-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .real-seo-experience-wrap .rse-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .real-seo-experience-wrap .rse-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .real-seo-experience-wrap .rse-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .real-seo-experience-wrap .rse-card {
        padding: 0.9rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .real-seo-experience-wrap .rse-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .real-seo-experience-wrap .rse-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .real-seo-experience-wrap .rse-card:hover::before {
        opacity: 1;
    }

    .real-seo-experience-wrap .rse-card .rse-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    .real-seo-experience-wrap .rse-card .rse-label {
        display: block;
        font-weight: 600;
        font-size: 0.9rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .real-seo-experience-wrap .rse-card .rse-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
    }

    .real-seo-experience-wrap .rse-card:hover .rse-desc {
        color: #b0b0b0;
    }

    /* ── SECTION 165: SEO-DIAGNOSIS (CYCLIC 1) ── */
    .seo-diagnosis-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-diagnosis-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .seo-diagnosis-wrap .sd-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .seo-diagnosis-wrap .sd-heading .sd-accent {
        color: #84c615;
    }

    .seo-diagnosis-wrap .sd-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .seo-diagnosis-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .seo-diagnosis-wrap .sd-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .seo-diagnosis-wrap .sd-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .seo-diagnosis-wrap .sd-scenario-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-diagnosis-wrap .sd-scenario {
        padding: 1rem 0.8rem;
        border-radius: 12px;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-diagnosis-wrap .sd-scenario::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #84c615;
        transition: width 0.4s ease;
        border-radius: 2px;
    }

    .seo-diagnosis-wrap .sd-scenario:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .seo-diagnosis-wrap .sd-scenario:hover::after {
        width: 60%;
    }

    .seo-diagnosis-wrap .sd-scenario .sd-letter {
        display: inline-block;
        font-weight: 700;
        font-size: 0.85rem;
        color: #84c615;
        background: rgba(132, 198, 21, 0.08);
        padding: 0.1rem 0.6rem;
        border-radius: 20px;
        margin-bottom: 0.3rem;
    }

    .seo-diagnosis-wrap .sd-scenario .sd-condition {
        display: block;
        font-weight: 600;
        font-size: 0.9rem;
        color: #1a1a1a;
        margin-bottom: 0.2rem;
    }

    .seo-diagnosis-wrap .sd-scenario .sd-priority {
        display: block;
        font-size: 0.85rem;
        color: #4a4a4a;
        transition: color 0.3s ease;
    }

    .seo-diagnosis-wrap .sd-scenario:hover .sd-priority {
        color: #84c615;
    }

    /* ── SECTION 166: SEO-DIAGNOSIS-FRAMEWORK (CYCLIC 2) ── */
    .seo-diagnosis-framework-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-diagnosis-framework-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .seo-diagnosis-framework-wrap .sdf-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
    }

    .seo-diagnosis-framework-wrap .sdf-heading .sdf-accent {
        color: #84c615;
    }

    .seo-diagnosis-framework-wrap .sdf-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
    }

    .seo-diagnosis-framework-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
    }

    .seo-diagnosis-framework-wrap .sdf-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .seo-diagnosis-framework-wrap .sdf-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .seo-diagnosis-framework-wrap .sdf-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-diagnosis-framework-wrap .sdf-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-diagnosis-framework-wrap .sdf-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .seo-diagnosis-framework-wrap .sdf-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .seo-diagnosis-framework-wrap .sdf-card:hover::before {
        opacity: 1;
    }

    .seo-diagnosis-framework-wrap .sdf-card .sdf-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
    }

    .seo-diagnosis-framework-wrap .sdf-card .sdf-label {
        display: block;
        font-weight: 700;
        font-size: 0.9rem;
        color: #84c615;
        margin-bottom: 0.2rem;
    }

    .seo-diagnosis-framework-wrap .sdf-card .sdf-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
    }

    .seo-diagnosis-framework-wrap .sdf-card:hover .sdf-desc {
        color: #b0b0b0;
    }

    /* ── SECTION 167: REAL-WORLD-PROBLEMS (CYCLIC 1) ── */
    .real-world-problems-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .real-world-problems-wrap .wrap-inner {
        position: relative;
        z-index: 1;
    }

    .real-world-problems-wrap .rwp-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
    }

    .real-world-problems-wrap .rwp-heading .rwp-accent {
        color: #84c615;
    }

    .real-world-problems-wrap .rwp-sub {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
    }

    .real-world-problems-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
    }

    .real-world-problems-wrap .rwp-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
    }

    .real-world-problems-wrap .rwp-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
    }

    .real-world-problems-wrap .rwp-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .real-world-problems-wrap .rwp-card {
        padding: 0.8rem 0.5rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .real-world-problems-wrap .rwp-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
    }

    .real-world-problems-wrap .rwp-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .real-world-problems-wrap .rwp-card:hover::before {
        left: 100%;
    }

    .real-world-problems-wrap .rwp-card .rwp-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .entity-consistency-wrap,
        .firsthand-experience-wrap,
        .original-data-wrap,
        .case-studies-evidence-wrap,
        .ai-friendly-content-wrap,
        .semantic-html-wrap,
        .voice-search-wrap,
        .ai-not-replace-wrap,
        .geo-local-business-wrap,
        .freshora-ai-visibility-wrap,
        .aiseo-framework-wrap,
        .future-of-search-wrap,
        .real-seo-experience-wrap,
        .seo-diagnosis-wrap,
        .seo-diagnosis-framework-wrap,
        .real-world-problems-wrap {
            padding: 3.5rem 0;
        }

        .entity-consistency-wrap .ec-heading,
        .firsthand-experience-wrap .fh-heading,
        .original-data-wrap .od-heading,
        .case-studies-evidence-wrap .cs-heading,
        .ai-friendly-content-wrap .afc-heading,
        .semantic-html-wrap .sh-heading,
        .voice-search-wrap .vs-heading,
        .ai-not-replace-wrap .anr-heading,
        .geo-local-business-wrap .glb-heading,
        .freshora-ai-visibility-wrap .fav-heading,
        .aiseo-framework-wrap .af-heading,
        .future-of-search-wrap .fs-heading,
        .real-seo-experience-wrap .rse-heading,
        .seo-diagnosis-wrap .sd-heading,
        .seo-diagnosis-framework-wrap .sdf-heading,
        .real-world-problems-wrap .rwp-heading {
            font-size: 1.8rem;
        }

        .entity-consistency-wrap .ec-platform-grid,
        .firsthand-experience-wrap .fh-grid,
        .ai-friendly-content-wrap .afc-grid,
        .semantic-html-wrap .sh-grid,
        .ai-not-replace-wrap .anr-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .original-data-wrap .od-grid,
        .freshora-ai-visibility-wrap .fav-grid,
        .real-seo-experience-wrap .rse-grid,
        .seo-diagnosis-framework-wrap .sdf-grid,
        .real-world-problems-wrap .rwp-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .entity-consistency-wrap .ec-example-grid,
        .voice-search-wrap .vs-grid,
        .geo-local-business-wrap .glb-grid,
        .seo-diagnosis-wrap .sd-scenario-grid {
            grid-template-columns: 1fr 1fr;
        }

        .geo-local-business-wrap .glb-clarity-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .future-of-search-wrap .fs-compare-box {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 480px) {
        .entity-consistency-wrap,
        .firsthand-experience-wrap,
        .original-data-wrap,
        .case-studies-evidence-wrap,
        .ai-friendly-content-wrap,
        .semantic-html-wrap,
        .voice-search-wrap,
        .ai-not-replace-wrap,
        .geo-local-business-wrap,
        .freshora-ai-visibility-wrap,
        .aiseo-framework-wrap,
        .future-of-search-wrap,
        .real-seo-experience-wrap,
        .seo-diagnosis-wrap,
        .seo-diagnosis-framework-wrap,
        .real-world-problems-wrap {
            padding: 2.5rem 0;
        }

        .entity-consistency-wrap .ec-heading,
        .firsthand-experience-wrap .fh-heading,
        .original-data-wrap .od-heading,
        .case-studies-evidence-wrap .cs-heading,
        .ai-friendly-content-wrap .afc-heading,
        .semantic-html-wrap .sh-heading,
        .voice-search-wrap .vs-heading,
        .ai-not-replace-wrap .anr-heading,
        .geo-local-business-wrap .glb-heading,
        .freshora-ai-visibility-wrap .fav-heading,
        .aiseo-framework-wrap .af-heading,
        .future-of-search-wrap .fs-heading,
        .real-seo-experience-wrap .rse-heading,
        .seo-diagnosis-wrap .sd-heading,
        .seo-diagnosis-framework-wrap .sdf-heading,
        .real-world-problems-wrap .rwp-heading {
            font-size: 1.5rem;
        }

        .entity-consistency-wrap .ec-platform-grid,
        .firsthand-experience-wrap .fh-grid,
        .original-data-wrap .od-grid,
        .ai-friendly-content-wrap .afc-grid,
        .semantic-html-wrap .sh-grid,
        .ai-not-replace-wrap .anr-grid,
        .freshora-ai-visibility-wrap .fav-grid,
        .real-seo-experience-wrap .rse-grid,
        .seo-diagnosis-framework-wrap .sdf-grid,
        .real-world-problems-wrap .rwp-grid {
            grid-template-columns: 1fr;
        }

        .entity-consistency-wrap .ec-example-grid,
        .voice-search-wrap .vs-grid,
        .geo-local-business-wrap .glb-grid,
        .seo-diagnosis-wrap .sd-scenario-grid,
        .geo-local-business-wrap .glb-clarity-grid,
        .future-of-search-wrap .fs-compare-box {
            grid-template-columns: 1fr;
        }

        .firsthand-experience-wrap .fh-compare-box {
            grid-template-columns: 1fr;
        }

        .case-studies-evidence-wrap .cs-step {
            font-size: 0.85rem;
        }

        .aiseo-framework-wrap .af-step {
            font-size: 0.85rem;
        }
    }


    /* ── SECTION 189: CASE-STUDY-FORMAT (CYCLIC 1) ── */
    .case-format-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .case-format-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .case-format-wrap .cf-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .case-format-wrap:hover .cf-main-heading {
        letter-spacing: 0.02em;
    }

    .case-format-wrap .cf-main-heading .cf-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .case-format-wrap:hover .cf-main-heading .cf-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .case-format-wrap .cf-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .case-format-wrap:hover .cf-sub-heading {
        letter-spacing: 0.02em;
    }

    .case-format-wrap .cf-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .case-format-wrap:hover .cf-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .case-format-wrap .cf-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .case-format-wrap:hover .cf-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Flow ── */
    .case-format-wrap .cf-flow {
        max-width: 550px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .case-format-wrap .cf-step {
        padding: 0.9rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 420px;
        position: relative;
        overflow: hidden;
    }

    .case-format-wrap .cf-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 12px;
    }

    .case-format-wrap .cf-step:hover {
        transform: translateX(8px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.06);
    }

    .case-format-wrap .cf-step:hover::before {
        left: 100%;
    }

    .case-format-wrap .cf-step .cf-step-icon {
        display: inline-block;
        font-size: 1.3rem;
        margin-right: 8px;
        vertical-align: middle;
        transition: transform 0.4s ease;
    }

    .case-format-wrap .cf-step:hover .cf-step-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .case-format-wrap .cf-step .cf-step-label {
        font-weight: 700;
        font-size: 1rem;
        color: #1a1a1a;
        vertical-align: middle;
        transition: color 0.3s ease;
    }

    .case-format-wrap .cf-step:hover .cf-step-label {
        color: #84c615;
    }

    .case-format-wrap .cf-step .cf-step-desc {
        display: block;
        font-size: 0.85rem;
        color: #4a4a4a;
        margin-top: 0.2rem;
        transition: color 0.3s ease;
    }

    .case-format-wrap .cf-step:hover .cf-step-desc {
        color: #2a2a2a;
    }

    .case-format-wrap .cf-step-highlight {
        border-color: rgba(132, 198, 21, 0.12);
        background: rgba(132, 198, 21, 0.04);
    }

    .case-format-wrap .cf-step-highlight:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.08);
    }

    .case-format-wrap .cf-step-highlight .cf-step-label {
        color: #84c615;
    }

    .case-format-wrap .cf-arrow {
        text-align: center;
        font-size: 1.2rem;
        padding: 0.05rem 0;
        color: #84c615;
        opacity: 0.3;
        transition: all 0.4s ease;
    }

    .case-format-wrap .cf-arrow:hover {
        opacity: 0.8;
        transform: scale(1.3);
    }

    /* ── Footer ── */
    .case-format-wrap .cf-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .case-format-wrap .cf-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .case-format-wrap .cf-footer .cf-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .case-format-wrap .cf-footer:hover .cf-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .case-format-wrap .cf-footer .cf-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .case-format-wrap .cf-footer .cf-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .case-format-wrap {
            padding: 3.5rem 0;
        }

        .case-format-wrap .cf-main-heading {
            font-size: 1.8rem;
        }

        .case-format-wrap .cf-sub-heading {
            font-size: 1rem;
        }

        .case-format-wrap .cf-step {
            padding: 0.8rem 1rem;
        }

        .case-format-wrap .cf-step .cf-step-label {
            font-size: 0.9rem;
        }

        .case-format-wrap .cf-step .cf-step-desc {
            font-size: 0.8rem;
        }

        .case-format-wrap .cf-footer {
            padding: 1rem 1.2rem;
        }

        .case-format-wrap .cf-footer .cf-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .case-format-wrap {
            padding: 2.5rem 0;
        }

        .case-format-wrap .cf-main-heading {
            font-size: 1.5rem;
        }

        .case-format-wrap .cf-step {
            padding: 0.6rem 0.8rem;
            font-size: 0.9rem;
        }

        .case-format-wrap .cf-step .cf-step-icon {
            font-size: 1.1rem;
        }

        .case-format-wrap .cf-step .cf-step-label {
            font-size: 0.85rem;
        }

        .case-format-wrap .cf-step .cf-step-desc {
            font-size: 0.75rem;
        }

        .case-format-wrap .cf-arrow {
            font-size: 1rem;
        }

        .case-format-wrap .cf-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .case-format-wrap .cf-footer .cf-footer-text {
            font-size: 0.85rem;
        }

        .case-format-wrap .cf-footer .cf-footer-icon {
            font-size: 1.5rem;
        }
    }





    /* ── SECTION 190: FIRST-HAND-EXPERIENCE (CYCLIC 2) ── */
    .firsthand-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .firsthand-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .firsthand-wrap .fh-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .firsthand-wrap:hover .fh-main-heading {
        letter-spacing: 0.02em;
    }

    .firsthand-wrap .fh-main-heading .fh-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .firsthand-wrap:hover .fh-main-heading .fh-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .firsthand-wrap .fh-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .firsthand-wrap:hover .fh-sub-heading {
        letter-spacing: 0.02em;
    }

    .firsthand-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .firsthand-wrap:hover p {
        padding: 0 0.5rem;
    }

    .firsthand-wrap .fh-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .firsthand-wrap:hover .fh-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .firsthand-wrap .fh-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .firsthand-wrap:hover .fh-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Quote Box ── */
    .firsthand-wrap .fh-quote-box {
        max-width: 700px;
        margin: 1rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 12px;
        border-left: 4px solid #e74c3c;
        background: rgba(231, 76, 60, 0.04);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .firsthand-wrap .fh-quote-box:hover {
        background: rgba(231, 76, 60, 0.07);
        transform: translateX(4px);
    }

    .firsthand-wrap .fh-quote-box .fh-quote-text {
        display: block;
        font-size: 1.1rem;
        font-style: italic;
        color: #c0a0a0;
        margin-bottom: 0.3rem;
    }

    .firsthand-wrap .fh-quote-box .fh-quote-label {
        display: block;
        font-size: 0.85rem;
        color: #a08080;
    }

    /* ── Example Box ── */
    .firsthand-wrap .fh-example-box {
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 1.5rem 1.8rem;
        border-radius: 14px;
        border: 1px solid rgba(132, 198, 21, 0.08);
        background: rgba(132, 198, 21, 0.03);
        transition: all 0.4s ease;
        cursor: default;
        text-align: center;
    }

    .firsthand-wrap .fh-example-box:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .firsthand-wrap .fh-example-box .fh-example-icon {
        display: block;
        font-size: 2rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .firsthand-wrap .fh-example-box:hover .fh-example-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .firsthand-wrap .fh-example-box .fh-example-text {
        display: block;
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.7;
        font-style: italic;
        margin-bottom: 0.5rem;
    }

    .firsthand-wrap .fh-example-box .fh-example-label {
        display: block;
        font-size: 0.85rem;
        color: #84c615;
        font-weight: 600;
    }

    /* ── Footer ── */
    .firsthand-wrap .fh-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .firsthand-wrap .fh-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .firsthand-wrap .fh-footer .fh-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .firsthand-wrap .fh-footer:hover .fh-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .firsthand-wrap .fh-footer .fh-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .firsthand-wrap .fh-footer .fh-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .firsthand-wrap {
            padding: 3.5rem 0;
        }

        .firsthand-wrap .fh-main-heading {
            font-size: 1.8rem;
        }

        .firsthand-wrap .fh-sub-heading {
            font-size: 1rem;
        }

        .firsthand-wrap .fh-quote-box {
            padding: 1rem 1.2rem;
        }

        .firsthand-wrap .fh-quote-box .fh-quote-text {
            font-size: 1rem;
        }

        .firsthand-wrap .fh-example-box {
            padding: 1.2rem 1.2rem;
        }

        .firsthand-wrap .fh-example-box .fh-example-text {
            font-size: 0.9rem;
        }

        .firsthand-wrap .fh-footer {
            padding: 1rem 1.2rem;
        }

        .firsthand-wrap .fh-footer .fh-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .firsthand-wrap {
            padding: 2.5rem 0;
        }

        .firsthand-wrap .fh-main-heading {
            font-size: 1.5rem;
        }

        .firsthand-wrap .fh-quote-box .fh-quote-text {
            font-size: 0.9rem;
        }

        .firsthand-wrap .fh-example-box {
            padding: 0.8rem 1rem;
        }

        .firsthand-wrap .fh-example-box .fh-example-text {
            font-size: 0.85rem;
        }

        .firsthand-wrap .fh-example-box .fh-example-icon {
            font-size: 1.6rem;
        }

        .firsthand-wrap .fh-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .firsthand-wrap .fh-footer .fh-footer-text {
            font-size: 0.85rem;
        }

        .firsthand-wrap .fh-footer .fh-footer-icon {
            font-size: 1.5rem;
        }
    }




    /* ── SECTION 191: EXPERIENCE-BUSINESS-MODELS (CYCLIC 1) ── */
    .business-models-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .business-models-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .business-models-wrap .bm-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .business-models-wrap:hover .bm-main-heading {
        letter-spacing: 0.02em;
    }

    .business-models-wrap .bm-main-heading .bm-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .business-models-wrap:hover .bm-main-heading .bm-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .business-models-wrap .bm-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .business-models-wrap:hover .bm-sub-heading {
        letter-spacing: 0.02em;
    }

    .business-models-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .business-models-wrap:hover p {
        padding: 0 0.5rem;
    }

    .business-models-wrap .bm-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .business-models-wrap:hover .bm-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .business-models-wrap .bm-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .business-models-wrap:hover .bm-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .business-models-wrap .bm-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.8rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .business-models-wrap .bm-card {
        padding: 0.9rem 0.4rem;
        border-radius: 12px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .business-models-wrap .bm-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 12px;
    }

    .business-models-wrap .bm-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .business-models-wrap .bm-card:hover::before {
        left: 100%;
    }

    .business-models-wrap .bm-card .bm-card-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .business-models-wrap .bm-card:hover .bm-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .business-models-wrap .bm-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .business-models-wrap .bm-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .business-models-wrap .bm-footer .bm-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .business-models-wrap .bm-footer:hover .bm-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .business-models-wrap .bm-footer .bm-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .business-models-wrap .bm-footer .bm-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .business-models-wrap {
            padding: 3.5rem 0;
        }

        .business-models-wrap .bm-main-heading {
            font-size: 1.8rem;
        }

        .business-models-wrap .bm-sub-heading {
            font-size: 1rem;
        }

        .business-models-wrap .bm-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 0.6rem;
        }

        .business-models-wrap .bm-card {
            font-size: 0.8rem;
            padding: 0.7rem 0.3rem;
        }

        .business-models-wrap .bm-card .bm-card-icon {
            font-size: 1.1rem;
        }

        .business-models-wrap .bm-footer {
            padding: 1rem 1.2rem;
        }

        .business-models-wrap .bm-footer .bm-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .business-models-wrap {
            padding: 2.5rem 0;
        }

        .business-models-wrap .bm-main-heading {
            font-size: 1.5rem;
        }

        .business-models-wrap .bm-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.5rem;
        }

        .business-models-wrap .bm-card {
            font-size: 0.75rem;
            padding: 0.6rem 0.2rem;
        }

        .business-models-wrap .bm-card .bm-card-icon {
            font-size: 1rem;
        }

        .business-models-wrap .bm-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .business-models-wrap .bm-footer .bm-footer-text {
            font-size: 0.85rem;
        }

        .business-models-wrap .bm-footer .bm-footer-icon {
            font-size: 1.5rem;
        }
    }






    /* ── SECTION 192: SEO-TRIED-BEFORE (CYCLIC 2) ── */
    .seo-tried-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-tried-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .seo-tried-wrap .st-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .seo-tried-wrap:hover .st-main-heading {
        letter-spacing: 0.02em;
    }

    .seo-tried-wrap .st-main-heading .st-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .seo-tried-wrap:hover .st-main-heading .st-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .seo-tried-wrap .st-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .seo-tried-wrap:hover .st-sub-heading {
        letter-spacing: 0.02em;
    }

    .seo-tried-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .seo-tried-wrap:hover p {
        padding: 0 0.5rem;
    }

    .seo-tried-wrap .st-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .seo-tried-wrap:hover .st-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .seo-tried-wrap .st-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .seo-tried-wrap:hover .st-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Quote Box ── */
    .seo-tried-wrap .st-quote-box {
        max-width: 650px;
        margin: 1rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 12px;
        border-left: 4px solid #f1c40f;
        background: rgba(241, 196, 15, 0.04);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .seo-tried-wrap .st-quote-box:hover {
        background: rgba(241, 196, 15, 0.07);
        transform: translateX(4px);
    }

    .seo-tried-wrap .st-quote-box .st-quote-text {
        display: block;
        font-size: 1.05rem;
        font-style: italic;
        color: #d0c0a0;
    }

    /* ── Grid ── */
    .seo-tried-wrap .st-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-tried-wrap .st-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-tried-wrap .st-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .seo-tried-wrap .st-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .seo-tried-wrap .st-card:hover::before {
        opacity: 1;
    }

    .seo-tried-wrap .st-card .st-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .seo-tried-wrap .st-card:hover .st-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .seo-tried-wrap .st-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .seo-tried-wrap .st-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .seo-tried-wrap .st-footer .st-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .seo-tried-wrap .st-footer:hover .st-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .seo-tried-wrap .st-footer .st-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .seo-tried-wrap .st-footer .st-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .seo-tried-wrap {
            padding: 3.5rem 0;
        }

        .seo-tried-wrap .st-main-heading {
            font-size: 1.8rem;
        }

        .seo-tried-wrap .st-sub-heading {
            font-size: 1rem;
        }

        .seo-tried-wrap .st-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .seo-tried-wrap .st-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .seo-tried-wrap .st-footer {
            padding: 1rem 1.2rem;
        }

        .seo-tried-wrap .st-footer .st-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .seo-tried-wrap {
            padding: 2.5rem 0;
        }

        .seo-tried-wrap .st-main-heading {
            font-size: 1.5rem;
        }

        .seo-tried-wrap .st-grid {
            grid-template-columns: 1fr;
            gap: 0.5rem;
        }

        .seo-tried-wrap .st-card {
            font-size: 0.8rem;
            padding: 0.5rem 0.3rem;
        }

        .seo-tried-wrap .st-quote-box {
            padding: 0.8rem 1rem;
        }

        .seo-tried-wrap .st-quote-box .st-quote-text {
            font-size: 0.9rem;
        }

        .seo-tried-wrap .st-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .seo-tried-wrap .st-footer .st-footer-text {
            font-size: 0.85rem;
        }

        .seo-tried-wrap .st-footer .st-footer-icon {
            font-size: 1.5rem;
        }
    }




    /* ── SECTION 193: MORE-BLOGS-NOT-RANKINGS (CYCLIC 1) ── */
    .blogs-not-rankings-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .blogs-not-rankings-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .blogs-not-rankings-wrap .bnr-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .blogs-not-rankings-wrap:hover .bnr-main-heading {
        letter-spacing: 0.02em;
    }

    .blogs-not-rankings-wrap .bnr-main-heading .bnr-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .blogs-not-rankings-wrap:hover .bnr-main-heading .bnr-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .blogs-not-rankings-wrap .bnr-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .blogs-not-rankings-wrap:hover .bnr-sub-heading {
        letter-spacing: 0.02em;
    }

    .blogs-not-rankings-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .blogs-not-rankings-wrap:hover p {
        padding: 0 0.5rem;
    }

    .blogs-not-rankings-wrap .bnr-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .blogs-not-rankings-wrap:hover .bnr-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .blogs-not-rankings-wrap .bnr-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .blogs-not-rankings-wrap:hover .bnr-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .blogs-not-rankings-wrap .bnr-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .blogs-not-rankings-wrap .bnr-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .blogs-not-rankings-wrap .bnr-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .blogs-not-rankings-wrap .bnr-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .blogs-not-rankings-wrap .bnr-card:hover::before {
        left: 100%;
    }

    .blogs-not-rankings-wrap .bnr-card .bnr-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .blogs-not-rankings-wrap .bnr-card:hover .bnr-card-icon {
        transform: scale(1.15);
    }

    /* ── Question Box ── */
    .blogs-not-rankings-wrap .bnr-question-box {
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 1.2rem 1.8rem;
        border-radius: 12px;
        border: 2px solid #84c615;
        background: rgba(132, 198, 21, 0.04);
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
    }

    .blogs-not-rankings-wrap .bnr-question-box:hover {
        background: rgba(132, 198, 21, 0.08);
        transform: scale(1.01);
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.06);
    }

    .blogs-not-rankings-wrap .bnr-question-box .bnr-question-text {
        font-size: 1.1rem;
        font-weight: 600;
        color: #1a1a1a;
    }

    /* ── Flow ── */
    .blogs-not-rankings-wrap .bnr-flow {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.3rem 0.8rem;
        max-width: 600px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .blogs-not-rankings-wrap .bnr-step {
        padding: 0.6rem 1.2rem;
        border-radius: 30px;
        font-weight: 700;
        font-size: 0.95rem;
        transition: all 0.4s ease;
        cursor: default;
    }

    .blogs-not-rankings-wrap .bnr-step-create {
        background: rgba(46, 204, 113, 0.1);
        color: #2ecc71;
        border: 1px solid rgba(46, 204, 113, 0.15);
    }

    .blogs-not-rankings-wrap .bnr-step-create:hover {
        background: rgba(46, 204, 113, 0.2);
        transform: scale(1.05);
    }

    .blogs-not-rankings-wrap .bnr-step-improve {
        background: rgba(241, 196, 15, 0.1);
        color: #f1c40f;
        border: 1px solid rgba(241, 196, 15, 0.15);
    }

    .blogs-not-rankings-wrap .bnr-step-improve:hover {
        background: rgba(241, 196, 15, 0.2);
        transform: scale(1.05);
    }

    .blogs-not-rankings-wrap .bnr-step-consolidate {
        background: rgba(52, 152, 219, 0.1);
        color: #3498db;
        border: 1px solid rgba(52, 152, 219, 0.15);
    }

    .blogs-not-rankings-wrap .bnr-step-consolidate:hover {
        background: rgba(52, 152, 219, 0.2);
        transform: scale(1.05);
    }

    .blogs-not-rankings-wrap .bnr-step-remove {
        background: rgba(231, 76, 60, 0.1);
        color: #e74c3c;
        border: 1px solid rgba(231, 76, 60, 0.15);
    }

    .blogs-not-rankings-wrap .bnr-step-remove:hover {
        background: rgba(231, 76, 60, 0.2);
        transform: scale(1.05);
    }

    .blogs-not-rankings-wrap .bnr-arrow {
        font-size: 1.2rem;
        color: #84c615;
        font-weight: 700;
        opacity: 0.4;
        transition: all 0.4s ease;
    }

    .blogs-not-rankings-wrap .bnr-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── Footer ── */
    .blogs-not-rankings-wrap .bnr-footer {
        max-width: 300px;
        margin: 0.5rem auto 0;
        padding: 0.5rem 1rem;
        text-align: center;
        font-size: 1rem;
        color: #4a4a4a;
        transition: all 0.4s ease;
        cursor: default;
    }

    .blogs-not-rankings-wrap .bnr-footer:hover {
        color: #1a1a1a;
        transform: scale(1.02);
    }

    .blogs-not-rankings-wrap .bnr-footer .bnr-footer-icon {
        display: inline-block;
        margin-right: 6px;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .blogs-not-rankings-wrap {
            padding: 3.5rem 0;
        }

        .blogs-not-rankings-wrap .bnr-main-heading {
            font-size: 1.8rem;
        }

        .blogs-not-rankings-wrap .bnr-sub-heading {
            font-size: 1rem;
        }

        .blogs-not-rankings-wrap .bnr-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .blogs-not-rankings-wrap .bnr-flow {
            gap: 0.2rem 0.5rem;
        }

        .blogs-not-rankings-wrap .bnr-step {
            font-size: 0.85rem;
            padding: 0.4rem 0.8rem;
        }
    }

    @media (max-width: 480px) {
        .blogs-not-rankings-wrap {
            padding: 2.5rem 0;
        }

        .blogs-not-rankings-wrap .bnr-main-heading {
            font-size: 1.5rem;
        }

        .blogs-not-rankings-wrap .bnr-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .blogs-not-rankings-wrap .bnr-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .blogs-not-rankings-wrap .bnr-flow {
            gap: 0.1rem 0.3rem;
        }

        .blogs-not-rankings-wrap .bnr-step {
            font-size: 0.75rem;
            padding: 0.3rem 0.6rem;
        }

        .blogs-not-rankings-wrap .bnr-arrow {
            font-size: 1rem;
        }

        .blogs-not-rankings-wrap .bnr-question-box {
            padding: 0.8rem 1rem;
        }

        .blogs-not-rankings-wrap .bnr-question-box .bnr-question-text {
            font-size: 0.95rem;
        }
    }






    /* ── SECTION 194: DECLINING-TRAFFIC (CYCLIC 2) ── */
    .declining-traffic-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .declining-traffic-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .declining-traffic-wrap .dt-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .declining-traffic-wrap:hover .dt-main-heading {
        letter-spacing: 0.02em;
    }

    .declining-traffic-wrap .dt-main-heading .dt-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .declining-traffic-wrap:hover .dt-main-heading .dt-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .declining-traffic-wrap .dt-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .declining-traffic-wrap:hover .dt-sub-heading {
        letter-spacing: 0.02em;
    }

    .declining-traffic-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .declining-traffic-wrap:hover p {
        padding: 0 0.5rem;
    }

    .declining-traffic-wrap .dt-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .declining-traffic-wrap:hover .dt-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .declining-traffic-wrap .dt-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .declining-traffic-wrap:hover .dt-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .declining-traffic-wrap .dt-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .declining-traffic-wrap .dt-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(231, 76, 60, 0.06);
        background: rgba(231, 76, 60, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .declining-traffic-wrap .dt-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(231, 76, 60, 0.04));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .declining-traffic-wrap .dt-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(231, 76, 60, 0.04);
    }

    .declining-traffic-wrap .dt-card:hover::before {
        opacity: 1;
    }

    .declining-traffic-wrap .dt-card .dt-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .declining-traffic-wrap .dt-card:hover .dt-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .declining-traffic-wrap .dt-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(231, 76, 60, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .declining-traffic-wrap .dt-footer:hover {
        background: rgba(231, 76, 60, 0.04);
        border-color: #e74c3c;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(231, 76, 60, 0.03);
    }

    .declining-traffic-wrap .dt-footer .dt-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .declining-traffic-wrap .dt-footer:hover .dt-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .declining-traffic-wrap .dt-footer .dt-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .declining-traffic-wrap .dt-footer .dt-footer-text strong {
        color: #e74c3c;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .declining-traffic-wrap {
            padding: 3.5rem 0;
        }

        .declining-traffic-wrap .dt-main-heading {
            font-size: 1.8rem;
        }

        .declining-traffic-wrap .dt-sub-heading {
            font-size: 1rem;
        }

        .declining-traffic-wrap .dt-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .declining-traffic-wrap .dt-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .declining-traffic-wrap .dt-footer {
            padding: 1rem 1.2rem;
        }

        .declining-traffic-wrap .dt-footer .dt-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .declining-traffic-wrap {
            padding: 2.5rem 0;
        }

        .declining-traffic-wrap .dt-main-heading {
            font-size: 1.5rem;
        }

        .declining-traffic-wrap .dt-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .declining-traffic-wrap .dt-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .declining-traffic-wrap .dt-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .declining-traffic-wrap .dt-footer .dt-footer-text {
            font-size: 0.85rem;
        }

        .declining-traffic-wrap .dt-footer .dt-footer-icon {
            font-size: 1.5rem;
        }
    }




<!-- ============================================ -->
<!-- SECTION 195: OFFLINE-EXPERTISE (CYCLIC 1)    -->
<!-- ============================================ -->
<section class="offline-expertise-wrap" id="offline-expertise">
    <div class="container section-wrapper">
        <span class="oe-accent-line"></span>
        <h2 class="oe-main-heading">
            <span class="oe-heading-border">SEO for Businesses</span>
            <br />
            <span class="oe-heading-accent">With Strong Offline Expertise</span>
        </h2>
        <p class="oe-sub-heading">
            Many businesses have years of industry knowledge but very little online content demonstrating it.
        </p>

        <p>
            That is a major missed opportunity.
        </p>

        <p>
            Imagine a manufacturing company with 20 years of operational expertise but only five generic website pages.
        </p>

        <p>
            Its real-world expertise is much greater than what Google can see.
        </p>

        <p>SEO can help transform that offline expertise into digital assets such as:</p>

        <div class="oe-grid">
            <div class="oe-card"><span class="oe-card-icon">📖</span> Expert Guides</div>
            <div class="oe-card"><span class="oe-card-icon">📁</span> Case Studies</div>
            <div class="oe-card"><span class="oe-card-icon">⚙️</span> Process Explanations</div>
            <div class="oe-card"><span class="oe-card-icon">❓</span> Industry FAQs</div>
            <div class="oe-card"><span class="oe-card-icon">🔧</span> Technical Resources</div>
            <div class="oe-card"><span class="oe-card-icon">🔬</span> Original Research</div>
            <div class="oe-card"><span class="oe-card-icon">📊</span> Customer Stories</div>
            <div class="oe-card"><span class="oe-card-icon">👤</span> Expert Profiles</div>
        </div>

        <div class="oe-footer">
            <span class="oe-footer-icon">💡</span>
            <span class="oe-footer-text">This is one of the most powerful ways to <strong>strengthen information gain.</strong></span>
        </div>
    </div>
</section>


    /* ── SECTION 195: OFFLINE-EXPERTISE (CYCLIC 1) ── */
    .offline-expertise-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .offline-expertise-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .offline-expertise-wrap .oe-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .offline-expertise-wrap:hover .oe-main-heading {
        letter-spacing: 0.02em;
    }

    .offline-expertise-wrap .oe-main-heading .oe-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .offline-expertise-wrap:hover .oe-main-heading .oe-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .offline-expertise-wrap .oe-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .offline-expertise-wrap:hover .oe-sub-heading {
        letter-spacing: 0.02em;
    }

    .offline-expertise-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .offline-expertise-wrap:hover p {
        padding: 0 0.5rem;
    }

    .offline-expertise-wrap .oe-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .offline-expertise-wrap:hover .oe-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .offline-expertise-wrap .oe-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .offline-expertise-wrap:hover .oe-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .offline-expertise-wrap .oe-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .offline-expertise-wrap .oe-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .offline-expertise-wrap .oe-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .offline-expertise-wrap .oe-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .offline-expertise-wrap .oe-card:hover::before {
        left: 100%;
    }

    .offline-expertise-wrap .oe-card .oe-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .offline-expertise-wrap .oe-card:hover .oe-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .offline-expertise-wrap .oe-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .offline-expertise-wrap .oe-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .offline-expertise-wrap .oe-footer .oe-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .offline-expertise-wrap .oe-footer:hover .oe-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .offline-expertise-wrap .oe-footer .oe-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .offline-expertise-wrap .oe-footer .oe-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .offline-expertise-wrap {
            padding: 3.5rem 0;
        }

        .offline-expertise-wrap .oe-main-heading {
            font-size: 1.8rem;
        }

        .offline-expertise-wrap .oe-sub-heading {
            font-size: 1rem;
        }

        .offline-expertise-wrap .oe-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .offline-expertise-wrap .oe-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .offline-expertise-wrap .oe-footer {
            padding: 1rem 1.2rem;
        }

        .offline-expertise-wrap .oe-footer .oe-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .offline-expertise-wrap {
            padding: 2.5rem 0;
        }

        .offline-expertise-wrap .oe-main-heading {
            font-size: 1.5rem;
        }

        .offline-expertise-wrap .oe-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .offline-expertise-wrap .oe-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .offline-expertise-wrap .oe-card .oe-card-icon {
            font-size: 1rem;
        }

        .offline-expertise-wrap .oe-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .offline-expertise-wrap .oe-footer .oe-footer-text {
            font-size: 0.85rem;
        }

        .offline-expertise-wrap .oe-footer .oe-footer-icon {
            font-size: 1.5rem;
        }
    }




    /* ── SECTION 196: KNOWLEDGE-TO-AUTHORITY (CYCLIC 2) ── */
    .knowledge-authority-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .knowledge-authority-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .knowledge-authority-wrap .ka-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .knowledge-authority-wrap:hover .ka-main-heading {
        letter-spacing: 0.02em;
    }

    .knowledge-authority-wrap .ka-main-heading .ka-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .knowledge-authority-wrap:hover .ka-main-heading .ka-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .knowledge-authority-wrap .ka-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .knowledge-authority-wrap:hover .ka-sub-heading {
        letter-spacing: 0.02em;
    }

    .knowledge-authority-wrap .ka-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .knowledge-authority-wrap:hover .ka-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .knowledge-authority-wrap .ka-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .knowledge-authority-wrap:hover .ka-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Flow ── */
    .knowledge-authority-wrap .ka-flow {
        max-width: 550px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .knowledge-authority-wrap .ka-step {
        padding: 0.9rem 1.2rem;
        margin: 0.2rem auto;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        max-width: 420px;
        position: relative;
        overflow: hidden;
    }

    .knowledge-authority-wrap .ka-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 12px;
    }

    .knowledge-authority-wrap .ka-step:hover {
        transform: translateX(8px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 4px 30px rgba(132, 198, 21, 0.04);
    }

    .knowledge-authority-wrap .ka-step:hover::before {
        left: 100%;
    }

    .knowledge-authority-wrap .ka-step .ka-step-icon {
        display: inline-block;
        font-size: 1.3rem;
        margin-right: 8px;
        vertical-align: middle;
        transition: transform 0.4s ease;
    }

    .knowledge-authority-wrap .ka-step:hover .ka-step-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .knowledge-authority-wrap .ka-step .ka-step-label {
        font-weight: 700;
        font-size: 1rem;
        color: #d0d0d0;
        vertical-align: middle;
        transition: color 0.3s ease;
    }

    .knowledge-authority-wrap .ka-step:hover .ka-step-label {
        color: #84c615;
    }

    .knowledge-authority-wrap .ka-step .ka-step-desc {
        display: block;
        font-size: 0.85rem;
        color: #808080;
        margin-top: 0.2rem;
        transition: color 0.3s ease;
    }

    .knowledge-authority-wrap .ka-step:hover .ka-step-desc {
        color: #b0b0b0;
    }

    .knowledge-authority-wrap .ka-step-highlight {
        border-color: rgba(132, 198, 21, 0.12);
        background: rgba(132, 198, 21, 0.03);
    }

    .knowledge-authority-wrap .ka-step-highlight:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.08);
    }

    .knowledge-authority-wrap .ka-step-highlight .ka-step-label {
        color: #84c615;
    }

    .knowledge-authority-wrap .ka-arrow {
        text-align: center;
        font-size: 1.2rem;
        padding: 0.05rem 0;
        color: #84c615;
        opacity: 0.3;
        transition: all 0.4s ease;
    }

    .knowledge-authority-wrap .ka-arrow:hover {
        opacity: 0.8;
        transform: scale(1.3);
    }

    /* ── Footer ── */
    .knowledge-authority-wrap .ka-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .knowledge-authority-wrap .ka-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .knowledge-authority-wrap .ka-footer .ka-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .knowledge-authority-wrap .ka-footer:hover .ka-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .knowledge-authority-wrap .ka-footer .ka-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .knowledge-authority-wrap .ka-footer .ka-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .knowledge-authority-wrap {
            padding: 3.5rem 0;
        }

        .knowledge-authority-wrap .ka-main-heading {
            font-size: 1.8rem;
        }

        .knowledge-authority-wrap .ka-sub-heading {
            font-size: 1rem;
        }

        .knowledge-authority-wrap .ka-step {
            padding: 0.8rem 1rem;
        }

        .knowledge-authority-wrap .ka-step .ka-step-label {
            font-size: 0.9rem;
        }

        .knowledge-authority-wrap .ka-step .ka-step-desc {
            font-size: 0.8rem;
        }

        .knowledge-authority-wrap .ka-footer {
            padding: 1rem 1.2rem;
        }

        .knowledge-authority-wrap .ka-footer .ka-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .knowledge-authority-wrap {
            padding: 2.5rem 0;
        }

        .knowledge-authority-wrap .ka-main-heading {
            font-size: 1.5rem;
        }

        .knowledge-authority-wrap .ka-step {
            padding: 0.6rem 0.8rem;
        }

        .knowledge-authority-wrap .ka-step .ka-step-icon {
            font-size: 1.1rem;
        }

        .knowledge-authority-wrap .ka-step .ka-step-label {
            font-size: 0.85rem;
        }

        .knowledge-authority-wrap .ka-step .ka-step-desc {
            font-size: 0.75rem;
        }

        .knowledge-authority-wrap .ka-arrow {
            font-size: 1rem;
        }

        .knowledge-authority-wrap .ka-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .knowledge-authority-wrap .ka-footer .ka-footer-text {
            font-size: 0.85rem;
        }

        .knowledge-authority-wrap .ka-footer .ka-footer-icon {
            font-size: 1.5rem;
        }
    }






    /* ── SECTION 198: EXPECT-FROM-SEO-COMPANY (CYCLIC 2) ── */
    .expect-seo-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .expect-seo-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .expect-seo-wrap .es-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .expect-seo-wrap:hover .es-main-heading {
        letter-spacing: 0.02em;
    }

    .expect-seo-wrap .es-main-heading .es-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .expect-seo-wrap:hover .es-main-heading .es-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .expect-seo-wrap .es-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .expect-seo-wrap:hover .es-sub-heading {
        letter-spacing: 0.02em;
    }

    .expect-seo-wrap .es-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .expect-seo-wrap:hover .es-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .expect-seo-wrap .es-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .expect-seo-wrap:hover .es-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .expect-seo-wrap .es-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .expect-seo-wrap .es-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .expect-seo-wrap .es-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .expect-seo-wrap .es-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .expect-seo-wrap .es-card:hover::before {
        opacity: 1;
    }

    .expect-seo-wrap .es-card .es-card-icon {
        display: block;
        font-size: 1.6rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .expect-seo-wrap .es-card:hover .es-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .expect-seo-wrap .es-card .es-card-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #d0d0d0;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .expect-seo-wrap .es-card:hover .es-card-label {
        color: #84c615;
    }

    .expect-seo-wrap .es-card .es-card-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .expect-seo-wrap .es-card:hover .es-card-desc {
        color: #b0b0b0;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .expect-seo-wrap {
            padding: 3.5rem 0;
        }

        .expect-seo-wrap .es-main-heading {
            font-size: 1.8rem;
        }

        .expect-seo-wrap .es-sub-heading {
            font-size: 1rem;
        }

        .expect-seo-wrap .es-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .expect-seo-wrap .es-card {
            padding: 0.8rem 0.5rem;
        }

        .expect-seo-wrap .es-card .es-card-icon {
            font-size: 1.3rem;
        }

        .expect-seo-wrap .es-card .es-card-label {
            font-size: 0.85rem;
        }

        .expect-seo-wrap .es-card .es-card-desc {
            font-size: 0.75rem;
        }
    }

    @media (max-width: 480px) {
        .expect-seo-wrap {
            padding: 2.5rem 0;
        }

        .expect-seo-wrap .es-main-heading {
            font-size: 1.5rem;
        }

        .expect-seo-wrap .es-grid {
            grid-template-columns: 1fr;
            gap: 0.5rem;
        }

        .expect-seo-wrap .es-card {
            padding: 0.8rem 0.4rem;
        }

        .expect-seo-wrap .es-card .es-card-icon {
            font-size: 1.2rem;
        }

        .expect-seo-wrap .es-card .es-card-label {
            font-size: 0.85rem;
        }

        .expect-seo-wrap .es-card .es-card-desc {
            font-size: 0.75rem;
        }
    }





    /* ── SECTION 199: BUSINESSES-BE-CAREFUL (CYCLIC 1) ── */
    .be-careful-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .be-careful-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .be-careful-wrap .bc-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .be-careful-wrap:hover .bc-main-heading {
        letter-spacing: 0.02em;
    }

    .be-careful-wrap .bc-main-heading .bc-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .be-careful-wrap:hover .bc-main-heading .bc-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .be-careful-wrap .bc-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .be-careful-wrap:hover .bc-sub-heading {
        letter-spacing: 0.02em;
    }

    .be-careful-wrap .bc-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .be-careful-wrap:hover .bc-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .be-careful-wrap .bc-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .be-careful-wrap:hover .bc-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .be-careful-wrap .bc-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .be-careful-wrap .bc-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(231, 76, 60, 0.08);
        background: rgba(231, 76, 60, 0.02);
        color: #4a3a3a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .be-careful-wrap .bc-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(231, 76, 60, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .be-careful-wrap .bc-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        box-shadow: 0 6px 25px rgba(231, 76, 60, 0.04);
        color: #2a1a1a;
    }

    .be-careful-wrap .bc-card:hover::before {
        left: 100%;
    }

    .be-careful-wrap .bc-card .bc-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .be-careful-wrap .bc-card:hover .bc-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .be-careful-wrap .bc-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .be-careful-wrap .bc-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .be-careful-wrap .bc-footer .bc-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .be-careful-wrap .bc-footer:hover .bc-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .be-careful-wrap .bc-footer .bc-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .be-careful-wrap .bc-footer .bc-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .be-careful-wrap {
            padding: 3.5rem 0;
        }

        .be-careful-wrap .bc-main-heading {
            font-size: 1.8rem;
        }

        .be-careful-wrap .bc-sub-heading {
            font-size: 1rem;
        }

        .be-careful-wrap .bc-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .be-careful-wrap .bc-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .be-careful-wrap .bc-footer {
            padding: 1rem 1.2rem;
        }

        .be-careful-wrap .bc-footer .bc-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .be-careful-wrap {
            padding: 2.5rem 0;
        }

        .be-careful-wrap .bc-main-heading {
            font-size: 1.5rem;
        }

        .be-careful-wrap .bc-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .be-careful-wrap .bc-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .be-careful-wrap .bc-card .bc-card-icon {
            font-size: 1rem;
        }

        .be-careful-wrap .bc-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .be-careful-wrap .bc-footer .bc-footer-text {
            font-size: 0.85rem;
        }

        .be-careful-wrap .bc-footer .bc-footer-icon {
            font-size: 1.5rem;
        }
    }




    /* ── SECTION 200: SEO-QUALITY-PRINCIPLES (CYCLIC 2) ── */
    .quality-principles-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .quality-principles-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .quality-principles-wrap .qp-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .quality-principles-wrap:hover .qp-main-heading {
        letter-spacing: 0.02em;
    }

    .quality-principles-wrap .qp-main-heading .qp-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .quality-principles-wrap:hover .qp-main-heading .qp-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .quality-principles-wrap .qp-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .quality-principles-wrap:hover .qp-sub-heading {
        letter-spacing: 0.02em;
    }

    .quality-principles-wrap .qp-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .quality-principles-wrap:hover .qp-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .quality-principles-wrap .qp-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .quality-principles-wrap:hover .qp-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .quality-principles-wrap .qp-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .quality-principles-wrap .qp-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .quality-principles-wrap .qp-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .quality-principles-wrap .qp-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .quality-principles-wrap .qp-card:hover::before {
        opacity: 1;
    }

    .quality-principles-wrap .qp-card .qp-card-num {
        display: inline-block;
        font-size: 0.75rem;
        font-weight: 700;
        color: #84c615;
        background: rgba(132, 198, 21, 0.1);
        padding: 0.1rem 0.6rem;
        border-radius: 20px;
        margin-bottom: 0.3rem;
        transition: all 0.3s ease;
    }

    .quality-principles-wrap .qp-card:hover .qp-card-num {
        background: rgba(132, 198, 21, 0.2);
        transform: scale(1.05);
    }

    .quality-principles-wrap .qp-card .qp-card-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #d0d0d0;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .quality-principles-wrap .qp-card:hover .qp-card-label {
        color: #84c615;
    }

    .quality-principles-wrap .qp-card .qp-card-desc {
        display: block;
        font-size: 0.8rem;
        color: #808080;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .quality-principles-wrap .qp-card:hover .qp-card-desc {
        color: #b0b0b0;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .quality-principles-wrap {
            padding: 3.5rem 0;
        }

        .quality-principles-wrap .qp-main-heading {
            font-size: 1.8rem;
        }

        .quality-principles-wrap .qp-sub-heading {
            font-size: 1rem;
        }

        .quality-principles-wrap .qp-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .quality-principles-wrap .qp-card {
            padding: 0.8rem 0.5rem;
        }

        .quality-principles-wrap .qp-card .qp-card-label {
            font-size: 0.85rem;
        }

        .quality-principles-wrap .qp-card .qp-card-desc {
            font-size: 0.75rem;
        }
    }

    @media (max-width: 480px) {
        .quality-principles-wrap {
            padding: 2.5rem 0;
        }

        .quality-principles-wrap .qp-main-heading {
            font-size: 1.5rem;
        }

        .quality-principles-wrap .qp-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .quality-principles-wrap .qp-card {
            padding: 0.6rem 0.3rem;
        }

        .quality-principles-wrap .qp-card .qp-card-label {
            font-size: 0.8rem;
        }

        .quality-principles-wrap .qp-card .qp-card-desc {
            font-size: 0.7rem;
        }

        .quality-principles-wrap .qp-card .qp-card-num {
            font-size: 0.65rem;
        }
    }






    /* ── SECTION 201: WHY-FRESHORA (CYCLIC 1) ── */
    .why-freshora-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .why-freshora-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .why-freshora-wrap .wf-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .why-freshora-wrap:hover .wf-main-heading {
        letter-spacing: 0.02em;
    }

    .why-freshora-wrap .wf-main-heading .wf-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .why-freshora-wrap:hover .wf-main-heading .wf-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .why-freshora-wrap .wf-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .why-freshora-wrap:hover .wf-sub-heading {
        letter-spacing: 0.02em;
    }

    .why-freshora-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .why-freshora-wrap:hover p {
        padding: 0 0.5rem;
    }

    .why-freshora-wrap .wf-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .why-freshora-wrap:hover .wf-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .why-freshora-wrap .wf-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .why-freshora-wrap:hover .wf-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .why-freshora-wrap .wf-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .why-freshora-wrap .wf-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .why-freshora-wrap .wf-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .why-freshora-wrap .wf-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .why-freshora-wrap .wf-card:hover::before {
        left: 100%;
    }

    .why-freshora-wrap .wf-card .wf-card-icon {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .why-freshora-wrap .wf-card:hover .wf-card-icon {
        transform: scale(1.15);
    }

    /* ── Insight Grid ── */
    .why-freshora-wrap .wf-insight-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .why-freshora-wrap .wf-insight-card {
        padding: 0.9rem 0.8rem;
        border-radius: 12px;
        border-left: 3px solid #84c615;
        background: rgba(132, 198, 21, 0.02);
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .why-freshora-wrap .wf-insight-card:hover {
        background: rgba(132, 198, 21, 0.06);
        transform: translateX(4px);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
    }

    .why-freshora-wrap .wf-insight-card .wf-insight-icon {
        font-size: 1.4rem;
        flex-shrink: 0;
        transition: transform 0.4s ease;
    }

    .why-freshora-wrap .wf-insight-card:hover .wf-insight-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .why-freshora-wrap .wf-insight-card .wf-insight-text {
        font-size: 0.9rem;
        color: #2a2a2a;
        line-height: 1.5;
        transition: color 0.3s ease;
    }

    .why-freshora-wrap .wf-insight-card:hover .wf-insight-text {
        color: #1a1a1a;
    }

    /* ── Footer ── */
    .why-freshora-wrap .wf-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .why-freshora-wrap .wf-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .why-freshora-wrap .wf-footer .wf-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .why-freshora-wrap .wf-footer:hover .wf-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .why-freshora-wrap .wf-footer .wf-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .why-freshora-wrap .wf-footer .wf-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .why-freshora-wrap {
            padding: 3.5rem 0;
        }

        .why-freshora-wrap .wf-main-heading {
            font-size: 1.8rem;
        }

        .why-freshora-wrap .wf-sub-heading {
            font-size: 1rem;
        }

        .why-freshora-wrap .wf-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 0.6rem;
        }

        .why-freshora-wrap .wf-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .why-freshora-wrap .wf-insight-grid {
            grid-template-columns: 1fr;
            gap: 0.6rem;
        }

        .why-freshora-wrap .wf-footer {
            padding: 1rem 1.2rem;
        }

        .why-freshora-wrap .wf-footer .wf-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .why-freshora-wrap {
            padding: 2.5rem 0;
        }

        .why-freshora-wrap .wf-main-heading {
            font-size: 1.5rem;
        }

        .why-freshora-wrap .wf-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.5rem;
        }

        .why-freshora-wrap .wf-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .why-freshora-wrap .wf-insight-card {
            padding: 0.6rem 0.6rem;
        }

        .why-freshora-wrap .wf-insight-card .wf-insight-text {
            font-size: 0.8rem;
        }

        .why-freshora-wrap .wf-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .why-freshora-wrap .wf-footer .wf-footer-text {
            font-size: 0.85rem;
        }
    }






    /* ── SECTION 202: SEO-SMARTPRO (CYCLIC 2) ── */
    .smartpro-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .smartpro-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .smartpro-wrap .sp2-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .smartpro-wrap:hover .sp2-main-heading {
        letter-spacing: 0.02em;
    }

    .smartpro-wrap .sp2-main-heading .sp2-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .smartpro-wrap:hover .sp2-main-heading .sp2-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .smartpro-wrap .sp2-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .smartpro-wrap:hover .sp2-sub-heading {
        letter-spacing: 0.02em;
    }

    .smartpro-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .smartpro-wrap:hover p {
        padding: 0 0.5rem;
    }

    .smartpro-wrap .sp2-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .smartpro-wrap:hover .sp2-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .smartpro-wrap .sp2-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .smartpro-wrap:hover .sp2-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .smartpro-wrap .sp2-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .smartpro-wrap .sp2-card {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .smartpro-wrap .sp2-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .smartpro-wrap .sp2-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .smartpro-wrap .sp2-card:hover::before {
        opacity: 1;
    }

    .smartpro-wrap .sp2-card .sp2-card-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .smartpro-wrap .sp2-card:hover .sp2-card-icon {
        transform: scale(1.15);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .smartpro-wrap {
            padding: 3.5rem 0;
        }

        .smartpro-wrap .sp2-main-heading {
            font-size: 1.8rem;
        }

        .smartpro-wrap .sp2-sub-heading {
            font-size: 1rem;
        }

        .smartpro-wrap .sp2-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 0.5rem;
        }

        .smartpro-wrap .sp2-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.2rem;
        }

        .smartpro-wrap .sp2-card .sp2-card-icon {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .smartpro-wrap {
            padding: 2.5rem 0;
        }

        .smartpro-wrap .sp2-main-heading {
            font-size: 1.5rem;
        }

        .smartpro-wrap .sp2-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.4rem;
        }

        .smartpro-wrap .sp2-card {
            font-size: 0.65rem;
            padding: 0.4rem 0.15rem;
        }

        .smartpro-wrap .sp2-card .sp2-card-icon {
            font-size: 0.8rem;
        }
    }




    /* ── SECTION 203: SEO-PARTNERSHIP (CYCLIC 1) ── */
    .partnership-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .partnership-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .partnership-wrap .pt-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .partnership-wrap:hover .pt-main-heading {
        letter-spacing: 0.02em;
    }

    .partnership-wrap .pt-main-heading .pt-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .partnership-wrap:hover .pt-main-heading .pt-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .partnership-wrap .pt-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .partnership-wrap:hover .pt-sub-heading {
        letter-spacing: 0.02em;
    }

    .partnership-wrap .pt-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .partnership-wrap:hover .pt-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .partnership-wrap .pt-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .partnership-wrap:hover .pt-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .partnership-wrap .pt-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .partnership-wrap .pt-card {
        padding: 1.5rem 1.2rem;
        border-radius: 14px;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .partnership-wrap .pt-card-business {
        border: 1px solid rgba(46, 204, 113, 0.15);
        background: rgba(46, 204, 113, 0.03);
    }

    .partnership-wrap .pt-card-business:hover {
        border-color: #2ecc71;
        background: rgba(46, 204, 113, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(46, 204, 113, 0.06);
    }

    .partnership-wrap .pt-card-seo {
        border: 1px solid rgba(132, 198, 21, 0.15);
        background: rgba(132, 198, 21, 0.03);
    }

    .partnership-wrap .pt-card-seo:hover {
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .partnership-wrap .pt-card .pt-card-icon {
        display: block;
        font-size: 2rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .partnership-wrap .pt-card:hover .pt-card-icon {
        transform: scale(1.1) rotate(-5deg);
    }

    .partnership-wrap .pt-card .pt-card-label {
        display: block;
        font-weight: 700;
        font-size: 1rem;
        margin-bottom: 0.5rem;
        color: #1a1a1a;
    }

    .partnership-wrap .pt-card-business .pt-card-label {
        color: #2ecc71;
    }

    .partnership-wrap .pt-card-seo .pt-card-label {
        color: #84c615;
    }

    .partnership-wrap .pt-card .pt-card-list {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .partnership-wrap .pt-card .pt-card-list li {
        padding: 0.25rem 0;
        font-size: 0.85rem;
        color: #4a4a4a;
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
        transition: all 0.3s ease;
    }

    .partnership-wrap .pt-card:hover .pt-card-list li {
        color: #2a2a2a;
        transform: translateX(4px);
    }

    /* ── Footer ── */
    .partnership-wrap .pt-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .partnership-wrap .pt-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .partnership-wrap .pt-footer .pt-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .partnership-wrap .pt-footer:hover .pt-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .partnership-wrap .pt-footer .pt-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .partnership-wrap .pt-footer .pt-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .partnership-wrap {
            padding: 3.5rem 0;
        }

        .partnership-wrap .pt-main-heading {
            font-size: 1.8rem;
        }

        .partnership-wrap .pt-sub-heading {
            font-size: 1rem;
        }

        .partnership-wrap .pt-grid {
            grid-template-columns: 1fr;
            gap: 1rem;
        }

        .partnership-wrap .pt-card {
            padding: 1.2rem 1rem;
        }

        .partnership-wrap .pt-footer {
            padding: 1rem 1.2rem;
        }

        .partnership-wrap .pt-footer .pt-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .partnership-wrap {
            padding: 2.5rem 0;
        }

        .partnership-wrap .pt-main-heading {
            font-size: 1.5rem;
        }

        .partnership-wrap .pt-card .pt-card-list li {
            font-size: 0.75rem;
        }

        .partnership-wrap .pt-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .partnership-wrap .pt-footer .pt-footer-text {
            font-size: 0.85rem;
        }

        .partnership-wrap .pt-footer .pt-footer-icon {
            font-size: 1.5rem;
        }
    }






    /* ── SECTION 204: TURNING-EXPERIENCE (CYCLIC 2) ── */
    .turning-experience-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .turning-experience-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .turning-experience-wrap .te-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .turning-experience-wrap:hover .te-main-heading {
        letter-spacing: 0.02em;
    }

    .turning-experience-wrap .te-main-heading .te-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .turning-experience-wrap:hover .te-main-heading .te-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .turning-experience-wrap .te-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .turning-experience-wrap:hover .te-sub-heading {
        letter-spacing: 0.02em;
    }

    .turning-experience-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .turning-experience-wrap:hover p {
        padding: 0 0.5rem;
    }

    .turning-experience-wrap .te-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .turning-experience-wrap:hover .te-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .turning-experience-wrap .te-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .turning-experience-wrap:hover .te-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .turning-experience-wrap .te-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .turning-experience-wrap .te-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .turning-experience-wrap .te-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .turning-experience-wrap .te-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .turning-experience-wrap .te-card:hover::before {
        opacity: 1;
    }

    .turning-experience-wrap .te-card .te-card-icon {
        display: block;
        font-size: 1.6rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .turning-experience-wrap .te-card:hover .te-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .turning-experience-wrap .te-card .te-card-label {
        display: block;
        font-size: 0.9rem;
        font-weight: 600;
        color: #d0d0d0;
        transition: color 0.3s ease;
    }

    .turning-experience-wrap .te-card:hover .te-card-label {
        color: #84c615;
    }

    /* ── Footer ── */
    .turning-experience-wrap .te-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .turning-experience-wrap .te-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .turning-experience-wrap .te-footer .te-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .turning-experience-wrap .te-footer:hover .te-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .turning-experience-wrap .te-footer .te-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .turning-experience-wrap .te-footer .te-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .turning-experience-wrap {
            padding: 3.5rem 0;
        }

        .turning-experience-wrap .te-main-heading {
            font-size: 1.8rem;
        }

        .turning-experience-wrap .te-sub-heading {
            font-size: 1rem;
        }

        .turning-experience-wrap .te-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .turning-experience-wrap .te-card {
            padding: 0.8rem 0.5rem;
        }

        .turning-experience-wrap .te-card .te-card-icon {
            font-size: 1.3rem;
        }

        .turning-experience-wrap .te-card .te-card-label {
            font-size: 0.8rem;
        }

        .turning-experience-wrap .te-footer {
            padding: 1rem 1.2rem;
        }

        .turning-experience-wrap .te-footer .te-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .turning-experience-wrap {
            padding: 2.5rem 0;
        }

        .turning-experience-wrap .te-main-heading {
            font-size: 1.5rem;
        }

        .turning-experience-wrap .te-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .turning-experience-wrap .te-card {
            padding: 0.6rem 0.3rem;
        }

        .turning-experience-wrap .te-card .te-card-icon {
            font-size: 1.1rem;
        }

        .turning-experience-wrap .te-card .te-card-label {
            font-size: 0.75rem;
        }

        .turning-experience-wrap .te-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .turning-experience-wrap .te-footer .te-footer-text {
            font-size: 0.85rem;
        }
    }




<!-- ============================================ -->
<!-- SECTION 205: BUILD-SEARCH-VISIBILITY (CYCLIC 1) -->
<!-- ============================================ -->
<section class="build-visibility-wrap" id="build-visibility">
    <div class="container section-wrapper">
        <span class="bv-accent-line"></span>
        <h2 class="bv-main-heading">
            <span class="bv-heading-border">Build Search Visibility</span>
            <br />
            <span class="bv-heading-accent">That Can Last</span>
        </h2>
        <p class="bv-sub-heading">
            SEO is not simply a competition to publish more pages than everyone else.
        </p>

        <p>It is a process of becoming:</p>

        <div class="bv-grid">
            <div class="bv-card"><span class="bv-card-icon">🎯</span> More Relevant</div>
            <div class="bv-card"><span class="bv-card-icon">📝</span> More Useful</div>
            <div class="bv-card"><span class="bv-card-icon">🔍</span> More Discoverable</div>
            <div class="bv-card"><span class="bv-card-icon">✅</span> More Trustworthy</div>
            <div class="bv-card"><span class="bv-card-icon">🏛️</span> More Authoritative</div>
            <div class="bv-card"><span class="bv-card-icon">💎</span> More Valuable</div>
        </div>

        <p>
            Freshora Digital Technologies applies this philosophy through a structured combination of technical SEO, content strategy, local search, authority development, AI-ready information architecture and continuous optimisation.
        </p>

        <div class="bv-footer">
            <span class="bv-footer-icon">🎯</span>
            <span class="bv-footer-text">The goal is not merely to make your website visible. <strong>The goal is to make your business the answer people are looking for.</strong></span>
        </div>
    </div>
</section>


    /* ── SECTION 205: BUILD-SEARCH-VISIBILITY (CYCLIC 1) ── */
    .build-visibility-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .build-visibility-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .build-visibility-wrap .bv-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .build-visibility-wrap:hover .bv-main-heading {
        letter-spacing: 0.02em;
    }

    .build-visibility-wrap .bv-main-heading .bv-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .build-visibility-wrap:hover .bv-main-heading .bv-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .build-visibility-wrap .bv-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .build-visibility-wrap:hover .bv-sub-heading {
        letter-spacing: 0.02em;
    }

    .build-visibility-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .build-visibility-wrap:hover p {
        padding: 0 0.5rem;
    }

    .build-visibility-wrap .bv-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .build-visibility-wrap:hover .bv-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .build-visibility-wrap .bv-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .build-visibility-wrap:hover .bv-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .build-visibility-wrap .bv-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .build-visibility-wrap .bv-card {
        padding: 1rem 0.6rem;
        border-radius: 12px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .build-visibility-wrap .bv-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 12px;
    }

    .build-visibility-wrap .bv-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
    }

    .build-visibility-wrap .bv-card:hover::before {
        left: 100%;
    }

    .build-visibility-wrap .bv-card .bv-card-icon {
        display: block;
        font-size: 1.6rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .build-visibility-wrap .bv-card:hover .bv-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    /* ── Footer ── */
    .build-visibility-wrap .bv-footer {
        max-width: 820px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.03);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .build-visibility-wrap .bv-footer:hover {
        background: rgba(132, 198, 21, 0.06);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .build-visibility-wrap .bv-footer .bv-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .build-visibility-wrap .bv-footer:hover .bv-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .build-visibility-wrap .bv-footer .bv-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .build-visibility-wrap .bv-footer .bv-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .build-visibility-wrap {
            padding: 3.5rem 0;
        }

        .build-visibility-wrap .bv-main-heading {
            font-size: 1.8rem;
        }

        .build-visibility-wrap .bv-sub-heading {
            font-size: 1rem;
        }

        .build-visibility-wrap .bv-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .build-visibility-wrap .bv-card {
            padding: 0.8rem 0.5rem;
        }

        .build-visibility-wrap .bv-card .bv-card-icon {
            font-size: 1.3rem;
        }

        .build-visibility-wrap .bv-footer {
            padding: 1rem 1.2rem;
        }

        .build-visibility-wrap .bv-footer .bv-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .build-visibility-wrap {
            padding: 2.5rem 0;
        }

        .build-visibility-wrap .bv-main-heading {
            font-size: 1.5rem;
        }

        .build-visibility-wrap .bv-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .build-visibility-wrap .bv-card {
            padding: 0.6rem 0.3rem;
        }

        .build-visibility-wrap .bv-card .bv-card-icon {
            font-size: 1.1rem;
        }

        .build-visibility-wrap .bv-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .build-visibility-wrap .bv-footer .bv-footer-text {
            font-size: 0.85rem;
        }
    }





<!-- ============================================ -->
<!-- SECTION 206: SEO-COST (CYCLIC 2)             -->
<!-- ============================================ -->
<section class="seo-cost-wrap" id="seo-cost">
    <div class="container section-wrapper">
        <span class="sc-accent-line"></span>
        <h2 class="sc-main-heading">
            <span class="sc-heading-border">SEO Cost, Timeline, Deliverables</span>
            <br />
            <span class="sc-heading-accent">&amp; How to Choose the Right SEO Company</span>
        </h2>
        <p class="sc-sub-heading">
            One of the first questions businesses ask before starting SEO is:
        </p>

        <div class="sc-question-grid">
            <div class="sc-question-card">
                <span class="sc-q-icon">💰</span>
                <span class="sc-q-text">How much does SEO cost?</span>
            </div>
            <div class="sc-question-card">
                <span class="sc-q-icon">⏱️</span>
                <span class="sc-q-text">How long does SEO take to work?</span>
            </div>
            <div class="sc-question-card">
                <span class="sc-q-icon">📋</span>
                <span class="sc-q-text">What exactly will the SEO company do every month?</span>
            </div>
        </div>

        <p>
            These are important questions, but there is no responsible one-size-fits-all answer.
        </p>

        <p>
            The cost and timeline of SEO depend on the website, competition, industry, location, current authority, technical condition, content requirements and business objectives.
        </p>

        <p>
            At <strong style="color:#84c615;">Freshora Digital Technologies</strong>, we believe businesses should understand what they are investing in before committing to an SEO campaign.
        </p>
    </div>
</section>


    /* ── SECTION 206: SEO-COST (CYCLIC 2) ── */
    .seo-cost-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .seo-cost-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .seo-cost-wrap .sc-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .seo-cost-wrap:hover .sc-main-heading {
        letter-spacing: 0.02em;
    }

    .seo-cost-wrap .sc-main-heading .sc-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .seo-cost-wrap:hover .sc-main-heading .sc-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .seo-cost-wrap .sc-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .seo-cost-wrap:hover .sc-sub-heading {
        letter-spacing: 0.02em;
    }

    .seo-cost-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .seo-cost-wrap:hover p {
        padding: 0 0.5rem;
    }

    .seo-cost-wrap .sc-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .seo-cost-wrap:hover .sc-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .seo-cost-wrap .sc-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .seo-cost-wrap:hover .sc-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Question Grid ── */
    .seo-cost-wrap .sc-question-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        max-width: 800px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .seo-cost-wrap .sc-question-card {
        padding: 1.2rem 0.8rem;
        border-radius: 14px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .seo-cost-wrap .sc-question-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 14px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .seo-cost-wrap .sc-question-card:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 8px 35px rgba(132, 198, 21, 0.04);
    }

    .seo-cost-wrap .sc-question-card:hover::before {
        opacity: 1;
    }

    .seo-cost-wrap .sc-question-card .sc-q-icon {
        display: block;
        font-size: 2rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .seo-cost-wrap .sc-question-card:hover .sc-q-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .seo-cost-wrap .sc-question-card .sc-q-text {
        display: block;
        font-size: 0.95rem;
        font-weight: 600;
        color: #d0d0d0;
        transition: color 0.3s ease;
    }

    .seo-cost-wrap .sc-question-card:hover .sc-q-text {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .seo-cost-wrap {
            padding: 3.5rem 0;
        }

        .seo-cost-wrap .sc-main-heading {
            font-size: 1.8rem;
        }

        .seo-cost-wrap .sc-sub-heading {
            font-size: 1rem;
        }

        .seo-cost-wrap .sc-question-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.7rem;
        }

        .seo-cost-wrap .sc-question-card {
            padding: 1rem 0.6rem;
        }

        .seo-cost-wrap .sc-question-card .sc-q-icon {
            font-size: 1.6rem;
        }

        .seo-cost-wrap .sc-question-card .sc-q-text {
            font-size: 0.85rem;
        }
    }

    @media (max-width: 480px) {
        .seo-cost-wrap {
            padding: 2.5rem 0;
        }

        .seo-cost-wrap .sc-main-heading {
            font-size: 1.5rem;
        }

        .seo-cost-wrap .sc-question-grid {
            grid-template-columns: 1fr;
            gap: 0.6rem;
        }

        .seo-cost-wrap .sc-question-card {
            padding: 0.8rem 0.5rem;
        }

        .seo-cost-wrap .sc-question-card .sc-q-icon {
            font-size: 1.4rem;
        }

        .seo-cost-wrap .sc-question-card .sc-q-text {
            font-size: 0.85rem;
        }
    }




<!-- ============================================ -->
<!-- SECTION 207: SEO-COST-FACTORS (CYCLIC 1)     -->
<!-- ============================================ -->
<section class="cost-factors-wrap" id="cost-factors">
    <div class="container section-wrapper">
        <span class="cf2-accent-line"></span>
        <h2 class="cf2-main-heading">
            <span class="cf2-heading-border">What Determines</span>
            <br />
            <span class="cf2-heading-accent">SEO Cost?</span>
        </h2>
        <p class="cf2-sub-heading">
            SEO pricing is influenced by the complexity and competitiveness of the project.
        </p>

        <p>Important factors include:</p>

        <div class="cf2-grid">
            <div class="cf2-card"><span class="cf2-card-icon">📄</span> Number of Website Pages</div>
            <div class="cf2-card"><span class="cf2-card-icon">💻</span> Website Technology</div>
            <div class="cf2-card"><span class="cf2-card-icon">⚙️</span> Technical SEO Condition</div>
            <div class="cf2-card"><span class="cf2-card-icon">🏆</span> Competition</div>
            <div class="cf2-card"><span class="cf2-card-icon">📍</span> Target Locations</div>
            <div class="cf2-card"><span class="cf2-card-icon">📋</span> Number of Services</div>
            <div class="cf2-card"><span class="cf2-card-icon">🔑</span> Number of Keywords</div>
            <div class="cf2-card"><span class="cf2-card-icon">📝</span> Content Requirements</div>
            <div class="cf2-card"><span class="cf2-card-icon">🏛️</span> Existing Authority</div>
            <div class="cf2-card"><span class="cf2-card-icon">🔗</span> Backlink Profile</div>
            <div class="cf2-card"><span class="cf2-card-icon">📍</span> Local SEO Requirements</div>
            <div class="cf2-card"><span class="cf2-card-icon">🛒</span> eCommerce Complexity</div>
            <div class="cf2-card"><span class="cf2-card-icon">🗺️</span> Number of Locations</div>
            <div class="cf2-card"><span class="cf2-card-icon">🌐</span> International Markets</div>
            <div class="cf2-card"><span class="cf2-card-icon">📊</span> Required Reporting</div>
            <div class="cf2-card"><span class="cf2-card-icon">📈</span> Conversion Optimisation</div>
        </div>

        <p>
            A small local business and a large eCommerce website may both need SEO, but the work involved can be completely different.
        </p>
    </div>
</section>


    /* ── SECTION 207: SEO-COST-FACTORS (CYCLIC 1) ── */
    .cost-factors-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .cost-factors-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .cost-factors-wrap .cf2-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .cost-factors-wrap:hover .cf2-main-heading {
        letter-spacing: 0.02em;
    }

    .cost-factors-wrap .cf2-main-heading .cf2-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .cost-factors-wrap:hover .cf2-main-heading .cf2-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .cost-factors-wrap .cf2-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .cost-factors-wrap:hover .cf2-sub-heading {
        letter-spacing: 0.02em;
    }

    .cost-factors-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .cost-factors-wrap:hover p {
        padding: 0 0.5rem;
    }

    .cost-factors-wrap .cf2-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .cost-factors-wrap:hover .cf2-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .cost-factors-wrap .cf2-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .cost-factors-wrap:hover .cf2-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .cost-factors-wrap .cf2-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .cost-factors-wrap .cf2-card {
        padding: 0.7rem 0.3rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.8rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .cost-factors-wrap .cf2-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .cost-factors-wrap .cf2-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .cost-factors-wrap .cf2-card:hover::before {
        left: 100%;
    }

    .cost-factors-wrap .cf2-card .cf2-card-icon {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .cost-factors-wrap .cf2-card:hover .cf2-card-icon {
        transform: scale(1.15);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .cost-factors-wrap {
            padding: 3.5rem 0;
        }

        .cost-factors-wrap .cf2-main-heading {
            font-size: 1.8rem;
        }

        .cost-factors-wrap .cf2-sub-heading {
            font-size: 1rem;
        }

        .cost-factors-wrap .cf2-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .cost-factors-wrap .cf2-card {
            font-size: 0.75rem;
            padding: 0.6rem 0.2rem;
        }

        .cost-factors-wrap .cf2-card .cf2-card-icon {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .cost-factors-wrap {
            padding: 2.5rem 0;
        }

        .cost-factors-wrap .cf2-main-heading {
            font-size: 1.5rem;
        }

        .cost-factors-wrap .cf2-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .cost-factors-wrap .cf2-card {
            font-size: 0.7rem;
            padding: 0.5rem 0.15rem;
        }

        .cost-factors-wrap .cf2-card .cf2-card-icon {
            font-size: 0.8rem;
        }
    }



<!-- ============================================ -->
<!-- SECTION 208: SEO-PACKAGES (CYCLIC 2)         -->
<!-- ============================================ -->
<section class="packages-wrap" id="packages">
    <div class="container section-wrapper">
        <span class="pkg-accent-line"></span>
        <h2 class="pkg-main-heading">
            <span class="pkg-heading-border">Why SEO Packages</span>
            <br />
            <span class="pkg-heading-accent">Should Not Be Identical for Every Business</span>
        </h2>
        <p class="pkg-sub-heading">
            Imagine two businesses.
        </p>

        <div class="pkg-compare">
            <div class="pkg-business">
                <span class="pkg-business-icon">🏪</span>
                <span class="pkg-business-label">Business A</span>
                <span class="pkg-business-desc">A local service provider with 15 website pages.</span>
            </div>
            <div class="pkg-vs"><span>VS</span></div>
            <div class="pkg-business">
                <span class="pkg-business-icon">🛒</span>
                <span class="pkg-business-label">Business B</span>
                <span class="pkg-business-desc">An eCommerce company with 20,000 product and category URLs.</span>
            </div>
        </div>

        <p>Giving both businesses exactly the same SEO package would make little strategic sense.</p>

        <div class="pkg-grid">
            <div class="pkg-card pkg-card-a">
                <span class="pkg-card-label">Business A may require:</span>
                <ul class="pkg-card-list">
                    <li>Local SEO</li>
                    <li>Technical foundations</li>
                    <li>Service page optimisation</li>
                    <li>Google Business Profile</li>
                    <li>Reviews</li>
                    <li>Local authority</li>
                </ul>
            </div>
            <div class="pkg-card pkg-card-b">
                <span class="pkg-card-label">Business B may require:</span>
                <ul class="pkg-card-list">
                    <li>Large-scale technical SEO</li>
                    <li>Product architecture</li>
                    <li>Faceted navigation management</li>
                    <li>Internal linking</li>
                    <li>Product schema</li>
                    <li>Category optimisation</li>
                    <li>Content strategy</li>
                    <li>Authority development</li>
                </ul>
            </div>
        </div>

        <div class="pkg-footer">
            <span class="pkg-footer-icon">💡</span>
            <span class="pkg-footer-text">SEO investment should reflect the <strong>actual work required.</strong></span>
        </div>
    </div>
</section>


    /* ── SECTION 208: SEO-PACKAGES (CYCLIC 2) ── */
    .packages-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .packages-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .packages-wrap .pkg-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .packages-wrap:hover .pkg-main-heading {
        letter-spacing: 0.02em;
    }

    .packages-wrap .pkg-main-heading .pkg-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .packages-wrap:hover .pkg-main-heading .pkg-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .packages-wrap .pkg-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .packages-wrap:hover .pkg-sub-heading {
        letter-spacing: 0.02em;
    }

    .packages-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .packages-wrap:hover p {
        padding: 0 0.5rem;
    }

    .packages-wrap .pkg-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .packages-wrap:hover .pkg-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .packages-wrap .pkg-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .packages-wrap:hover .pkg-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Compare ── */
    .packages-wrap .pkg-compare {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.5rem;
        max-width: 800px;
        margin: 1.5rem auto;
        padding: 0 1rem;
        flex-wrap: wrap;
    }

    .packages-wrap .pkg-business {
        flex: 1;
        min-width: 180px;
        padding: 1.2rem 0.8rem;
        border-radius: 14px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        transition: all 0.4s ease;
        cursor: default;
    }

    .packages-wrap .pkg-business:hover {
        transform: translateY(-4px);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.04);
        box-shadow: 0 6px 30px rgba(132, 198, 21, 0.04);
    }

    .packages-wrap .pkg-business .pkg-business-icon {
        font-size: 2rem;
        display: block;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .packages-wrap .pkg-business:hover .pkg-business-icon {
        transform: scale(1.1) rotate(-5deg);
    }

    .packages-wrap .pkg-business .pkg-business-label {
        display: block;
        font-weight: 700;
        font-size: 1.1rem;
        color: #d0d0d0;
        margin-bottom: 0.2rem;
    }

    .packages-wrap .pkg-business .pkg-business-desc {
        display: block;
        font-size: 0.85rem;
        color: #808080;
    }

    .packages-wrap .pkg-vs {
        font-size: 1.2rem;
        font-weight: 700;
        color: #84c615;
        padding: 0.5rem;
    }

    /* ── Grid ── */
    .packages-wrap .pkg-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .packages-wrap .pkg-card {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .packages-wrap .pkg-card-a {
        border: 1px solid rgba(46, 204, 113, 0.12);
        background: rgba(46, 204, 113, 0.03);
    }

    .packages-wrap .pkg-card-a:hover {
        border-color: #2ecc71;
        background: rgba(46, 204, 113, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(46, 204, 113, 0.04);
    }

    .packages-wrap .pkg-card-b {
        border: 1px solid rgba(52, 152, 219, 0.12);
        background: rgba(52, 152, 219, 0.03);
    }

    .packages-wrap .pkg-card-b:hover {
        border-color: #3498db;
        background: rgba(52, 152, 219, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(52, 152, 219, 0.04);
    }

    .packages-wrap .pkg-card .pkg-card-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #d0d0d0;
        margin-bottom: 0.5rem;
        text-align: center;
    }

    .packages-wrap .pkg-card-a .pkg-card-label {
        color: #2ecc71;
    }

    .packages-wrap .pkg-card-b .pkg-card-label {
        color: #3498db;
    }

    .packages-wrap .pkg-card .pkg-card-list {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .packages-wrap .pkg-card .pkg-card-list li {
        padding: 0.25rem 0;
        font-size: 0.85rem;
        color: #b0b0b0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
        transition: all 0.3s ease;
    }

    .packages-wrap .pkg-card:hover .pkg-card-list li {
        color: #e0e0e0;
    }

    /* ── Footer ── */
    .packages-wrap .pkg-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .packages-wrap .pkg-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .packages-wrap .pkg-footer .pkg-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .packages-wrap .pkg-footer:hover .pkg-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .packages-wrap .pkg-footer .pkg-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .packages-wrap .pkg-footer .pkg-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .packages-wrap {
            padding: 3.5rem 0;
        }

        .packages-wrap .pkg-main-heading {
            font-size: 1.8rem;
        }

        .packages-wrap .pkg-sub-heading {
            font-size: 1rem;
        }

        .packages-wrap .pkg-compare {
            gap: 0.8rem;
        }

        .packages-wrap .pkg-grid {
            grid-template-columns: 1fr;
            gap: 1rem;
        }

        .packages-wrap .pkg-card {
            padding: 1rem 0.8rem;
        }

        .packages-wrap .pkg-footer {
            padding: 1rem 1.2rem;
        }

        .packages-wrap .pkg-footer .pkg-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .packages-wrap {
            padding: 2.5rem 0;
        }

        .packages-wrap .pkg-main-heading {
            font-size: 1.5rem;
        }

        .packages-wrap .pkg-compare {
            flex-direction: column;
            gap: 0.5rem;
        }

        .packages-wrap .pkg-business {
            width: 100%;
        }

        .packages-wrap .pkg-card .pkg-card-list li {
            font-size: 0.75rem;
        }

        .packages-wrap .pkg-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .packages-wrap .pkg-footer .pkg-footer-text {
            font-size: 0.85rem;
        }
    }






    /* ── SECTION 210: SEO-TIMELINE (CYCLIC 2) ── */
    .timeline-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .timeline-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .timeline-wrap .tl-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    /* .timeline-wrap:hover .tl-main-heading {
        letter-spacing: 0.02em;
    } */

    .timeline-wrap .tl-main-heading .tl-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    /* .timeline-wrap:hover .tl-main-heading .tl-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    } */

    .timeline-wrap .tl-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: black;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    /* .timeline-wrap:hover .tl-sub-heading {
        letter-spacing: 0.02em;
    } */

    .timeline-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: black;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    /* .timeline-wrap:hover p {
        padding: 0 0.5rem;
    } */

    .timeline-wrap .tl-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    /* .timeline-wrap:hover .tl-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    } */

    .timeline-wrap .tl-heading-border {
        color: black;
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    /* .timeline-wrap:hover .tl-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    } */

    /* ── Grid ── */
    .timeline-wrap .tl-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .timeline-wrap .tl-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .timeline-wrap .tl-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

  

    .timeline-wrap .tl-card:hover::before {
        opacity: 1;
    }

    .timeline-wrap .tl-card .tl-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .timeline-wrap .tl-card:hover .tl-card-icon {
        transform: scale(1.15);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .timeline-wrap {
            padding: 3.5rem 0;
        }

        .timeline-wrap .tl-main-heading {
            font-size: 1.8rem;
        }

        .timeline-wrap .tl-sub-heading {
            font-size: 1rem;
        }

        .timeline-wrap .tl-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .timeline-wrap .tl-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }
    }

    @media (max-width: 480px) {
        .timeline-wrap {
            padding: 2.5rem 0;
        }

        .timeline-wrap .tl-main-heading {
            font-size: 1.5rem;
        }

        .timeline-wrap .tl-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .timeline-wrap .tl-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .timeline-wrap .tl-card .tl-card-icon {
            font-size: 1rem;
        }
    }




<!-- ============================================ -->
<!-- SECTION 211: EARLY-STAGE (CYCLIC 1)          -->
<!-- ============================================ -->
<section class="early-stage-wrap" id="early-stage">
    <div class="container section-wrapper">
        <span class="es2-accent-line"></span>
        <h2 class="es2-main-heading">
            <span class="es2-heading-border">What Happens</span>
            <br />
            <span class="es2-heading-accent">During the Early Stage?</span>
        </h2>
        <p class="es2-sub-heading">
            The first stage often focuses on understanding and repairing the foundation.
        </p>

        <p>Activities may include:</p>

        <div class="es2-grid">
            <div class="es2-card"><span class="es2-card-icon">🔍</span> Website Audit</div>
            <div class="es2-card"><span class="es2-card-icon">🏆</span> Competitor Research</div>
            <div class="es2-card"><span class="es2-card-icon">🔑</span> Keyword Research</div>
            <div class="es2-card"><span class="es2-card-icon">🎯</span> Search Intent Mapping</div>
            <div class="es2-card"><span class="es2-card-icon">⚙️</span> Technical Fixes</div>
            <div class="es2-card"><span class="es2-card-icon">📝</span> Page Optimisation</div>
            <div class="es2-card"><span class="es2-card-icon">🔗</span> Internal Linking</div>
            <div class="es2-card"><span class="es2-card-icon">📋</span> Content Planning</div>
        </div>

        <p>
            This phase may produce improvements that are not immediately visible as dramatic ranking increases, but they establish the foundation for later growth.
        </p>
    </div>
</section>


    /* ── SECTION 211: EARLY-STAGE (CYCLIC 1) ── */
    .early-stage-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .early-stage-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .early-stage-wrap .es2-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .early-stage-wrap:hover .es2-main-heading {
        letter-spacing: 0.02em;
    }

    .early-stage-wrap .es2-main-heading .es2-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .early-stage-wrap:hover .es2-main-heading .es2-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .early-stage-wrap .es2-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .early-stage-wrap:hover .es2-sub-heading {
        letter-spacing: 0.02em;
    }

    .early-stage-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .early-stage-wrap:hover p {
        padding: 0 0.5rem;
    }

    .early-stage-wrap .es2-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .early-stage-wrap:hover .es2-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .early-stage-wrap .es2-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .early-stage-wrap:hover .es2-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .early-stage-wrap .es2-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .early-stage-wrap .es2-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(132, 198, 21, 0.02);
        color: #2a2a2a;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .early-stage-wrap .es2-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(132, 198, 21, 0.04), transparent);
        transition: all 0.6s ease;
        border-radius: 10px;
    }

    .early-stage-wrap .es2-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.06);
    }

    .early-stage-wrap .es2-card:hover::before {
        left: 100%;
    }

    .early-stage-wrap .es2-card .es2-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .early-stage-wrap .es2-card:hover .es2-card-icon {
        transform: scale(1.15);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .early-stage-wrap {
            padding: 3.5rem 0;
        }

        .early-stage-wrap .es2-main-heading {
            font-size: 1.8rem;
        }

        .early-stage-wrap .es2-sub-heading {
            font-size: 1rem;
        }

        .early-stage-wrap .es2-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .early-stage-wrap .es2-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }
    }

    @media (max-width: 480px) {
        .early-stage-wrap {
            padding: 2.5rem 0;
        }

        .early-stage-wrap .es2-main-heading {
            font-size: 1.5rem;
        }

        .early-stage-wrap .es2-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .early-stage-wrap .es2-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .early-stage-wrap .es2-card .es2-card-icon {
            font-size: 1rem;
        }
    }







    /* ── SECTION 212: SEO-MATURES (CYCLIC 2) ── */
    .matures-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .matures-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .matures-wrap .mat-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .matures-wrap:hover .mat-main-heading {
        letter-spacing: 0.02em;
    }

    .matures-wrap .mat-main-heading .mat-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .matures-wrap:hover .mat-main-heading .mat-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .matures-wrap .mat-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .matures-wrap:hover .mat-sub-heading {
        letter-spacing: 0.02em;
    }

    .matures-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .matures-wrap:hover p {
        padding: 0 0.5rem;
    }

    .matures-wrap .mat-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .matures-wrap:hover .mat-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .matures-wrap .mat-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .matures-wrap:hover .mat-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .matures-wrap .mat-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.7rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .matures-wrap .mat-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .matures-wrap .mat-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .matures-wrap .mat-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .matures-wrap .mat-card:hover::before {
        opacity: 1;
    }

    .matures-wrap .mat-card .mat-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .matures-wrap .mat-card:hover .mat-card-icon {
        transform: scale(1.15);
    }

    /* ── Shift ── */
    .matures-wrap .mat-shift {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.5rem 1rem;
        max-width: 700px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .matures-wrap .mat-shift-item {
        font-weight: 700;
        font-size: 1.1rem;
        color: #b0b0b0;
        padding: 0.3rem 0.8rem;
        border-radius: 30px;
        border: 1px solid rgba(132, 198, 21, 0.06);
        transition: all 0.4s ease;
        cursor: default;
    }

    .matures-wrap .mat-shift-item:hover {
        border-color: #84c615;
        color: #ffffff;
        transform: scale(1.05);
        box-shadow: 0 4px 20px rgba(132, 198, 21, 0.04);
    }

    .matures-wrap .mat-shift-highlight {
        color: #84c615;
        border-color: rgba(132, 198, 21, 0.15);
        background: rgba(132, 198, 21, 0.03);
    }

    .matures-wrap .mat-shift-highlight:hover {
        background: rgba(132, 198, 21, 0.08);
    }

    .matures-wrap .mat-shift-arrow {
        font-size: 1.2rem;
        color: #84c615;
        opacity: 0.4;
        font-weight: 700;
        transition: all 0.4s ease;
    }

    .matures-wrap .mat-shift-arrow:hover {
        opacity: 0.8;
        transform: scale(1.2);
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .matures-wrap {
            padding: 3.5rem 0;
        }

        .matures-wrap .mat-main-heading {
            font-size: 1.8rem;
        }

        .matures-wrap .mat-sub-heading {
            font-size: 1rem;
        }

        .matures-wrap .mat-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .matures-wrap .mat-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .matures-wrap .mat-shift {
            gap: 0.3rem 0.6rem;
        }

        .matures-wrap .mat-shift-item {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .matures-wrap {
            padding: 2.5rem 0;
        }

        .matures-wrap .mat-main-heading {
            font-size: 1.5rem;
        }

        .matures-wrap .mat-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .matures-wrap .mat-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .matures-wrap .mat-card .mat-card-icon {
            font-size: 1rem;
        }

        .matures-wrap .mat-shift {
            gap: 0.2rem 0.4rem;
        }

        .matures-wrap .mat-shift-item {
            font-size: 0.8rem;
            padding: 0.2rem 0.5rem;
        }

        .matures-wrap .mat-shift-arrow {
            font-size: 1rem;
        }
    }




    /* ── SECTION 213: RANK-FASTER (CYCLIC 1) ── */
    .rank-faster-wrap {
        background: #ffffff;
        color: #1a1a1a;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .rank-faster-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .rank-faster-wrap .rf-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #1a1a1a;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .rank-faster-wrap:hover .rf-main-heading {
        letter-spacing: 0.02em;
    }

    .rank-faster-wrap .rf-main-heading .rf-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .rank-faster-wrap:hover .rf-main-heading .rf-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.12);
    }

    .rank-faster-wrap .rf-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #3a3a3a;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .rank-faster-wrap:hover .rf-sub-heading {
        letter-spacing: 0.02em;
    }

    .rank-faster-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #2a2a2a;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .rank-faster-wrap:hover p {
        padding: 0 0.5rem;
    }

    .rank-faster-wrap .rf-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .rank-faster-wrap:hover .rf-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .rank-faster-wrap .rf-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .rank-faster-wrap:hover .rf-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Compare ── */
    .rank-faster-wrap .rf-compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        max-width: 780px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .rank-faster-wrap .rf-business {
        padding: 1.2rem 1rem;
        border-radius: 14px;
        transition: all 0.4s ease;
        cursor: default;
    }

    .rank-faster-wrap .rf-business-good {
        border: 1px solid rgba(46, 204, 113, 0.15);
        background: rgba(46, 204, 113, 0.03);
    }

    .rank-faster-wrap .rf-business-good:hover {
        border-color: #2ecc71;
        background: rgba(46, 204, 113, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(46, 204, 113, 0.05);
    }

    .rank-faster-wrap .rf-business-bad {
        border: 1px solid rgba(231, 76, 60, 0.15);
        background: rgba(231, 76, 60, 0.03);
    }

    .rank-faster-wrap .rf-business-bad:hover {
        border-color: #e74c3c;
        background: rgba(231, 76, 60, 0.06);
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(231, 76, 60, 0.04);
    }

    .rank-faster-wrap .rf-business .rf-business-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
        text-align: center;
    }

    .rank-faster-wrap .rf-business-good .rf-business-label {
        color: #2ecc71;
    }

    .rank-faster-wrap .rf-business-bad .rf-business-label {
        color: #e74c3c;
    }

    .rank-faster-wrap .rf-business .rf-business-list {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .rank-faster-wrap .rf-business .rf-business-list li {
        padding: 0.25rem 0;
        font-size: 0.85rem;
        color: #4a4a4a;
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
        transition: all 0.3s ease;
    }

    .rank-faster-wrap .rf-business-good .rf-business-list li {
        color: #3a5a3a;
    }

    .rank-faster-wrap .rf-business-bad .rf-business-list li {
        color: #5a3a3a;
    }

    .rank-faster-wrap .rf-business:hover .rf-business-list li {
        color: #2a2a2a;
    }

    /* ── Footer ── */
    .rank-faster-wrap .rf-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(132, 198, 21, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .rank-faster-wrap .rf-footer:hover {
        background: rgba(132, 198, 21, 0.05);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.05);
    }

    .rank-faster-wrap .rf-footer .rf-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .rank-faster-wrap .rf-footer:hover .rf-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .rank-faster-wrap .rf-footer .rf-footer-text {
        font-size: 1rem;
        color: #2a2a2a;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .rank-faster-wrap .rf-footer .rf-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .rank-faster-wrap {
            padding: 3.5rem 0;
        }

        .rank-faster-wrap .rf-main-heading {
            font-size: 1.8rem;
        }

        .rank-faster-wrap .rf-sub-heading {
            font-size: 1rem;
        }

        .rank-faster-wrap .rf-compare {
            grid-template-columns: 1fr;
            gap: 1rem;
        }

        .rank-faster-wrap .rf-business {
            padding: 1rem 0.8rem;
        }

        .rank-faster-wrap .rf-footer {
            padding: 1rem 1.2rem;
        }

        .rank-faster-wrap .rf-footer .rf-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .rank-faster-wrap {
            padding: 2.5rem 0;
        }

        .rank-faster-wrap .rf-main-heading {
            font-size: 1.5rem;
        }

        .rank-faster-wrap .rf-business .rf-business-list li {
            font-size: 0.75rem;
        }

        .rank-faster-wrap .rf-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .rank-faster-wrap .rf-footer .rf-footer-text {
            font-size: 0.85rem;
        }
    }




    /* ── SECTION 214: PAY-BACKLINKS (CYCLIC 2) ── */
    .pay-backlinks-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .pay-backlinks-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .pay-backlinks-wrap .pb-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .pay-backlinks-wrap:hover .pb-main-heading {
        letter-spacing: 0.02em;
    }

    .pay-backlinks-wrap .pb-main-heading .pb-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .pay-backlinks-wrap:hover .pb-main-heading .pb-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .pay-backlinks-wrap .pb-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .pay-backlinks-wrap:hover .pb-sub-heading {
        letter-spacing: 0.02em;
    }

    .pay-backlinks-wrap p {
        text-align: justify;
        max-width: 820px;
        margin: 0 auto 1.25rem auto;
        color: #d0d0d0;
        padding: 0 0.25rem;
        transition: all 0.3s ease;
    }

    .pay-backlinks-wrap:hover p {
        padding: 0 0.5rem;
    }

    .pay-backlinks-wrap .pb-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .pay-backlinks-wrap:hover .pb-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .pay-backlinks-wrap .pb-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .pay-backlinks-wrap:hover .pb-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .pay-backlinks-wrap .pb-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
        max-width: 750px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .pay-backlinks-wrap .pb-card {
        padding: 0.8rem 0.4rem;
        border-radius: 10px;
        text-align: center;
        font-size: 0.85rem;
        border: 1px solid rgba(132, 198, 21, 0.05);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .pay-backlinks-wrap .pb-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(135deg, transparent, rgba(132, 198, 21, 0.06));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .pay-backlinks-wrap .pb-card:hover {
        transform: translateY(-4px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 6px 25px rgba(132, 198, 21, 0.04);
    }

    .pay-backlinks-wrap .pb-card:hover::before {
        opacity: 1;
    }

    .pay-backlinks-wrap .pb-card .pb-card-icon {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
        transition: transform 0.4s ease;
    }

    .pay-backlinks-wrap .pb-card:hover .pb-card-icon {
        transform: scale(1.15);
    }

    /* ── Footer ── */
    .pay-backlinks-wrap .pb-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .pay-backlinks-wrap .pb-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .pay-backlinks-wrap .pb-footer .pb-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .pay-backlinks-wrap .pb-footer:hover .pb-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .pay-backlinks-wrap .pb-footer .pb-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .pay-backlinks-wrap .pb-footer .pb-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .pay-backlinks-wrap {
            padding: 3.5rem 0;
        }

        .pay-backlinks-wrap .pb-main-heading {
            font-size: 1.8rem;
        }

        .pay-backlinks-wrap .pb-sub-heading {
            font-size: 1rem;
        }

        .pay-backlinks-wrap .pb-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.6rem;
        }

        .pay-backlinks-wrap .pb-card {
            font-size: 0.8rem;
            padding: 0.6rem 0.3rem;
        }

        .pay-backlinks-wrap .pb-footer {
            padding: 1rem 1.2rem;
        }

        .pay-backlinks-wrap .pb-footer .pb-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .pay-backlinks-wrap {
            padding: 2.5rem 0;
        }

        .pay-backlinks-wrap .pb-main-heading {
            font-size: 1.5rem;
        }

        .pay-backlinks-wrap .pb-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .pay-backlinks-wrap .pb-card {
            font-size: 0.75rem;
            padding: 0.5rem 0.2rem;
        }

        .pay-backlinks-wrap .pb-card .pb-card-icon {
            font-size: 1rem;
        }

        .pay-backlinks-wrap .pb-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .pay-backlinks-wrap .pb-footer .pb-footer-text {
            font-size: 0.85rem;
        }
    }








.techseo-orphan-c2 {
    background: black;
    color: #ffffff;
    padding: 5.5rem 0;
    overflow: hidden;
}

.techseo-orphan-c2 .container {
    max-width: 1100px;
    margin: auto;
    padding: 0 1.5rem;
}

.techseo-orphan-c2-header {
    text-align: center;
    margin-bottom: 2.3rem;
}

.techseo-orphan-c2-header span {
    color: #84c615;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
}

.techseo-orphan-c2 h2 {
    margin: .7rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -.035em;
}

.techseo-orphan-c2-header > div {
    width: 60px;
    height: 3px;
    margin: auto;
    background: #84c615;
    transition: .4s ease;
}

.techseo-orphan-c2-header:hover > div {
    width: 130px;
}

.techseo-orphan-c2-definition {
    max-width: 950px;
    margin: auto;
    padding: 1.5rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 11px;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    transition: .4s ease;
}

.techseo-orphan-c2-definition:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(0,0,0,.25);
}

.techseo-orphan-c2-visual {
    flex-shrink: 0;
    width: 150px;
    height: 100px;
    position: relative;
}

.techseo-orphan-c2-node {
    position: absolute;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e7f5ed;
    color: #84c615;
    border-radius: 50%;
    font-size: .55rem;
    font-weight: 800;
}

.techseo-orphan-c2-node.main {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 52px;
    height: 52px;
    background: #84c615;
    color: #ffffff;
}

.techseo-orphan-c2-node:nth-child(2) {
    left: 5px;
    top: 5px;
}

.techseo-orphan-c2-node:nth-child(3) {
    right: 5px;
    top: 5px;
}

.techseo-orphan-c2-node:nth-child(4) {
    left: 60px;
    bottom: 0;
}

.techseo-orphan-c2-definition p,
.techseo-orphan-c2-explanation p {
    margin: 0;
    font-size: .8rem;
    line-height: 1.8;
}

.techseo-orphan-c2-explanation {
    max-width: 850px;
    margin: 1.5rem auto;
    text-align: center;
}

.techseo-orphan-c2-explanation p + p {
    margin-top: .8rem;
}

.techseo-orphan-c2-actions {
    max-width: 850px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .7rem;
}

.techseo-orphan-c2-actions div {
    padding: 1.2rem;
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 8px;
    text-align: center;
    transition: .35s ease;
}

.techseo-orphan-c2-actions div:hover {
    background: #e7f5ed;
    color: #84c615;
    transform: translateY(-6px);
}

.techseo-orphan-c2-actions span {
    display: block;
    margin-bottom: .5rem;
    color: #84c615;
    font-size: .52rem;
    font-weight: 800;
}

.techseo-orphan-c2-actions strong {
    font-size: .72rem;
}

@media (max-width: 700px) {

    .techseo-orphan-c2-definition {
        align-items: flex-start;
    }

    .techseo-orphan-c2-actions {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .techseo-orphan-c2 {
        padding: 3.5rem 0;
    }

    .techseo-orphan-c2 .container {
        padding: 0 1rem;
    }

    .techseo-orphan-c2 h2 {
        font-size: 1.8rem;
    }

    .techseo-orphan-c2-definition {
        display: block;
        padding: 1.2rem;
    }

    .techseo-orphan-c2-visual {
        margin: 0 auto 1rem;
    }

    .techseo-orphan-c2-definition p,
    .techseo-orphan-c2-explanation p {
        font-size: .7rem;
        text-align: justify;
    }

    .techseo-orphan-c2-actions {
        grid-template-columns: 1fr 1fr;
    }

}





    /* ── SECTION 188: CASE-STUDY-STRONG (CYCLIC 2) ── */
    .case-strong-wrap {
        background: #0a0a0a;
        color: #eaeaea;
        padding: 4.5rem 0;
        position: relative;
        overflow: hidden;
    }

    .case-strong-wrap .section-wrapper {
        position: relative;
        z-index: 1;
    }

    .case-strong-wrap .cs-main-heading {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #f0f0f0;
        margin-bottom: 0.5rem;
        transition: all 0.4s ease;
    }

    .case-strong-wrap:hover .cs-main-heading {
        letter-spacing: 0.02em;
    }

    .case-strong-wrap .cs-main-heading .cs-heading-accent {
        color: #84c615;
        transition: all 0.4s ease;
    }

    .case-strong-wrap:hover .cs-main-heading .cs-heading-accent {
        text-shadow: 0 0 50px rgba(132, 198, 21, 0.15);
    }

    .case-strong-wrap .cs-sub-heading {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #a0a0a0;
        margin-bottom: 2.5rem;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.4s ease;
    }

    .case-strong-wrap:hover .cs-sub-heading {
        letter-spacing: 0.02em;
    }

    .case-strong-wrap .cs-accent-line {
        display: block;
        width: 60px;
        height: 3px;
        background: #84c615;
        margin: 0 auto 1.5rem auto;
        border-radius: 2px;
        transition: all 0.5s ease;
        position: relative;
    }

    .case-strong-wrap:hover .cs-accent-line {
        width: 120px;
        background: #6fb010;
        transform: scaleY(1.3);
    }

    .case-strong-wrap .cs-heading-border {
        display: inline-block;
        padding-bottom: 0.15rem;
        border-bottom: 2px solid transparent;
        transition: all 0.4s ease;
    }

    .case-strong-wrap:hover .cs-heading-border {
        border-bottom-color: #84c615;
        border-bottom-width: 3px;
        transform: translateY(-1px);
    }

    /* ── Grid ── */
    .case-strong-wrap .cs-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        max-width: 820px;
        margin: 1.5rem auto;
        padding: 0 1rem;
    }

    .case-strong-wrap .cs-card {
        padding: 1.2rem 0.6rem;
        border-radius: 14px;
        text-align: center;
        border: 1px solid rgba(132, 198, 21, 0.06);
        background: rgba(255, 255, 255, 0.02);
        color: #b0b0b0;
        transition: all 0.4s ease;
        cursor: default;
        position: relative;
        overflow: hidden;
    }

    .case-strong-wrap .cs-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(132, 198, 21, 0.03), transparent 70%);
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .case-strong-wrap .cs-card:hover {
        transform: translateY(-6px) scale(1.02);
        border-color: #84c615;
        background: rgba(132, 198, 21, 0.06);
        color: #ffffff;
        box-shadow: 0 10px 40px rgba(132, 198, 21, 0.05);
    }

    .case-strong-wrap .cs-card:hover::before {
        opacity: 1;
    }

    .case-strong-wrap .cs-card .cs-card-icon {
        display: block;
        font-size: 1.8rem;
        margin-bottom: 0.3rem;
        transition: transform 0.4s ease;
    }

    .case-strong-wrap .cs-card:hover .cs-card-icon {
        transform: scale(1.15) rotate(-5deg);
    }

    .case-strong-wrap .cs-card .cs-card-label {
        display: block;
        font-weight: 700;
        font-size: 0.95rem;
        color: #d0d0d0;
        margin-bottom: 0.2rem;
        transition: color 0.3s ease;
    }

    .case-strong-wrap .cs-card:hover .cs-card-label {
        color: #84c615;
    }

    .case-strong-wrap .cs-card .cs-card-desc {
        display: block;
        font-size: 0.85rem;
        color: #808080;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .case-strong-wrap .cs-card:hover .cs-card-desc {
        color: #b0b0b0;
    }

    /* ── Footer ── */
    .case-strong-wrap .cs-footer {
        max-width: 750px;
        margin: 2rem auto 0;
        padding: 1.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(132, 198, 21, 0.08);
        border-radius: 14px;
        text-align: center;
        transition: all 0.4s ease;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .case-strong-wrap .cs-footer:hover {
        background: rgba(132, 198, 21, 0.04);
        border-color: #84c615;
        transform: translateY(-3px);
        box-shadow: 0 8px 40px rgba(132, 198, 21, 0.04);
    }

    .case-strong-wrap .cs-footer .cs-footer-icon {
        font-size: 1.8rem;
        display: inline-block;
        transition: transform 0.4s ease;
    }

    .case-strong-wrap .cs-footer:hover .cs-footer-icon {
        transform: scale(1.2) rotate(-5deg);
    }

    .case-strong-wrap .cs-footer .cs-footer-text {
        font-size: 1rem;
        color: #d0d0d0;
        line-height: 1.6;
        flex: 1;
        text-align: center;
    }

    .case-strong-wrap .cs-footer .cs-footer-text strong {
        color: #84c615;
    }

    /* ── Container ── */
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
        .case-strong-wrap {
            padding: 3.5rem 0;
        }

        .case-strong-wrap .cs-main-heading {
            font-size: 1.8rem;
        }

        .case-strong-wrap .cs-sub-heading {
            font-size: 1rem;
        }

        .case-strong-wrap .cs-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.8rem;
        }

        .case-strong-wrap .cs-card {
            padding: 1rem 0.5rem;
        }

        .case-strong-wrap .cs-card .cs-card-icon {
            font-size: 1.5rem;
        }

        .case-strong-wrap .cs-card .cs-card-label {
            font-size: 0.85rem;
        }

        .case-strong-wrap .cs-card .cs-card-desc {
            font-size: 0.75rem;
        }

        .case-strong-wrap .cs-footer {
            padding: 1rem 1.2rem;
        }

        .case-strong-wrap .cs-footer .cs-footer-text {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 480px) {
        .case-strong-wrap {
            padding: 2.5rem 0;
        }

        .case-strong-wrap .cs-main-heading {
            font-size: 1.5rem;
        }

        .case-strong-wrap .cs-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.6rem;
        }

        .case-strong-wrap .cs-card {
            padding: 0.8rem 0.4rem;
        }

        .case-strong-wrap .cs-card .cs-card-icon {
            font-size: 1.3rem;
        }

        .case-strong-wrap .cs-card .cs-card-label {
            font-size: 0.8rem;
        }

        .case-strong-wrap .cs-card .cs-card-desc {
            font-size: 0.7rem;
        }

        .case-strong-wrap .cs-footer {
            padding: 0.8rem 1rem;
            flex-direction: column;
            gap: 6px;
        }

        .case-strong-wrap .cs-footer .cs-footer-text {
            font-size: 0.85rem;
        }

        .case-strong-wrap .cs-footer .cs-footer-icon {
            font-size: 1.5rem;
        }
    }



/* ==========================================================================
   URL MAPPING SECTION
   ========================================================================== */

.url-mapping-section {
    position: relative;

    width: 100%;

    background: #ffffff;

    overflow: hidden;
}



/* ==========================================================================
   BADGE
   ========================================================================== */

.url-mapping-badge {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 7px 16px;

    border-radius: 50px;

    background: #f0f8e7;

    color: #5d8f32;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.2px;
    text-transform: uppercase;
}



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

.url-mapping-title {
    margin-bottom: 12px;

    color: #111111;

    font-size: clamp(30px, 4vw, 44px);

    font-weight: 800;

    line-height: 1.15;

    letter-spacing: -1px;
}



/* ==========================================================================
   INTRO
   ========================================================================== */

.url-mapping-intro {
    max-width: 700px;

    margin-bottom: 18px;

    color: #666666;

    font-size: 16px;

    line-height: 1.7;
}



/* ==========================================================================
   GREEN UNDERLINE
   ========================================================================== */

.url-mapping-line {
    width: 48px;
    height: 4px;

    margin: 0 auto;

    background: #7caf3a;

    border-radius: 50px;
}



/* ==========================================================================
   MAIN CARD
   ========================================================================== */

.url-mapping-card {
    position: relative;

    width: 100%;

    background: #ffffff;

    border: 1px solid #e9eee4;

    border-radius: 20px;

    box-shadow:
        0 12px 40px rgba(25, 45, 15, 0.06);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}



/* ==========================================================================
   CARD HOVER
   ========================================================================== */

.url-mapping-card:hover {
    transform: translateY(-5px);

    border-color: #d9e8cb;

    box-shadow:
        0 20px 50px rgba(25, 45, 15, 0.10);
}



/* ==========================================================================
   TABLE
   ========================================================================== */

.url-mapping-table {
    min-width: 720px;

    color: #222222;
}



/* ==========================================================================
   TABLE HEADER
   ========================================================================== */

.url-mapping-table thead th {
    padding: 18px 24px;

    background: #f5f9f1;

    border: 0;

    color: #27321f;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.8px;

    text-transform: uppercase;
}



/* ==========================================================================
   TABLE BODY
   ========================================================================== */

.url-mapping-table tbody td {
    padding: 20px 24px;

    border-top: 1px solid #edf1e9;

    background: #ffffff;

    vertical-align: middle;

    transition:
        background 0.3s ease;
}



/* ==========================================================================
   ROW HOVER
   ========================================================================== */

.url-mapping-table tbody tr {
    transition:
        transform 0.3s ease;
}

.url-mapping-table tbody tr:hover td {
    background: #fbfdf9;
}



/* ==========================================================================
   URL CONTENT
   ========================================================================== */

.url-content {
    display: flex;

    flex-direction: column;

    gap: 6px;
}



/* ==========================================================================
   SMALL LABEL
   ========================================================================== */

.url-label {
    color: #8a9184;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.7px;

    text-transform: uppercase;
}



/* ==========================================================================
   URL CODE
   ========================================================================== */

.url-mapping-table code {
    display: inline-block;

    color: #4e7d29;

    background: #f2f8ec;

    border-radius: 7px;

    padding: 7px 10px;

    font-family:
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;

    font-size: 13px;

    font-weight: 600;

    word-break: break-word;
}



/* ==========================================================================
   REPLACEMENT TEXT
   ========================================================================== */

.replacement-text {
    color: #4e7d29;

    font-size: 14px;

    font-weight: 600;
}



/* ==========================================================================
   OUTDATED TEXT
   ========================================================================== */

.outdated-text {
    color: #6d6d6d;

    font-size: 14px;

    font-weight: 500;
}



/* ==========================================================================
   NO REPLACEMENT
   ========================================================================== */

.no-replacement-text {
    color: #8a8a8a;

    font-size: 14px;

    font-weight: 500;
}



/* ==========================================================================
   301 BADGE
   ========================================================================== */

.action-badge {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 48px;

    padding: 7px 12px;

    border-radius: 50px;

    background: #eaf5df;

    color: #56842d;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.5px;
}



/* ==========================================================================
   REVIEW BADGE
   ========================================================================== */

.review-badge {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 7px 13px;

    border-radius: 50px;

    background: #fff6df;

    color: #9a7425;

    font-size: 12px;

    font-weight: 800;
}



/* ==========================================================================
   NOTE
   ========================================================================== */

.url-mapping-note {
    display: flex;

    align-items: flex-start;

    gap: 16px;

    padding: 22px 24px;

    background: #f7fbf3;

    border: 1px solid #e4eedc;

    border-left: 4px solid #7caf3a;

    border-radius: 14px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}



/* ==========================================================================
   NOTE HOVER
   ========================================================================== */

.url-mapping-note:hover {
    transform: translateY(-3px);

    box-shadow:
        0 12px 30px rgba(50, 80, 30, 0.08);
}



/* ==========================================================================
   NOTE ICON
   ========================================================================== */

.url-note-icon {
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #e5f2d9;

    color: #5d8f32;

    font-size: 15px;

    font-weight: 800;
}



/* ==========================================================================
   NOTE CONTENT
   ========================================================================== */

.url-note-content h3 {
    margin: 2px 0 6px;

    color: #222222;

    font-size: 16px;

    font-weight: 750;
}

.url-note-content p {
    margin: 0;

    color: #666666;

    font-size: 14px;

    line-height: 1.7;
}



/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 991.98px) {

    .url-mapping-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .url-mapping-table thead th,
    .url-mapping-table tbody td {
        padding: 17px 18px;
    }

}



/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767.98px) {

    .url-mapping-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .url-mapping-title {
        font-size: 30px;

        letter-spacing: -0.5px;
    }

    .url-mapping-intro {
        font-size: 14px;

        line-height: 1.65;
    }

    .url-mapping-card {
        border-radius: 15px;
    }

    /*
       Horizontal scrolling keeps the table readable
       instead of forcing URLs into tiny columns.
    */

    .table-responsive {
        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
    }

    .url-mapping-table {
        min-width: 680px;
    }

    .url-mapping-table thead th {
        padding: 15px 16px;

        font-size: 10px;
    }

    .url-mapping-table tbody td {
        padding: 16px;
    }

    .url-mapping-table code {
        font-size: 12px;
    }

    .url-mapping-note {
        padding: 18px;

        gap: 12px;
    }

    .url-note-icon {
        flex-basis: 30px;

        width: 30px;
        height: 30px;

        font-size: 13px;
    }

    .url-note-content h3 {
        font-size: 15px;
    }

    .url-note-content p {
        font-size: 13px;
    }

}



/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 575.98px) {

    .url-mapping-badge {
        font-size: 9px;

        padding: 6px 13px;

        letter-spacing: 1px;
    }

    .url-mapping-title {
        font-size: 27px;
    }

    .url-mapping-intro {
        font-size: 13px;
    }

    .url-mapping-line {
        width: 40px;
        height: 3px;
    }

}


.gm {
    color: red;
    text-decoration: none;
}

.gm:hover {
    color: red;
    text-decoration: none;
}





/* ============================================================
   CYBER-SEO — CYCLIC 1 (WHITE BACKGROUND)
   Fully responsive + hover states
   ============================================================ */

/* ---- BASE ---- */

.cyber-seo-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
}

.cyber-seo-container {
    max-width: 1200px;
    margin: 0 auto;
}

.cyber-seo-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: center;
}

/* ---- CONTENT COLUMN ---- */

.cyber-seo-content-col {
    order: 2;
}

/* ---- BADGE ---- */

.cyber-seo-badge {
    display: inline-block;
    background: #84c615;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.3rem 0.9rem;
    border-radius: 2rem;
    margin-bottom: 1rem;
}

/* ---- HEADING ---- */

.cyber-seo-heading {
    font-size: 2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.cyber-seo-highlight {
    color: #84c615;
}

/* ---- DIVIDER ---- */

.cyber-seo-divider {
    width: 60px;
    height: 4px;
    background: #84c615;
    border-radius: 2px;
    margin-bottom: 1.25rem;
}

/* ---- DESCRIPTION ---- */

.cyber-seo-description {
    color: #444444;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

/* ---- INCLUDES CARD ---- */

.cyber-seo-card {
    background: #f5faf0;
    padding: 1.5rem 1.75rem;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    transition: background 0.3s ease, color 0.3s ease;
}

.cyber-seo-card:hover {
    background: #84c615;
    color: #ffffff;
}

.cyber-seo-card-title {
    font-weight: 700;
    font-size: 1rem;
    color: #0a0a0a;
    margin-bottom: 0.75rem;
    transition: color 0.3s ease;
}

.cyber-seo-card:hover .cyber-seo-card-title {
    color: #ffffff;
}

.cyber-seo-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem 1.2rem;
}

.cyber-seo-list li {
    font-size: 0.95rem;
    color: #0a0a0a;
    transition: color 0.3s ease;
    position: relative;
    padding-left: 1.2rem;
}

.cyber-seo-list li::before {
    content: "›";
    position: absolute;
    left: 0;
    color: #84c615;
    font-weight: 700;
    transition: color 0.3s ease;
}

.cyber-seo-card:hover .cyber-seo-list li {
    color: #ffffff;
}

.cyber-seo-card:hover .cyber-seo-list li::before {
    color: #ffffff;
}

/* ---- OBJECTIVE NOTE ---- */

.cyber-seo-note {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: #f9fbf8;
    padding: 1.25rem 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    transition: border-color 0.3s ease;
}

.cyber-seo-note:hover {
    border-color: #84c615;
}

.cyber-seo-note-dot {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #84c615;
    margin-top: 0.3rem;
}

.cyber-seo-note-body p {
    margin: 0 0 0.4rem 0;
    font-size: 0.95rem;
    line-height: 1.5;
}

.cyber-seo-note-main {
    color: #0a0a0a;
    font-weight: 600;
}

.cyber-seo-note-sub {
    color: #444444;
}

/* ---- IMAGE COLUMN ---- */

.cyber-seo-image-col {
    order: 1;
}

.cyber-seo-image-wrap {
    border-radius: 1rem;
    overflow: hidden;
    background: #f5faf0;
}

.cyber-seo-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

.cyber-seo-image:hover {
    transform: scale(1.02);
}

/* ============================================================
   RESPONSIVE — TABLETS & UP
   ============================================================ */

@media (min-width: 768px) {
    .cyber-seo-wrapper {
        padding: 5rem 2rem;
    }

    .cyber-seo-heading {
        font-size: 2.5rem;
    }

    .cyber-seo-list {
        grid-template-columns: 1fr 1fr;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP
   ============================================================ */

@media (min-width: 992px) {
    .cyber-seo-grid {
        grid-template-columns: 7fr 5fr;
        gap: 3.5rem;
    }

    .cyber-seo-content-col {
        order: 1;
    }

    .cyber-seo-image-col {
        order: 2;
    }

    .cyber-seo-heading {
        font-size: 3rem;
    }

    .cyber-seo-wrapper {
        padding: 6rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP
   ============================================================ */

@media (min-width: 1400px) {
    .cyber-seo-container {
        max-width: 1320px;
    }

    .cyber-seo-heading {
        font-size: 3.5rem;
    }
}




/* ============================================================
   AUTHORITY-SEO — CYCLIC 2 (BLACK BACKGROUND)
   ALL elements as boxes with professional hover effects
   ============================================================ */

/* ---- BASE ---- */

.authority-seo-wrapper {
    background: #0a0a0a;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Subtle background glow */
.authority-seo-wrapper::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.authority-seo-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.authority-seo-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: center;
}

/* ---- CONTENT COLUMN ---- */

.authority-seo-content-col {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ============================================================
   ALL BOXES — Shared Styles
   ============================================================ */

.authority-seo-badge-box,
.authority-seo-heading-box,
.authority-seo-intro-box,
.authority-seo-card,
.authority-seo-note {
    background: #1a1a1a;
    padding: 1.25rem 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid #2a2a2a;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

/* ---- BADGE BOX ---- */

.authority-seo-badge-box {
    padding: 0.5rem 1.5rem;
    background: #1a1a1a;
    border-color: #2a2a2a;
    display: inline-block;
    align-self: flex-start;
}

.authority-seo-badge-box:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(132, 198, 21, 0.25);
}

.authority-seo-badge {
    display: inline-block;
    background: transparent;
    color: #84c615;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: color 0.35s ease;
}

.authority-seo-badge-box:hover .authority-seo-badge {
    color: #0a0a0a;
}

/* ---- HEADING BOX ---- */

.authority-seo-heading-box {
    background: #1a1a1a;
    border-color: #2a2a2a;
    padding: 1.5rem 1.75rem;
}

.authority-seo-heading-box:hover {
    border-color: #84c615;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}

.authority-seo-heading {
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.authority-seo-highlight {
    color: #84c615;
    transition: color 0.35s ease;
}

.authority-seo-heading-box:hover .authority-seo-highlight {
    color: #84c615;
}

.authority-seo-divider {
    width: 70px;
    height: 3px;
    background: #84c615;
    border-radius: 2px;
    transition: width 0.4s ease;
}

.authority-seo-heading-box:hover .authority-seo-divider {
    width: 100px;
}

/* ---- INTRO BOX ---- */

.authority-seo-intro-box {
    background: #1a1a1a;
    border-color: #2a2a2a;
}

.authority-seo-intro-box:hover {
    border-color: #84c615;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(132, 198, 21, 0.06);
}

.authority-seo-intro {
    color: #d0d0d0;
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0;
}

.authority-seo-intro-box:hover .authority-seo-intro {
    color: #ffffff;
}

/* ---- SIGNAL CARD (BOX) ---- */

.authority-seo-card {
    background: #1a1a1a;
    padding: 1.5rem 1.75rem;
    border-color: #2a2a2a;
    cursor: pointer;
}

.authority-seo-card:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.3);
}

.authority-seo-card-label {
    font-weight: 700;
    font-size: 0.95rem;
    color: #ffffff;
    margin-bottom: 0.75rem;
    transition: color 0.35s ease;
}

.authority-seo-card:hover .authority-seo-card-label {
    color: #0a0a0a;
}

.authority-seo-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem 1.5rem;
}

.authority-seo-list li {
    font-size: 0.92rem;
    color: #d0d0d0;
    transition: color 0.35s ease;
    position: relative;
    padding-left: 1.2rem;
}

.authority-seo-list li::before {
    content: "◆";
    position: absolute;
    left: 0;
    color: #84c615;
    font-size: 0.5rem;
    top: 0.3rem;
    transition: color 0.35s ease;
}

.authority-seo-card:hover .authority-seo-list li {
    color: #0a0a0a;
}

.authority-seo-card:hover .authority-seo-list li::before {
    color: #0a0a0a;
}

/* Card overlay glow on hover */
.authority-seo-card-overlay {
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.authority-seo-card:hover .authority-seo-card-overlay {
    opacity: 1;
}

/* ---- AUTHORITY NOTE (BOX) ---- */

.authority-seo-note {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: #141414;
    padding: 1.25rem 1.5rem;
    border-color: #2a2a2a;
    border-left: 4px solid #84c615;
    cursor: pointer;
}

.authority-seo-note:hover {
    background: #1a1a1a;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 10px 35px rgba(132, 198, 21, 0.15);
}

.authority-seo-note-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: transform 0.4s ease;
}

.authority-seo-note:hover .authority-seo-note-icon {
    transform: scale(1.15);
}

.authority-seo-note-body p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #d0d0d0;
}

.authority-seo-note-main strong {
    color: #ffffff;
    font-weight: 700;
    transition: color 0.35s ease;
}

.authority-seo-note:hover .authority-seo-note-main {
    color: #ffffff;
}

.authority-seo-note:hover .authority-seo-note-main strong {
    color: #84c615;
}

/* Note glow effect */
.authority-seo-note-glow {
    position: absolute;
    bottom: -30%;
    right: -20%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.authority-seo-note:hover .authority-seo-note-glow {
    opacity: 1;
}

/* ---- IMAGE COLUMN ---- */

.authority-seo-image-col {
    order: 1;
}

.authority-seo-image-wrap {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    background: #1a1a1a;
    border: 2px solid #2a2a2a;
    transition: all 0.4s ease;
}

.authority-seo-image-wrap:hover {
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.15);
}

.authority-seo-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    z-index: 1;
}

.authority-seo-image-wrap:hover .authority-seo-image {
    transform: scale(1.05);
}

/* Image border glow on hover */
.authority-seo-image-border {
    position: absolute;
    inset: -2px;
    border-radius: 1rem;
    background: linear-gradient(135deg, #84c615, #6aad10);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.authority-seo-image-wrap:hover .authority-seo-image-border {
    opacity: 1;
}

/* ---- DECORATIVE GLOW ---- */

.authority-seo-glow {
    position: absolute;
    bottom: -30%;
    right: -20%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .authority-seo-wrapper {
        padding: 5rem 2rem;
    }

    .authority-seo-heading {
        font-size: 2.5rem;
    }

    .authority-seo-list {
        grid-template-columns: 1fr 1fr;
        gap: 0.4rem 2rem;
    }

    .authority-seo-content-col {
        gap: 1.5rem;
    }

    .authority-seo-badge-box,
    .authority-seo-heading-box,
    .authority-seo-intro-box,
    .authority-seo-card,
    .authority-seo-note {
        padding: 1.5rem 2rem;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .authority-seo-grid {
        grid-template-columns: 7fr 5fr;
        gap: 4rem;
    }

    .authority-seo-content-col {
        order: 1;
    }

    .authority-seo-image-col {
        order: 2;
    }

    .authority-seo-heading {
        font-size: 3rem;
    }

    .authority-seo-wrapper {
        padding: 6rem 3rem;
    }

    .authority-seo-image-wrap {
        border-radius: 1.25rem;
    }

    .authority-seo-card {
        padding: 1.75rem 2rem;
    }

    .authority-seo-badge-box {
        padding: 0.5rem 2rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .authority-seo-container {
        max-width: 1320px;
    }

    .authority-seo-heading {
        font-size: 3.5rem;
    }

    .authority-seo-wrapper::before {
        width: 800px;
        height: 800px;
        right: -10%;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .authority-seo-image,
    .authority-seo-card,
    .authority-seo-note,
    .authority-seo-badge-box,
    .authority-seo-heading-box,
    .authority-seo-intro-box,
    .authority-seo-image-wrap {
        transition: none !important;
    }

    .authority-seo-image:hover,
    .authority-seo-image-wrap:hover .authority-seo-image {
        transform: none !important;
    }

    .authority-seo-card:hover,
    .authority-seo-note:hover,
    .authority-seo-badge-box:hover,
    .authority-seo-heading-box:hover,
    .authority-seo-intro-box:hover,
    .authority-seo-image-wrap:hover {
        transform: none !important;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .authority-seo-list {
        grid-template-columns: 1fr 1fr;
        gap: 0.2rem 1rem;
    }

    .authority-seo-list li {
        font-size: 0.82rem;
        padding-left: 1rem;
    }

    .authority-seo-heading {
        font-size: 1.6rem;
    }

    .authority-seo-badge-box,
    .authority-seo-heading-box,
    .authority-seo-intro-box,
    .authority-seo-card,
    .authority-seo-note {
        padding: 1rem 1.25rem;
    }

    .authority-seo-note {
        flex-direction: column;
        align-items: flex-start;
    }

    .authority-seo-note-icon {
        margin-bottom: 0.25rem;
    }
}








/* ============================================================
   LOCALSEO — CYCLIC 1 (WHITE BACKGROUND)
   Clean, bright design with boxed elements
   ============================================================ */

/* ---- BASE ---- */

.localseo-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Subtle background pattern */
.localseo-wrapper::before {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.localseo-wrapper::after {
    content: '';
    position: absolute;
    bottom: -20%;
    left: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.03) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.localseo-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.localseo-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: center;
}

/* ---- CONTENT COLUMN ---- */

.localseo-content-col {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

/* ============================================================
   ALL BOXES — Shared Styles
   ============================================================ */

.localseo-badge-box,
.localseo-heading-box,
.localseo-intro-box,
.localseo-sub-box,
.localseo-grid-item,
.localseo-conclusion-box {
    background: #f5faf0;
    padding: 1.15rem 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* ---- BADGE BOX ---- */

.localseo-badge-box {
    padding: 0.5rem 1.5rem;
    background: #84c615;
    border-color: #84c615;
    display: inline-block;
    align-self: flex-start;
    border-radius: 2rem;
}

.localseo-badge-box:hover {
    background: #6aad10;
    border-color: #6aad10;
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.35);
}

.localseo-badge {
    display: inline-block;
    background: transparent;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: color 0.35s ease;
}

/* ---- HEADING BOX ---- */

.localseo-heading-box {
    background: #f5faf0;
    border-color: #e8f0e0;
    padding: 1.5rem 1.75rem;
    position: relative;
}

.localseo-heading-box:hover {
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 10px 40px rgba(132, 198, 21, 0.1);
}

.localseo-heading {
    font-size: 2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.localseo-highlight {
    color: #84c615;
    transition: color 0.35s ease;
}

.localseo-divider {
    width: 70px;
    height: 4px;
    background: #84c615;
    border-radius: 2px;
    transition: all 0.5s ease;
}

.localseo-heading-box:hover .localseo-divider {
    width: 140px;
    box-shadow: 0 0 30px rgba(132, 198, 21, 0.3);
}

/* Heading decoration dots */
.localseo-heading-decoration {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    display: flex;
    gap: 4px;
    opacity: 0.3;
}

.localseo-heading-decoration::before,
.localseo-heading-decoration::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #84c615;
}

/* ---- INTRO BOX ---- */

.localseo-intro-box {
    background: #f5faf0;
    border-color: #e8f0e0;
    padding-right: 4rem;
    position: relative;
}

.localseo-intro-box:hover {
    border-color: #84c615;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}

.localseo-intro {
    color: #444444;
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0;
}

.localseo-intro-box:hover .localseo-intro {
    color: #0a0a0a;
}

.localseo-intro-icon {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.8rem;
    opacity: 0.15;
    transition: all 0.5s ease;
}

.localseo-intro-box:hover .localseo-intro-icon {
    opacity: 0.4;
    transform: translateY(-50%) scale(1.2);
}

/* ---- SUBTEXT BOX ---- */

.localseo-sub-box {
    background: #ffffff;
    border-color: #e8f0e0;
    padding: 0.75rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.localseo-sub-box:hover {
    border-color: #84c615;
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(132, 198, 21, 0.08);
}

.localseo-sub-icon {
    color: #84c615;
    font-size: 1rem;
    font-weight: 700;
}

.localseo-subtext {
    color: #0a0a0a;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.02em;
}

/* ---- GRID ITEMS (BOXES) ---- */

.localseo-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.localseo-grid-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1.25rem;
    background: #f5faf0;
    border-color: #e8f0e0;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.localseo-grid-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.25);
}

.localseo-item-number {
    font-size: 0.6rem;
    font-weight: 700;
    color: #84c615;
    background: #ffffff;
    padding: 0.15rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.35s ease;
    flex-shrink: 0;
}

.localseo-grid-item:hover .localseo-item-number {
    background: #0a0a0a;
    color: #ffffff;
}

.localseo-item-text {
    color: #0a0a0a;
    font-size: 0.85rem;
    font-weight: 500;
    transition: color 0.35s ease;
    flex: 1;
}

.localseo-grid-item:hover .localseo-item-text {
    color: #ffffff;
}

.localseo-item-arrow {
    color: #84c615;
    font-size: 0.8rem;
    transition: all 0.4s ease;
    opacity: 0;
    transform: translateX(-10px);
}

.localseo-grid-item:hover .localseo-item-arrow {
    opacity: 1;
    transform: translateX(0);
    color: #ffffff;
}

/* ---- CONCLUSION BOX ---- */

.localseo-conclusion-box {
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
    background: #ffffff;
    padding: 1.25rem 1.5rem;
    border-color: #e8f0e0;
    border-left: 4px solid #84c615;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.localseo-conclusion-box:hover {
    background: #f5faf0;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 12px 45px rgba(132, 198, 21, 0.12);
}

.localseo-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.4s ease;
    width: 24px;
    height: 24px;
}

.localseo-conclusion-box:hover .localseo-conclusion-icon {
    transform: scale(1.15) rotate(-8deg);
    color: #6aad10;
}

.localseo-conclusion-body p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #444444;
}

.localseo-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.localseo-conclusion-box:hover .localseo-conclusion-text {
    color: #0a0a0a;
}

.localseo-conclusion-box:hover .localseo-conclusion-text strong {
    color: #84c615;
}

/* Conclusion shine effect */
.localseo-conclusion-shine {
    position: absolute;
    top: -50%;
    right: -30%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.localseo-conclusion-box:hover .localseo-conclusion-shine {
    opacity: 1;
}

/* ---- IMAGE COLUMN ---- */

.localseo-image-col {
    order: 1;
}

.localseo-image-wrap {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    background: #f5faf0;
    border: 2px solid #e8f0e0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.localseo-image-wrap:hover {
    border-color: #84c615;
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 20px 60px rgba(132, 198, 21, 0.12);
}

.localseo-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    z-index: 1;
}

.localseo-image-wrap:hover .localseo-image {
    transform: scale(1.05);
}

/* ---- IMAGE RING DECORATION ---- */

.localseo-image-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    border: 2px solid rgba(132, 198, 21, 0.08);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    transition: all 0.6s ease;
}

.localseo-image-wrap:hover .localseo-image-ring {
    width: 95%;
    height: 95%;
    border-color: rgba(132, 198, 21, 0.2);
    transform: translate(-50%, -50%) scale(1.05);
}

/* ---- IMAGE DOTS ---- */

.localseo-image-dots {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    z-index: 2;
    opacity: 0.2;
    transition: opacity 0.4s ease;
}

.localseo-image-dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #84c615;
}

.localseo-image-wrap:hover .localseo-image-dots {
    opacity: 0.5;
}

/* ---- FLOATING BADGE ---- */

.localseo-image-float-badge {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #e8f0e0;
    opacity: 0;
    transform: translateY(20px) scale(0.9);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.localseo-image-wrap:hover .localseo-image-float-badge {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.localseo-float-icon {
    font-size: 1rem;
}

.localseo-float-text {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0a0a0a;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .localseo-wrapper {
        padding: 5rem 2rem;
    }

    .localseo-heading {
        font-size: 2.5rem;
    }

    .localseo-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 0.9rem;
    }

    .localseo-content-col {
        gap: 1.35rem;
    }

    .localseo-badge-box,
    .localseo-heading-box,
    .localseo-intro-box,
    .localseo-sub-box,
    .localseo-conclusion-box {
        padding: 1.5rem 2rem;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .localseo-grid {
        grid-template-columns: 7fr 5fr;
        gap: 4rem;
    }

    .localseo-content-col {
        order: 1;
    }

    .localseo-image-col {
        order: 2;
    }

    .localseo-heading {
        font-size: 3rem;
    }

    .localseo-wrapper {
        padding: 6rem 3rem;
    }

    .localseo-image-wrap {
        border-radius: 1.25rem;
    }

    .localseo-grid-item {
        padding: 1rem 1.5rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .localseo-container {
        max-width: 1320px;
    }

    .localseo-heading {
        font-size: 3.5rem;
    }

    .localseo-wrapper::before {
        width: 700px;
        height: 700px;
        right: -5%;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .localseo-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .localseo-grid-item {
        padding: 0.6rem 0.9rem;
        gap: 0.5rem;
    }

    .localseo-item-text {
        font-size: 0.75rem;
    }

    .localseo-item-number {
        font-size: 0.5rem;
        padding: 0.1rem 0.4rem;
    }

    .localseo-item-arrow {
        display: none;
    }

    .localseo-heading {
        font-size: 1.6rem;
    }

    .localseo-badge-box,
    .localseo-heading-box,
    .localseo-intro-box,
    .localseo-sub-box,
    .localseo-grid-item,
    .localseo-conclusion-box {
        padding: 0.85rem 1rem;
    }

    .localseo-conclusion-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .localseo-intro-icon {
        display: none;
    }

    .localseo-intro-box {
        padding-right: 1.5rem;
    }

    .localseo-image-float-badge {
        display: none;
    }

    .localseo-image-dots {
        display: none;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .localseo-image,
    .localseo-grid-item,
    .localseo-conclusion-box,
    .localseo-badge-box,
    .localseo-heading-box,
    .localseo-intro-box,
    .localseo-sub-box,
    .localseo-image-wrap,
    .localseo-image-float-badge,
    .localseo-item-arrow {
        transition: none !important;
    }

    .localseo-image:hover,
    .localseo-image-wrap:hover .localseo-image {
        transform: none !important;
    }

    .localseo-grid-item:hover,
    .localseo-conclusion-box:hover,
    .localseo-badge-box:hover,
    .localseo-heading-box:hover,
    .localseo-intro-box:hover,
    .localseo-sub-box:hover,
    .localseo-image-wrap:hover {
        transform: none !important;
    }

    .localseo-image-float-badge {
        opacity: 1 !important;
        transform: none !important;
    }

    .localseo-item-arrow {
        opacity: 1 !important;
        transform: none !important;
    }
}



/* ============================================================
   TECHSEO — CYCLIC 2 (BLACK BACKGROUND)
   Complete CSS with all new classes and IDs
   ============================================================ */

/* ---- BASE ---- */

.techseo-wrapper {
    background: #0a0a0a;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Tech-inspired background elements */
.techseo-wrapper::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -15%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.techseo-wrapper::after {
    content: '</>';
    position: absolute;
    bottom: 2rem;
    right: 3rem;
    font-size: 8rem;
    font-weight: 900;
    color: rgba(132, 198, 21, 0.03);
    font-family: 'Courier New', monospace;
    pointer-events: none;
    letter-spacing: -0.1em;
}

.techseo-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.techseo-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: center;
}

/* ---- CONTENT COLUMN ---- */

.techseo-content-col {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

/* ============================================================
   ALL BOXES — Shared Styles
   ============================================================ */

.techseo-badge-box,
.techseo-heading-box,
.techseo-intro-box,
.techseo-intro-box-secondary,
.techseo-sub-box,
.techseo-grid-item,
.techseo-conclusion-box {
    background: #1a1a1a;
    padding: 1.15rem 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid #2a2a2a;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* ---- BADGE BOX ---- */

.techseo-badge-box {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.4rem 1.5rem 0.4rem 1.2rem;
    background: linear-gradient(135deg, #1a1a1a, #2a2a2a);
    border-color: #2a2a2a;
    align-self: flex-start;
    border-radius: 2rem;
    border-left: 3px solid #84c615;
}

.techseo-badge-box:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.3);
}

.techseo-badge {
    color: #84c615;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: color 0.35s ease;
}

.techseo-badge-tag {
    font-size: 0.55rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.15rem 0.6rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
    transition: all 0.35s ease;
}

.techseo-badge-box:hover .techseo-badge-tag {
    background: #0a0a0a;
    color: #ffffff;
}

.techseo-badge-box:hover .techseo-badge {
    color: #0a0a0a;
}

/* ---- ENHANCED HEADING BOX ---- */

.techseo-heading-box {
    background: linear-gradient(145deg, #1a1a1a, #141414);
    border-color: #2a2a2a;
    padding: 1.5rem 1.75rem;
    position: relative;
}

.techseo-heading-box:hover {
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 10px 40px rgba(132, 198, 21, 0.08);
}

/* Corner brackets */
.techseo-corner {
    position: absolute;
    width: 15px;
    height: 15px;
    border-color: #2a2a2a;
    border-style: solid;
    border-width: 0;
    transition: all 0.4s ease;
    opacity: 0.4;
}

.techseo-heading-box:hover .techseo-corner {
    border-color: #84c615;
    opacity: 0.8;
}

.techseo-corner-tl {
    top: 8px;
    left: 8px;
    border-top-width: 2px;
    border-left-width: 2px;
    border-radius: 2px 0 0 0;
}

.techseo-corner-tr {
    top: 8px;
    right: 8px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-radius: 0 2px 0 0;
}

.techseo-corner-bl {
    bottom: 8px;
    left: 8px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-radius: 0 0 0 2px;
}

.techseo-corner-br {
    bottom: 8px;
    right: 8px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    border-radius: 0 0 2px 0;
}

/* Heading top row */
.techseo-heading-top {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.25rem;
}

.techseo-heading-number {
    font-size: 0.7rem;
    font-weight: 800;
    color: #84c615;
    background: rgba(132, 198, 21, 0.1);
    padding: 0.1rem 0.6rem;
    border-radius: 2rem;
    letter-spacing: 0.05em;
}

.techseo-heading-label {
    font-size: 0.6rem;
    font-weight: 600;
    color: #d0d0d0;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    opacity: 0.5;
}

/* Heading - CORRECTED */
.techseo-heading {
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.1rem 0;
    line-height: 1.2;
}

.techseo-highlight {
    color: #84c615;
    transition: color 0.35s ease;
}

.techseo-sub-heading {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    color: #d0d0d0;
    margin-top: 0.1rem;
}

.techseo-sub-icon {
    margin-right: 0.3rem;
}

/* Divider with dots */
.techseo-divider {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 0.75rem;
    transition: all 0.5s ease;
}

.techseo-divider-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #84c615;
    transition: all 0.5s ease;
}

.techseo-divider-dot:nth-child(1) {
    width: 30px;
    border-radius: 3px;
}

.techseo-divider-dot:nth-child(3) {
    opacity: 0.4;
    width: 4px;
    height: 4px;
}

.techseo-heading-box:hover .techseo-divider-dot:nth-child(1) {
    width: 50px;
    box-shadow: 0 0 20px rgba(132, 198, 21, 0.3);
}

.techseo-heading-box:hover .techseo-divider-dot:nth-child(2) {
    transform: scale(1.3);
}

/* ---- TRUST INDICATORS ---- */

.techseo-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #2a2a2a;
    transition: border-color 0.4s ease;
}

.techseo-heading-box:hover .techseo-trust-row {
    border-top-color: #84c615;
}

.techseo-trust-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #d0d0d0;
    transition: color 0.35s ease;
}

.techseo-heading-box:hover .techseo-trust-item {
    color: #ffffff;
}

.techseo-trust-icon {
    font-size: 0.85rem;
}

/* ---- INTRO BOXES ---- */

.techseo-intro-box {
    background: #1a1a1a;
    border-color: #2a2a2a;
    position: relative;
}

.techseo-intro-box:hover {
    border-color: #84c615;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
}

.techseo-intro {
    color: #d0d0d0;
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0;
    font-weight: 500;
}

.techseo-intro-box:hover .techseo-intro {
    color: #ffffff;
}

.techseo-intro-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #84c615;
    border-radius: 0 4px 4px 0;
    transition: height 0.4s ease;
}

.techseo-intro-box:hover .techseo-intro-line {
    height: 100%;
}

/* Secondary intro box */
.techseo-intro-box-secondary {
    background: #141414;
    border-color: #2a2a2a;
    border-left: 3px solid #2a2a2a;
}

.techseo-intro-box-secondary:hover {
    border-color: #84c615;
    border-left-color: #84c615;
    transform: translateX(4px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
}

.techseo-intro-secondary {
    color: #d0d0d0;
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
}

.techseo-intro-box-secondary:hover .techseo-intro-secondary {
    color: #ffffff;
}

/* ---- SUBTEXT BOX ---- */

.techseo-sub-box {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    background: #141414;
    border-color: #2a2a2a;
    position: relative;
}

.techseo-sub-box:hover {
    border-color: #84c615;
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(132, 198, 21, 0.08);
}

.techseo-sub-line {
    width: 4px;
    height: 30px;
    background: #84c615;
    border-radius: 2px;
    flex-shrink: 0;
    transition: height 0.4s ease;
}

.techseo-sub-box:hover .techseo-sub-line {
    height: 40px;
}

.techseo-subtext {
    color: #84c615;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.02em;
    flex: 1;
}

.techseo-sub-count {
    font-size: 0.65rem;
    font-weight: 700;
    color: #ffffff;
    background: #2a2a2a;
    padding: 0.2rem 0.8rem;
    border-radius: 2rem;
    letter-spacing: 0.05em;
    transition: all 0.35s ease;
    flex-shrink: 0;
}

.techseo-sub-box:hover .techseo-sub-count {
    background: #84c615;
    color: #0a0a0a;
}

/* ---- GRID ITEMS (CARD STYLE) ---- */

.techseo-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.techseo-grid-item {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1rem 1.25rem;
    background: #1a1a1a;
    border-color: #2a2a2a;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-left: 3px solid transparent;
}

.techseo-grid-item:hover {
    background: #2a2a2a;
    border-color: #84c615;
    border-left-color: #84c615;
    transform: translateX(6px) scale(1.01);
    box-shadow: 0 10px 35px rgba(132, 198, 21, 0.1);
}

.techseo-item-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.techseo-item-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

.techseo-grid-item:hover .techseo-item-icon {
    transform: scale(1.2) rotate(-5deg);
}

.techseo-item-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: #ffffff;
    transition: color 0.35s ease;
    letter-spacing: 0.01em;
}

.techseo-grid-item:hover .techseo-item-title {
    color: #84c615;
}

.techseo-item-status {
    font-size: 0.7rem;
    color: #84c615;
    margin-left: auto;
    opacity: 0.3;
    transition: all 0.4s ease;
}

.techseo-grid-item:hover .techseo-item-status {
    opacity: 1;
    transform: scale(1.2);
    color: #ffffff;
}

.techseo-item-desc {
    font-size: 0.82rem;
    color: #d0d0d0;
    margin: 0 0 0 2.1rem;
    line-height: 1.5;
    transition: color 0.35s ease;
}

.techseo-grid-item:hover .techseo-item-desc {
    color: #ffffff;
}

/* Item glow effect */
.techseo-item-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.techseo-grid-item:hover .techseo-item-glow {
    opacity: 1;
}

/* ---- CONCLUSION BOX ---- */

.techseo-conclusion-box {
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
    background: #141414;
    padding: 1.25rem 1.5rem;
    border-color: #2a2a2a;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-bottom: 3px solid #2a2a2a;
}

.techseo-conclusion-box:hover {
    background: #1a1a1a;
    border-color: #84c615;
    border-bottom-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.12);
}

.techseo-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
    width: 28px;
    height: 28px;
}

.techseo-conclusion-box:hover .techseo-conclusion-icon {
    transform: scale(1.15) rotate(8deg);
    color: #6aad10;
}

.techseo-conclusion-body p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #d0d0d0;
}

.techseo-conclusion-text strong {
    color: #ffffff;
    font-weight: 700;
    transition: color 0.35s ease;
}

.techseo-conclusion-box:hover .techseo-conclusion-text {
    color: #ffffff;
}

.techseo-conclusion-box:hover .techseo-conclusion-text strong {
    color: #84c615;
}

/* Conclusion pulse animation */
.techseo-conclusion-pulse {
    position: absolute;
    top: -30%;
    right: -10%;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.techseo-conclusion-box:hover .techseo-conclusion-pulse {
    opacity: 1;
}

/* Conclusion tag */
.techseo-conclusion-tag {
    position: absolute;
    bottom: 0.6rem;
    right: 1rem;
    font-size: 0.6rem;
    font-weight: 600;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
}

.techseo-conclusion-box:hover .techseo-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* ---- IMAGE COLUMN ---- */

.techseo-image-col {
    order: 1;
}

.techseo-image-wrap {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    background: #1a1a1a;
    border: 2px solid #2a2a2a;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.techseo-image-wrap:hover {
    border-color: #84c615;
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 20px 60px rgba(132, 198, 21, 0.12);
}

.techseo-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    z-index: 1;
}

.techseo-image-wrap:hover .techseo-image {
    transform: scale(1.05);
}

/* ---- IMAGE SHAPES (Tech Decoration) ---- */

.techseo-image-shapes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.techseo-shape {
    position: absolute;
    border: 2px solid rgba(132, 198, 21, 0.08);
    border-radius: 4px;
    transition: all 0.6s ease;
}

.techseo-shape-1 {
    top: 1rem;
    right: 1rem;
    width: 40px;
    height: 40px;
    transform: rotate(15deg);
}

.techseo-shape-2 {
    bottom: 3rem;
    left: 1rem;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
}

.techseo-shape-3 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border-color: rgba(132, 198, 21, 0.04);
}

.techseo-image-wrap:hover .techseo-shape-1 {
    transform: rotate(45deg) scale(1.1);
    border-color: rgba(132, 198, 21, 0.2);
}

.techseo-image-wrap:hover .techseo-shape-2 {
    transform: rotate(90deg) scale(1.1);
    border-color: rgba(132, 198, 21, 0.2);
}

.techseo-image-wrap:hover .techseo-shape-3 {
    transform: translate(-50%, -50%) rotate(180deg) scale(1.2);
    border-color: rgba(132, 198, 21, 0.15);
}

/* ---- CODE BADGE ---- */

.techseo-image-code-badge {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #0a0a0a;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    border: 1px solid #2a2a2a;
    opacity: 0;
    transform: translateY(20px) scale(0.9);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.techseo-image-wrap:hover .techseo-image-code-badge {
    opacity: 1;
    transform: translateY(0) scale(1);
    border-color: #84c615;
}

.techseo-code-symbol {
    font-size: 0.9rem;
    font-weight: 700;
    color: #84c615;
    font-family: 'Courier New', monospace;
}

.techseo-code-text {
    font-size: 0.7rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.05em;
}

/* ---- SPEED BADGE ---- */

.techseo-image-speed-badge {
    position: absolute;
    bottom: 4.5rem;
    left: 1.5rem;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #84c615;
    padding: 0.4rem 0.9rem;
    border-radius: 2rem;
    opacity: 0;
    transform: translateY(20px) scale(0.9);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.3);
}

.techseo-image-wrap:hover .techseo-image-speed-badge {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.techseo-speed-icon {
    font-size: 0.9rem;
}

.techseo-speed-text {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.02em;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .techseo-wrapper {
        padding: 5rem 2rem;
    }

    .techseo-heading {
        font-size: 2.5rem;
    }

    .techseo-sub-heading {
        font-size: 1.4rem;
    }

    .techseo-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 0.9rem;
    }

    .techseo-content-col {
        gap: 1.35rem;
    }

    .techseo-badge-box,
    .techseo-heading-box,
    .techseo-intro-box,
    .techseo-intro-box-secondary,
    .techseo-sub-box,
    .techseo-conclusion-box {
        padding: 1.5rem 2rem;
    }

    .techseo-grid-item {
        padding: 1.1rem 1.5rem;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .techseo-grid {
        grid-template-columns: 7fr 5fr;
        gap: 4rem;
    }

    .techseo-content-col {
        order: 1;
    }

    .techseo-image-col {
        order: 2;
    }

    .techseo-heading {
        font-size: 3rem;
    }

    .techseo-sub-heading {
        font-size: 1.6rem;
    }

    .techseo-wrapper {
        padding: 6rem 3rem;
    }

    .techseo-image-wrap {
        border-radius: 1.25rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .techseo-container {
        max-width: 1320px;
    }

    .techseo-heading {
        font-size: 3.5rem;
    }

    .techseo-wrapper::before {
        width: 800px;
        height: 800px;
        right: -10%;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .techseo-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .techseo-grid-item {
        padding: 0.8rem 1rem;
    }

    .techseo-item-title {
        font-size: 0.85rem;
    }

    .techseo-item-desc {
        font-size: 0.78rem;
        margin-left: 1.9rem;
    }

    .techseo-heading {
        font-size: 1.6rem;
    }

    .techseo-sub-heading {
        font-size: 1rem;
    }

    .techseo-badge-box,
    .techseo-heading-box,
    .techseo-intro-box,
    .techseo-intro-box-secondary,
    .techseo-sub-box,
    .techseo-grid-item,
    .techseo-conclusion-box {
        padding: 0.85rem 1rem;
    }

    .techseo-conclusion-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .techseo-image-code-badge,
    .techseo-image-speed-badge {
        display: none;
    }

    .techseo-image-shapes {
        display: none;
    }

    .techseo-intro {
        font-size: 0.95rem;
    }

    .techseo-intro-secondary {
        font-size: 0.88rem;
    }

    .techseo-heading-top {
        display: none;
    }

    .techseo-trust-row {
        flex-direction: column;
        gap: 0.4rem;
    }

    .techseo-trust-item {
        font-size: 0.7rem;
    }

    .techseo-sub-count {
        font-size: 0.55rem;
        padding: 0.15rem 0.6rem;
    }

    .techseo-corner {
        display: none;
    }

    .techseo-conclusion-tag {
        display: none;
    }

    .techseo-badge-tag {
        font-size: 0.5rem;
        padding: 0.1rem 0.4rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .techseo-image,
    .techseo-grid-item,
    .techseo-conclusion-box,
    .techseo-badge-box,
    .techseo-heading-box,
    .techseo-intro-box,
    .techseo-intro-box-secondary,
    .techseo-sub-box,
    .techseo-image-wrap,
    .techseo-image-code-badge,
    .techseo-image-speed-badge,
    .techseo-shape {
        transition: none !important;
        animation: none !important;
    }

    .techseo-image:hover,
    .techseo-image-wrap:hover .techseo-image {
        transform: none !important;
    }

    .techseo-grid-item:hover,
    .techseo-conclusion-box:hover,
    .techseo-badge-box:hover,
    .techseo-heading-box:hover,
    .techseo-intro-box:hover,
    .techseo-intro-box-secondary:hover,
    .techseo-sub-box:hover,
    .techseo-image-wrap:hover {
        transform: none !important;
    }

    .techseo-image-code-badge,
    .techseo-image-speed-badge {
        opacity: 1 !important;
        transform: none !important;
    }

    .techseo-shape {
        opacity: 0.3 !important;
    }
}











/* ============================================================
   LOCO — CYCLIC 1 (WHITE BACKGROUND)
   Premium design with modern card layout
   ============================================================ */

/* ---- BASE ---- */

.loco-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Premium background decorations */
.loco-wrapper::before {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.loco-wrapper::after {
    content: '✦';
    position: absolute;
    bottom: 2rem;
    right: 4rem;
    font-size: 10rem;
    font-weight: 300;
    color: rgba(132, 198, 21, 0.04);
    pointer-events: none;
    font-family: 'Georgia', serif;
}

.loco-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.loco-header {
    text-align: center;
    margin-bottom: 3rem;
}

/* Badge */
.loco-header-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.loco-badge {
    display: inline-block;
    background: #f5faf0;
    color: #0a0a0a;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.4rem 1.2rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    transition: all 0.35s ease;
}

.loco-badge:hover {
    background: #84c615;
    color: #ffffff;
    border-color: #84c615;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(132, 198, 21, 0.2);
}

.loco-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.15rem 0.6rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Heading */
.loco-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.loco-highlight {
    color: #84c615;
    position: relative;
}

.loco-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(132, 198, 21, 0.2);
    border-radius: 2px;
    transition: width 0.4s ease;
}

.loco-heading:hover .loco-highlight::after {
    width: 0;
}

.loco-sub-heading {
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    color: #444444;
    margin-top: 0.2rem;
}

.loco-sub-icon {
    margin-right: 0.4rem;
}

/* Divider */
.loco-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1.25rem auto 1.5rem;
    max-width: 300px;
}

.loco-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.loco-divider-diamond {
    color: #84c615;
    font-size: 0.7rem;
    animation: pulseDiamond 2s ease-in-out infinite;
}

@keyframes pulseDiamond {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.3); }
}

/* Intro */
.loco-intro {
    max-width: 680px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- GRID WRAPPER ---- */

.loco-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2.5rem;
}

/* ---- GRID ITEMS ---- */

.loco-grid-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.5rem;
    background: #f5faf0;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    overflow: hidden;
}

.loco-grid-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 15px 45px rgba(132, 198, 21, 0.2);
}

.loco-grid-item:hover .loco-item-number {
    background: #0a0a0a;
    color: #ffffff;
}

.loco-grid-item:hover .loco-item-icon {
    transform: scale(1.2) rotate(-10deg);
}

.loco-grid-item:hover .loco-item-title {
    color: #ffffff;
}

.loco-grid-item:hover .loco-item-desc {
    color: #ffffff;
}

.loco-grid-item:hover .loco-item-arrow {
    opacity: 1;
    transform: translateX(0);
    color: #ffffff;
}

/* Item Number */
.loco-item-number {
    flex-shrink: 0;
    font-size: 0.65rem;
    font-weight: 800;
    color: #84c615;
    background: #ffffff;
    padding: 0.15rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    min-width: 28px;
    text-align: center;
}

/* Item Icon */
.loco-item-icon {
    flex-shrink: 0;
    font-size: 1.2rem;
    transition: all 0.4s ease;
}

/* Item Title */
.loco-item-title {
    flex: 1;
    font-size: 0.9rem;
    font-weight: 700;
    color: #0a0a0a;
    transition: color 0.4s ease;
    margin: 0;
    min-width: 120px;
}

/* Item Description */
.loco-item-desc {
    display: none;
    font-size: 0.78rem;
    color: #444444;
    transition: color 0.4s ease;
    margin: 0;
    flex: 0 1 auto;
}

/* Item Arrow */
.loco-item-arrow {
    flex-shrink: 0;
    color: #84c615;
    font-size: 1rem;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.4s ease;
    font-weight: 700;
}

/* Item Glow */
.loco-item-glow {
    position: absolute;
    top: -50%;
    right: -30%;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.loco-grid-item:hover .loco-item-glow {
    opacity: 1;
}

/* ---- CONCLUSION BOX ---- */

.loco-conclusion {
    position: relative;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    padding: 1.75rem 2rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 2.5rem;
}

.loco-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.1);
}

.loco-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.2rem;
    transition: all 0.5s ease;
}

.loco-conclusion:hover .loco-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.loco-conclusion-body p {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.8;
    color: #444444;
}

.loco-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.loco-conclusion:hover .loco-conclusion-text {
    color: #0a0a0a;
}

.loco-conclusion:hover .loco-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.loco-conclusion-tag {
    position: absolute;
    bottom: 0.6rem;
    right: 1.5rem;
    font-size: 0.6rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.loco-conclusion:hover .loco-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* Conclusion Shine */
.loco-conclusion-shine {
    position: absolute;
    top: -40%;
    right: -10%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.loco-conclusion:hover .loco-conclusion-shine {
    opacity: 1;
}

/* ---- TRUST BAR ---- */

.loco-trust-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1.25rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: border-color 0.4s ease;
}

.loco-trust-bar:hover {
    border-color: #84c615;
}

.loco-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.loco-trust-bar:hover .loco-trust-item {
    color: #0a0a0a;
}

.loco-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .loco-wrapper {
        padding: 5rem 2rem;
    }

    .loco-heading {
        font-size: 2.8rem;
    }

    .loco-sub-heading {
        font-size: 1.6rem;
    }

    .loco-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
    }

    .loco-grid-item {
        padding: 1.2rem 1.5rem;
        flex-wrap: wrap;
    }

    .loco-item-desc {
        display: block;
        flex: 0 0 100%;
        margin-left: 3.5rem;
        font-size: 0.78rem;
    }

    .loco-item-title {
        font-size: 0.95rem;
        min-width: auto;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .loco-wrapper {
        padding: 6rem 3rem;
    }

    .loco-heading {
        font-size: 3.2rem;
    }

    .loco-sub-heading {
        font-size: 1.8rem;
    }

    .loco-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .loco-grid-item {
        padding: 1.3rem 1.75rem;
    }

    .loco-conclusion {
        padding: 2rem 2.5rem;
    }

    .loco-trust-bar {
        padding: 1.5rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .loco-container {
        max-width: 1320px;
    }

    .loco-heading {
        font-size: 3.6rem;
    }

    .loco-grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5rem;
    }

    .loco-wrapper::before {
        width: 800px;
        height: 800px;
        right: -5%;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .loco-wrapper {
        padding: 3rem 0.75rem;
    }

    .loco-heading {
        font-size: 1.8rem;
    }

    .loco-sub-heading {
        font-size: 1.1rem;
    }

    .loco-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .loco-grid-item {
        padding: 0.85rem 1rem;
        gap: 0.6rem;
    }

    .loco-item-title {
        font-size: 0.82rem;
        min-width: auto;
    }

    .loco-item-icon {
        font-size: 1rem;
    }

    .loco-item-number {
        font-size: 0.55rem;
        min-width: 22px;
        padding: 0.1rem 0.35rem;
    }

    .loco-item-arrow {
        font-size: 0.8rem;
    }

    .loco-item-desc {
        display: none;
    }

    .loco-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 1.25rem 1.25rem;
    }

    .loco-conclusion-body p {
        font-size: 0.92rem;
    }

    .loco-conclusion-tag {
        display: none;
    }

    .loco-trust-bar {
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        padding: 1rem;
    }

    .loco-trust-item {
        font-size: 0.75rem;
    }

    .loco-badge-tag {
        display: none;
    }

    .loco-intro {
        font-size: 0.95rem;
    }

    .loco-divider {
        max-width: 200px;
    }

    .loco-header-top {
        flex-wrap: wrap;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .loco-grid-item,
    .loco-conclusion,
    .loco-badge,
    .loco-trust-bar,
    .loco-item-arrow,
    .loco-item-glow,
    .loco-conclusion-shine,
    .loco-conclusion-tag,
    .loco-divider-diamond {
        transition: none !important;
        animation: none !important;
    }

    .loco-grid-item:hover,
    .loco-conclusion:hover,
    .loco-badge:hover {
        transform: none !important;
    }

    .loco-item-arrow {
        opacity: 1 !important;
        transform: none !important;
    }

    .loco-divider-diamond {
        animation: none !important;
    }
}







/* ============================================================
   GBP — CYCLIC 2 (BLACK BACKGROUND)
   World-class premium design with modern card layout
   ============================================================ */

/* ---- BASE ---- */

.gbp-wrapper {
    background: #0a0a0a;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Premium background decorations */
.gbp-wrapper::before {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.gbp-wrapper::after {
    content: '◆';
    position: absolute;
    bottom: 2rem;
    right: 4rem;
    font-size: 12rem;
    font-weight: 300;
    color: rgba(132, 198, 21, 0.03);
    pointer-events: none;
    font-family: 'Georgia', serif;
    transform: rotate(15deg);
}

.gbp-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.gbp-header {
    text-align: center;
    margin-bottom: 3rem;
}

/* Badge */
.gbp-header-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    position: relative;
}

.gbp-badge {
    display: inline-block;
    background: #1a1a1a;
    color: #84c615;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.4rem 1.2rem;
    border-radius: 2rem;
    border: 1px solid #2a2a2a;
    transition: all 0.35s ease;
}

.gbp-badge:hover {
    background: #84c615;
    color: #0a0a0a;
    border-color: #84c615;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.25);
}

.gbp-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #0a0a0a;
    background: #84c615;
    padding: 0.15rem 0.7rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.gbp-badge-pulse {
    width: 8px;
    height: 8px;
    background: #84c615;
    border-radius: 50%;
    display: inline-block;
    animation: gbpPulse 2s ease-in-out infinite;
}

@keyframes gbpPulse {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.5); }
}

/* Heading */
.gbp-heading {
    font-size: 2.2rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.gbp-highlight {
    color: #84c615;
    position: relative;
}

.gbp-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(132, 198, 21, 0.3);
    border-radius: 2px;
    transition: width 0.4s ease;
}

.gbp-heading:hover .gbp-highlight::after {
    width: 0;
}

.gbp-sub-heading {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    color: #d0d0d0;
    margin-top: 0.2rem;
}

.gbp-sub-icon {
    margin-right: 0.4rem;
}

/* Divider */
.gbp-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1.25rem auto 1.5rem;
    max-width: 300px;
}

.gbp-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.gbp-divider-icon {
    color: #84c615;
    font-size: 0.7rem;
    animation: gbpDiamondPulse 2s ease-in-out infinite;
}

@keyframes gbpDiamondPulse {
    0%, 100% { opacity: 0.4; transform: scale(1) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.3) rotate(45deg); }
}

/* Intro */
.gbp-intro {
    max-width: 680px;
    margin: 0 auto 2rem;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #d0d0d0;
    font-weight: 400;
}

/* Stats Row */
.gbp-stats-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem 2.5rem;
    flex-wrap: wrap;
    padding: 1.25rem 1.5rem;
    background: #141414;
    border-radius: 0.75rem;
    border: 1px solid #2a2a2a;
    max-width: 600px;
    margin: 0 auto;
    transition: all 0.4s ease;
}

.gbp-stats-row:hover {
    border-color: #84c615;
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.08);
}

.gbp-stat-item {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
}

.gbp-stat-number {
    font-size: 1.6rem;
    font-weight: 800;
    color: #84c615;
    letter-spacing: -0.02em;
}

.gbp-stat-label {
    font-size: 0.7rem;
    font-weight: 500;
    color: #d0d0d0;
    letter-spacing: 0.02em;
}

.gbp-stat-divider {
    width: 1px;
    height: 30px;
    background: #2a2a2a;
}

/* ---- GRID WRAPPER ---- */

.gbp-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2.5rem;
}

/* ---- GRID ITEMS ---- */

.gbp-grid-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.5rem;
    background: #1a1a1a;
    border-radius: 0.75rem;
    border: 1px solid #2a2a2a;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    overflow: hidden;
}

.gbp-grid-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.2);
}

.gbp-grid-item:hover .gbp-item-number {
    background: #0a0a0a;
    color: #ffffff;
}

.gbp-grid-item:hover .gbp-item-icon {
    transform: scale(1.2) rotate(-10deg);
}

.gbp-grid-item:hover .gbp-item-title {
    color: #0a0a0a;
}

.gbp-grid-item:hover .gbp-item-desc {
    color: #0a0a0a;
}

.gbp-grid-item:hover .gbp-item-arrow {
    opacity: 1;
    transform: translateX(0);
    color: #0a0a0a;
}

/* Item Number */
.gbp-item-number {
    flex-shrink: 0;
    font-size: 0.6rem;
    font-weight: 800;
    color: #84c615;
    background: #2a2a2a;
    padding: 0.15rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    min-width: 28px;
    text-align: center;
}

/* Item Icon */
.gbp-item-icon {
    flex-shrink: 0;
    font-size: 1.2rem;
    transition: all 0.4s ease;
}

/* Item Content */
.gbp-item-content {
    flex: 1;
    min-width: 0;
}

.gbp-item-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: #ffffff;
    transition: color 0.4s ease;
    margin: 0;
}

.gbp-item-desc {
    font-size: 0.75rem;
    color: #d0d0d0;
    transition: color 0.4s ease;
    margin: 0.1rem 0 0 0;
    display: none;
}

/* Item Arrow */
.gbp-item-arrow {
    flex-shrink: 0;
    color: #84c615;
    font-size: 1rem;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.4s ease;
    font-weight: 700;
}

/* Item Glow */
.gbp-item-glow {
    position: absolute;
    top: -50%;
    right: -30%;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.gbp-grid-item:hover .gbp-item-glow {
    opacity: 1;
}

/* ---- CONCLUSION BOX ---- */

.gbp-conclusion {
    position: relative;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    padding: 1.75rem 2rem;
    background: #141414;
    border-radius: 1rem;
    border: 1px solid #2a2a2a;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 2.5rem;
}

.gbp-conclusion:hover {
    background: #1a1a1a;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.12);
}

.gbp-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.gbp-conclusion:hover .gbp-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.gbp-conclusion-body p {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.8;
    color: #d0d0d0;
}

.gbp-conclusion-text strong {
    color: #ffffff;
    font-weight: 700;
    transition: color 0.35s ease;
}

.gbp-conclusion:hover .gbp-conclusion-text {
    color: #ffffff;
}

.gbp-conclusion:hover .gbp-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.gbp-conclusion-tag {
    position: absolute;
    bottom: 0.6rem;
    right: 1.5rem;
    font-size: 0.6rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.gbp-conclusion:hover .gbp-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* Conclusion Shine */
.gbp-conclusion-shine {
    position: absolute;
    top: -40%;
    right: -10%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.gbp-conclusion:hover .gbp-conclusion-shine {
    opacity: 1;
}

/* ---- TRUST BAR ---- */

.gbp-trust-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2.5rem;
    padding: 1.25rem 1.5rem;
    background: #141414;
    border-radius: 0.75rem;
    border: 1px solid #2a2a2a;
    transition: all 0.4s ease;
}

.gbp-trust-bar:hover {
    border-color: #84c615;
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
}

.gbp-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #d0d0d0;
    transition: color 0.3s ease;
}

.gbp-trust-bar:hover .gbp-trust-item {
    color: #ffffff;
}

.gbp-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .gbp-wrapper {
        padding: 5rem 2rem;
    }

    .gbp-heading {
        font-size: 2.8rem;
    }

    .gbp-sub-heading {
        font-size: 1.5rem;
    }

    .gbp-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
    }

    .gbp-grid-item {
        padding: 1.2rem 1.5rem;
        flex-wrap: wrap;
    }

    .gbp-item-desc {
        display: block;
    }

    .gbp-item-title {
        font-size: 0.95rem;
    }

    .gbp-stat-number {
        font-size: 2rem;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .gbp-wrapper {
        padding: 6rem 3rem;
    }

    .gbp-heading {
        font-size: 3.2rem;
    }

    .gbp-sub-heading {
        font-size: 1.6rem;
    }

    .gbp-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .gbp-grid-item {
        padding: 1.3rem 1.75rem;
    }

    .gbp-conclusion {
        padding: 2rem 2.5rem;
    }

    .gbp-trust-bar {
        padding: 1.5rem 2rem;
        gap: 1rem 3rem;
    }

    .gbp-stats-row {
        padding: 1.5rem 2rem;
        gap: 1.5rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .gbp-container {
        max-width: 1320px;
    }

    .gbp-heading {
        font-size: 3.6rem;
    }

    .gbp-grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5rem;
    }

    .gbp-wrapper::before {
        width: 900px;
        height: 900px;
        right: -5%;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .gbp-wrapper {
        padding: 3rem 0.75rem;
    }

    .gbp-heading {
        font-size: 1.8rem;
    }

    .gbp-sub-heading {
        font-size: 1rem;
    }

    .gbp-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .gbp-grid-item {
        padding: 0.85rem 1rem;
        gap: 0.6rem;
    }

    .gbp-item-title {
        font-size: 0.82rem;
    }

    .gbp-item-icon {
        font-size: 1rem;
    }

    .gbp-item-number {
        font-size: 0.5rem;
        min-width: 22px;
        padding: 0.1rem 0.35rem;
    }

    .gbp-item-arrow {
        font-size: 0.8rem;
    }

    .gbp-item-desc {
        display: none;
    }

    .gbp-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 1.25rem 1.25rem;
    }

    .gbp-conclusion-body p {
        font-size: 0.92rem;
    }

    .gbp-conclusion-tag {
        display: none;
    }

    .gbp-trust-bar {
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        padding: 1rem;
    }

    .gbp-trust-item {
        font-size: 0.75rem;
    }

    .gbp-badge-tag {
        display: none;
    }

    .gbp-badge-pulse {
        display: none;
    }

    .gbp-intro {
        font-size: 0.95rem;
    }

    .gbp-divider {
        max-width: 200px;
    }

    .gbp-stats-row {
        flex-direction: column;
        gap: 0.6rem;
        padding: 1rem;
    }

    .gbp-stat-divider {
        display: none;
    }

    .gbp-stat-number {
        font-size: 1.3rem;
    }

    .gbp-stat-label {
        font-size: 0.65rem;
    }

    .gbp-header-top {
        flex-wrap: wrap;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .gbp-grid-item,
    .gbp-conclusion,
    .gbp-badge,
    .gbp-trust-bar,
    .gbp-stats-row,
    .gbp-item-arrow,
    .gbp-item-glow,
    .gbp-conclusion-shine,
    .gbp-conclusion-tag,
    .gbp-divider-icon,
    .gbp-badge-pulse {
        transition: none !important;
        animation: none !important;
    }

    .gbp-grid-item:hover,
    .gbp-conclusion:hover,
    .gbp-badge:hover,
    .gbp-stats-row:hover,
    .gbp-trust-bar:hover {
        transform: none !important;
    }

    .gbp-item-arrow {
        opacity: 1 !important;
        transform: none !important;
    }

    .gbp-divider-icon {
        animation: none !important;
    }

    .gbp-badge-pulse {
        animation: none !important;
        opacity: 0.5 !important;
        transform: none !important;
    }
}




/* ============================================================
   TCS — CYCLIC 1 (WHITE BACKGROUND)
   Trending modern design with gradient accents
   ============================================================ */

/* ---- BASE ---- */

.tcs-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.tcs-wrapper::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -5%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.tcs-wrapper::after {
    content: '</>';
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    font-size: 7rem;
    font-weight: 900;
    color: rgba(132, 198, 21, 0.03);
    font-family: 'Courier New', monospace;
    pointer-events: none;
    letter-spacing: -0.05em;
}

.tcs-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.tcs-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

/* Badge Group */
.tcs-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #f5faf0;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.tcs-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.tcs-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tcs-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.tcs-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

/* Heading */
.tcs-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.tcs-highlight {
    color: #84c615;
    position: relative;
}

.tcs-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.tcs-heading:hover .tcs-highlight::after {
    width: 0;
}

.tcs-sub-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    color: #444444;
    margin-top: 0.3rem;
}

.tcs-sub-line {
    width: 30px;
    height: 1px;
    background: #d0d0d0;
}

/* Divider */
.tcs-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1.25rem auto 1.5rem;
    max-width: 280px;
}

.tcs-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.tcs-divider-icon {
    color: #84c615;
    font-size: 0.7rem;
    animation: tcsIconPulse 2s ease-in-out infinite;
}

@keyframes tcsIconPulse {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.3); }
}

/* Intro */
.tcs-intro {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- PROBLEM BOX ---- */

.tcs-problem-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1.5rem;
    transition: all 0.35s ease;
}

.tcs-problem-box:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.06);
}

.tcs-problem-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.tcs-problem-text {
    font-size: 1rem;
    font-weight: 600;
    color: #0a0a0a;
    margin: 0;
}

/* ---- GRID WRAPPER ---- */

.tcs-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.8rem;
    margin-bottom: 2rem;
}

/* ---- GRID ITEMS ---- */

.tcs-grid-item {
    position: relative;
    padding: 1.1rem 1.5rem;
    background: #f5faf0;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    overflow: hidden;
}

.tcs-grid-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 15px 45px rgba(132, 198, 21, 0.15);
}

.tcs-grid-item:hover .tcs-item-cross {
    color: #ffffff;
    background: #0a0a0a;
}

.tcs-grid-item:hover .tcs-item-number {
    color: #ffffff;
    background: #0a0a0a;
}

.tcs-grid-item:hover .tcs-item-title {
    color: #ffffff;
}

.tcs-grid-item:hover .tcs-item-desc {
    color: #ffffff;
}

.tcs-grid-item:hover .tcs-item-bar {
    background: #ffffff;
}

/* Item Top Row */
.tcs-item-top {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.3rem;
}

.tcs-item-cross {
    font-size: 0.7rem;
    font-weight: 700;
    color: #84c615;
    background: #ffffff;
    padding: 0.1rem 0.4rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
}

.tcs-item-number {
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    background: #ffffff;
    padding: 0.1rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
}

/* Item Title */
.tcs-item-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0a0a0a;
    transition: color 0.4s ease;
    margin: 0 0 0.1rem 0;
}

/* Item Description */
.tcs-item-desc {
    font-size: 0.8rem;
    color: #444444;
    transition: color 0.4s ease;
    margin: 0;
}

/* Item Bar */
.tcs-item-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 40%;
    background: #84c615;
    border-radius: 0 2px 0 0;
    transition: all 0.5s ease;
}

.tcs-grid-item:hover .tcs-item-bar {
    width: 100%;
    background: #ffffff;
}

/* ---- CONCLUSION BOX ---- */

.tcs-conclusion {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 1.5rem;
}

.tcs-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.08);
}

.tcs-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.tcs-conclusion:hover .tcs-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.tcs-conclusion-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #444444;
}

.tcs-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.tcs-conclusion:hover .tcs-conclusion-text {
    color: #0a0a0a;
}

.tcs-conclusion:hover .tcs-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.tcs-conclusion-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.tcs-conclusion:hover .tcs-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* ---- TRUST ROW ---- */

.tcs-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
}

.tcs-trust-row:hover {
    border-color: #84c615;
}

.tcs-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.tcs-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .tcs-wrapper {
        padding: 5rem 2rem;
    }

    .tcs-heading {
        font-size: 2.8rem;
    }

    .tcs-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .tcs-grid-item {
        padding: 1.2rem 1.5rem;
    }

    .tcs-item-title {
        font-size: 1rem;
    }

    .tcs-sub-heading {
        font-size: 1.1rem;
    }

    .tcs-sub-line {
        width: 40px;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .tcs-wrapper {
        padding: 6rem 3rem;
    }

    .tcs-heading {
        font-size: 3.2rem;
    }

    .tcs-grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.2rem;
    }

    .tcs-grid-item {
        padding: 1.3rem 1.75rem;
    }

    .tcs-conclusion {
        padding: 1.75rem 2.25rem;
    }

    .tcs-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .tcs-container {
        max-width: 1320px;
    }

    .tcs-heading {
        font-size: 3.6rem;
    }

    .tcs-wrapper::before {
        width: 700px;
        height: 700px;
        right: -5%;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .tcs-wrapper {
        padding: 3rem 0.75rem;
    }

    .tcs-heading {
        font-size: 1.8rem;
    }

    .tcs-sub-heading {
        font-size: 0.85rem;
        gap: 0.4rem;
        flex-wrap: wrap;
    }

    .tcs-sub-line {
        width: 15px;
    }

    .tcs-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .tcs-grid-item {
        padding: 0.85rem 1rem;
    }

    .tcs-item-title {
        font-size: 0.85rem;
    }

    .tcs-item-desc {
        font-size: 0.75rem;
    }

    .tcs-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1.2rem 1.2rem;
    }

    .tcs-conclusion-body p {
        font-size: 0.9rem;
    }

    .tcs-conclusion-tag {
        display: none;
    }

    .tcs-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .tcs-trust-item {
        font-size: 0.75rem;
    }

    .tcs-badge-tag {
        display: none;
    }

    .tcs-intro {
        font-size: 0.95rem;
    }

    .tcs-problem-box {
        padding: 0.8rem 1rem;
        flex-wrap: wrap;
        text-align: center;
    }

    .tcs-problem-text {
        font-size: 0.9rem;
    }

    .tcs-divider {
        max-width: 180px;
    }

    .tcs-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .tcs-badge {
        font-size: 0.6rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .tcs-grid-item,
    .tcs-conclusion,
    .tcs-badge-group,
    .tcs-problem-box,
    .tcs-trust-row,
    .tcs-divider-icon,
    .tcs-item-bar {
        transition: none !important;
        animation: none !important;
    }

    .tcs-grid-item:hover,
    .tcs-conclusion:hover,
    .tcs-badge-group:hover,
    .tcs-problem-box:hover,
    .tcs-trust-row:hover {
        transform: none !important;
    }

    .tcs-item-bar {
        width: 40% !important;
    }

    .tcs-divider-icon {
        animation: none !important;
    }

    .tcs-highlight::after {
        transition: none !important;
    }
}



/* ============================================================
   INTL — CYCLIC 1 (WHITE BACKGROUND)
   Modern global design with map-inspired elements
   ============================================================ */

/* ---- BASE ---- */

.intl-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.intl-wrapper::before {
    content: '🌍';
    position: absolute;
    bottom: -50px;
    right: -20px;
    font-size: 20rem;
    opacity: 0.03;
    pointer-events: none;
}

.intl-wrapper::after {
    content: '';
    position: absolute;
    top: -30%;
    left: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.intl-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.intl-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

/* Badge Group */
.intl-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #f5faf0;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.intl-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.intl-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.intl-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.intl-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

/* Heading */
.intl-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.intl-highlight {
    color: #84c615;
    position: relative;
}

.intl-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.intl-heading:hover .intl-highlight::after {
    width: 0;
}

.intl-sub-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    color: #444444;
    margin-top: 0.3rem;
}

.intl-sub-line {
    width: 30px;
    height: 1px;
    background: #d0d0d0;
}

/* Divider */
.intl-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1.25rem auto 1.5rem;
    max-width: 280px;
}

.intl-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.intl-divider-icon {
    color: #84c615;
    font-size: 1.2rem;
    animation: intlIconPulse 2s ease-in-out infinite;
}

@keyframes intlIconPulse {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.2); }
}

/* Intro */
.intl-intro {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- GRID WRAPPER ---- */

.intl-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.8rem;
    margin-bottom: 2rem;
}

.intl-grid-item-full {
    grid-column: 1 / -1;
}

/* ---- GRID ITEMS ---- */

.intl-grid-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.5rem;
    background: #f5faf0;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.intl-grid-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 15px 45px rgba(132, 198, 21, 0.15);
}

.intl-grid-item:hover .intl-item-icon {
    transform: scale(1.2) rotate(-10deg);
}

.intl-grid-item:hover .intl-item-title {
    color: #ffffff;
}

.intl-grid-item:hover .intl-item-desc {
    color: #ffffff;
}

.intl-grid-item:hover .intl-item-number {
    background: #0a0a0a;
    color: #ffffff;
}

.intl-grid-item:hover .intl-item-bar {
    width: 100%;
    background: #ffffff;
}

/* Item Icon */
.intl-item-icon {
    font-size: 1.4rem;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

/* Item Content */
.intl-item-content {
    flex: 1;
    min-width: 0;
}

.intl-item-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0a0a0a;
    transition: color 0.4s ease;
    margin: 0;
}

.intl-item-desc {
    font-size: 0.78rem;
    color: #444444;
    transition: color 0.4s ease;
    margin: 0.1rem 0 0 0;
    display: none;
}

/* Item Number */
.intl-item-number {
    flex-shrink: 0;
    font-size: 0.6rem;
    font-weight: 800;
    color: #84c615;
    background: #ffffff;
    padding: 0.15rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    min-width: 28px;
    text-align: center;
}

/* Item Bar */
.intl-item-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #84c615;
    border-radius: 0 2px 0 0;
    transition: all 0.5s ease;
}

.intl-grid-item:hover .intl-item-bar {
    width: 100%;
}

/* ---- CONCLUSION BOX ---- */

.intl-conclusion {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 1.5rem;
}

.intl-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.08);
}

.intl-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.intl-conclusion:hover .intl-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.intl-conclusion-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #444444;
}

.intl-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.intl-conclusion:hover .intl-conclusion-text {
    color: #0a0a0a;
}

.intl-conclusion:hover .intl-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.intl-conclusion-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.intl-conclusion:hover .intl-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* Conclusion Shine */
.intl-conclusion-shine {
    position: absolute;
    top: -40%;
    right: -10%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.intl-conclusion:hover .intl-conclusion-shine {
    opacity: 1;
}

/* ---- TRUST ROW ---- */

.intl-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
}

.intl-trust-row:hover {
    border-color: #84c615;
}

.intl-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.intl-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .intl-wrapper {
        padding: 5rem 2rem;
    }

    .intl-heading {
        font-size: 2.8rem;
    }

    .intl-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .intl-grid-item {
        padding: 1.2rem 1.5rem;
    }

    .intl-item-desc {
        display: block;
    }

    .intl-item-title {
        font-size: 1rem;
    }

    .intl-sub-heading {
        font-size: 1.1rem;
    }

    .intl-sub-line {
        width: 40px;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .intl-wrapper {
        padding: 6rem 3rem;
    }

    .intl-heading {
        font-size: 3.2rem;
    }

    .intl-grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.2rem;
    }

    .intl-grid-item-full {
        grid-column: 1 / -1;
    }

    .intl-grid-item {
        padding: 1.3rem 1.75rem;
    }

    .intl-conclusion {
        padding: 1.75rem 2.25rem;
    }

    .intl-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .intl-container {
        max-width: 1320px;
    }

    .intl-heading {
        font-size: 3.6rem;
    }

    .intl-wrapper::before {
        font-size: 25rem;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .intl-wrapper {
        padding: 3rem 0.75rem;
    }

    .intl-heading {
        font-size: 1.8rem;
    }

    .intl-sub-heading {
        font-size: 0.85rem;
        gap: 0.4rem;
        flex-wrap: wrap;
    }

    .intl-sub-line {
        width: 15px;
    }

    .intl-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .intl-grid-item {
        padding: 0.85rem 1rem;
        gap: 0.6rem;
    }

    .intl-item-title {
        font-size: 0.85rem;
    }

    .intl-item-desc {
        display: none;
    }

    .intl-item-icon {
        font-size: 1.1rem;
    }

    .intl-item-number {
        font-size: 0.5rem;
        min-width: 22px;
        padding: 0.1rem 0.35rem;
    }

    .intl-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1.2rem 1.2rem;
    }

    .intl-conclusion-body p {
        font-size: 0.9rem;
    }

    .intl-conclusion-tag {
        display: none;
    }

    .intl-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .intl-trust-item {
        font-size: 0.75rem;
    }

    .intl-badge-tag {
        display: none;
    }

    .intl-intro {
        font-size: 0.95rem;
    }

    .intl-divider {
        max-width: 180px;
    }

    .intl-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .intl-badge {
        font-size: 0.6rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .intl-grid-item,
    .intl-conclusion,
    .intl-badge-group,
    .intl-trust-row,
    .intl-divider-icon,
    .intl-item-bar,
    .intl-conclusion-shine,
    .intl-conclusion-tag {
        transition: none !important;
        animation: none !important;
    }

    .intl-grid-item:hover,
    .intl-conclusion:hover,
    .intl-badge-group:hover,
    .intl-trust-row:hover {
        transform: none !important;
    }

    .intl-item-bar {
        width: 0 !important;
    }

    .intl-grid-item:hover .intl-item-bar {
        width: 100% !important;
    }

    .intl-divider-icon {
        animation: none !important;
    }

    .intl-highlight::after {
        transition: none !important;
    }
}




/* ============================================================
   NRANK — CYCLIC 1 (WHITE BACKGROUND)
   Modern flowchart-style design
   ============================================================ */

/* ---- BASE ---- */

.nrank-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.nrank-wrapper::before {
    content: '?';
    position: absolute;
    bottom: -30px;
    right: 30px;
    font-size: 18rem;
    font-weight: 900;
    color: rgba(132, 198, 21, 0.04);
    font-family: 'Georgia', serif;
    pointer-events: none;
}

.nrank-wrapper::after {
    content: '';
    position: absolute;
    top: -30%;
    left: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.nrank-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.nrank-header {
    text-align: center;
    margin-bottom: 2rem;
}

/* Badge Group */
.nrank-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #f5faf0;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.nrank-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.nrank-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nrank-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.nrank-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

/* Heading */
.nrank-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.nrank-highlight {
    color: #84c615;
    position: relative;
}

.nrank-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.nrank-heading:hover .nrank-highlight::after {
    width: 0;
}

.nrank-sub-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    color: #444444;
    margin-top: 0.3rem;
}

.nrank-sub-line {
    width: 30px;
    height: 1px;
    background: #d0d0d0;
}

/* Divider */
.nrank-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1.25rem auto 1.5rem;
    max-width: 280px;
}

.nrank-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.nrank-divider-icon {
    color: #84c615;
    font-size: 1.2rem;
    animation: nrankIconPulse 2s ease-in-out infinite;
}

@keyframes nrankIconPulse {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.2); }
}

/* Intro */
.nrank-intro {
    max-width: 650px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- INVESTIGATE LABEL ---- */

.nrank-investigate-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 0.8rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1.5rem;
    transition: all 0.35s ease;
}

.nrank-investigate-label:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.06);
}

.nrank-investigate-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.nrank-investigate-text {
    font-size: 1rem;
    font-weight: 700;
    color: #0a0a0a;
    margin: 0;
}

/* ---- FLOW WRAPPER ---- */

.nrank-flow-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

/* ---- FLOW ITEMS ---- */

.nrank-flow-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: #f5faf0;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.nrank-flow-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(8px);
    box-shadow: 0 10px 35px rgba(132, 198, 21, 0.15);
}

.nrank-flow-item:hover .nrank-flow-step {
    background: #0a0a0a;
    color: #ffffff;
}

.nrank-flow-item:hover .nrank-flow-icon {
    transform: scale(1.2) rotate(-10deg);
}

.nrank-flow-item:hover .nrank-flow-text {
    color: #ffffff;
}

.nrank-flow-item:hover .nrank-flow-arrow {
    color: #ffffff;
    transform: translateY(3px);
}

.nrank-flow-item:hover .nrank-flow-bar {
    width: 100%;
    background: #ffffff;
}

.nrank-flow-item-last:hover .nrank-flow-bar {
    width: 100%;
}

/* Flow Step */
.nrank-flow-step {
    flex-shrink: 0;
    font-size: 0.6rem;
    font-weight: 800;
    color: #84c615;
    background: #ffffff;
    padding: 0.15rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    min-width: 28px;
    text-align: center;
}

/* Flow Content */
.nrank-flow-content {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
}

.nrank-flow-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

.nrank-flow-text {
    font-size: 0.92rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.4s ease;
}

/* Flow Arrow */
.nrank-flow-arrow {
    flex-shrink: 0;
    color: #84c615;
    font-size: 1rem;
    font-weight: 700;
    transition: all 0.4s ease;
}

.nrank-flow-item-last .nrank-flow-arrow {
    display: none;
}

/* Flow Bar */
.nrank-flow-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #84c615;
    border-radius: 0 2px 0 0;
    transition: all 0.6s ease;
}

.nrank-flow-item:hover .nrank-flow-bar {
    width: 100%;
}

/* ---- CONCLUSION BOX ---- */

.nrank-conclusion {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 1.5rem;
}

.nrank-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.08);
}

.nrank-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.nrank-conclusion:hover .nrank-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.nrank-conclusion-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #444444;
}

.nrank-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.nrank-conclusion:hover .nrank-conclusion-text {
    color: #0a0a0a;
}

.nrank-conclusion:hover .nrank-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.nrank-conclusion-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.nrank-conclusion:hover .nrank-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* Conclusion Shine */
.nrank-conclusion-shine {
    position: absolute;
    top: -40%;
    right: -10%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.nrank-conclusion:hover .nrank-conclusion-shine {
    opacity: 1;
}

/* ---- TRUST ROW ---- */

.nrank-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
}

.nrank-trust-row:hover {
    border-color: #84c615;
}

.nrank-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.nrank-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .nrank-wrapper {
        padding: 5rem 2rem;
    }

    .nrank-heading {
        font-size: 2.8rem;
    }

    .nrank-flow-item {
        padding: 1.2rem 1.8rem;
    }

    .nrank-flow-text {
        font-size: 0.98rem;
    }

    .nrank-sub-heading {
        font-size: 1.1rem;
    }

    .nrank-sub-line {
        width: 40px;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .nrank-wrapper {
        padding: 6rem 3rem;
    }

    .nrank-heading {
        font-size: 3.2rem;
    }

    .nrank-flow-item {
        padding: 1.3rem 2rem;
    }

    .nrank-flow-item:hover {
        transform: translateX(12px);
    }

    .nrank-conclusion {
        padding: 1.75rem 2.25rem;
    }

    .nrank-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .nrank-container {
        max-width: 1320px;
    }

    .nrank-heading {
        font-size: 3.6rem;
    }

    .nrank-wrapper::before {
        font-size: 22rem;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .nrank-wrapper {
        padding: 3rem 0.75rem;
    }

    .nrank-heading {
        font-size: 1.6rem;
    }

    .nrank-sub-heading {
        font-size: 0.85rem;
        gap: 0.4rem;
        flex-wrap: wrap;
    }

    .nrank-sub-line {
        width: 15px;
    }

    .nrank-flow-item {
        padding: 0.85rem 1rem;
        gap: 0.6rem;
        flex-wrap: wrap;
    }

    .nrank-flow-step {
        font-size: 0.5rem;
        min-width: 22px;
        padding: 0.1rem 0.35rem;
    }

    .nrank-flow-icon {
        font-size: 1rem;
    }

    .nrank-flow-text {
        font-size: 0.82rem;
    }

    .nrank-flow-arrow {
        font-size: 0.8rem;
        margin-left: auto;
    }

    .nrank-flow-content {
        gap: 0.5rem;
    }

    .nrank-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1.2rem 1.2rem;
    }

    .nrank-conclusion-body p {
        font-size: 0.9rem;
    }

    .nrank-conclusion-tag {
        display: none;
    }

    .nrank-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .nrank-trust-item {
        font-size: 0.75rem;
    }

    .nrank-badge-tag {
        display: none;
    }

    .nrank-intro {
        font-size: 0.95rem;
    }

    .nrank-divider {
        max-width: 180px;
    }

    .nrank-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .nrank-badge {
        font-size: 0.6rem;
    }

    .nrank-investigate-label {
        padding: 0.6rem 1rem;
        flex-wrap: wrap;
    }

    .nrank-investigate-text {
        font-size: 0.9rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .nrank-flow-item,
    .nrank-conclusion,
    .nrank-badge-group,
    .nrank-trust-row,
    .nrank-investigate-label,
    .nrank-divider-icon,
    .nrank-flow-bar,
    .nrank-conclusion-shine,
    .nrank-conclusion-tag {
        transition: none !important;
        animation: none !important;
    }

    .nrank-flow-item:hover,
    .nrank-conclusion:hover,
    .nrank-badge-group:hover,
    .nrank-trust-row:hover,
    .nrank-investigate-label:hover {
        transform: none !important;
    }

    .nrank-flow-bar {
        width: 0 !important;
    }

    .nrank-flow-item:hover .nrank-flow-bar {
        width: 100% !important;
    }

    .nrank-divider-icon {
        animation: none !important;
    }

    .nrank-highlight::after {
        transition: none !important;
    }
}



/* ============================================================
   SBIZ — CYCLIC 1 (WHITE BACKGROUND)
   Modern pipeline-style design with gradient flow
   ============================================================ */

/* ---- BASE ---- */

.sbiz-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.sbiz-wrapper::before {
    content: '↑';
    position: absolute;
    bottom: -20px;
    right: 20px;
    font-size: 16rem;
    font-weight: 300;
    color: rgba(132, 198, 21, 0.04);
    font-family: 'Georgia', serif;
    pointer-events: none;
    transform: rotate(15deg);
}

.sbiz-wrapper::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.sbiz-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.sbiz-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

/* Badge Group */
.sbiz-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #f5faf0;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.sbiz-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.sbiz-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sbiz-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.sbiz-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

/* Heading */
.sbiz-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.3rem 0;
    line-height: 1.2;
}

.sbiz-highlight {
    color: #0a0a0a;
    position: relative;
}

.sbiz-heading-sub {
    display: block;
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
}

.sbiz-accent {
    color: #84c615;
    position: relative;
}

.sbiz-accent::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.sbiz-heading:hover .sbiz-accent::after {
    width: 0;
}

/* Divider */
.sbiz-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1rem auto 1.25rem;
    max-width: 280px;
}

.sbiz-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.sbiz-divider-icon {
    color: #84c615;
    font-size: 0.7rem;
    animation: sbizIconPulse 2s ease-in-out infinite;
}

@keyframes sbizIconPulse {
    0%, 100% { opacity: 0.4; transform: scale(1) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.3) rotate(45deg); }
}

/* Intro */
.sbiz-intro {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- PIPELINE ---- */

.sbiz-pipeline {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 2rem;
    position: relative;
}

/* Pipeline Items */
.sbiz-pipeline-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    max-width: 600px;
    padding: 0.9rem 1.5rem;
    background: #f5faf0;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    overflow: hidden;
}

.sbiz-pipeline-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(8px) scale(1.01);
    box-shadow: 0 10px 35px rgba(132, 198, 21, 0.15);
}

.sbiz-pipeline-item:hover .sbiz-pipeline-number {
    background: #0a0a0a;
    color: #ffffff;
}

.sbiz-pipeline-item:hover .sbiz-pipeline-icon {
    transform: scale(1.2) rotate(-10deg);
}

.sbiz-pipeline-item:hover .sbiz-pipeline-text {
    color: #ffffff;
}

.sbiz-pipeline-item:hover .sbiz-pipeline-arrow {
    color: #ffffff;
    transform: translateY(3px);
}

.sbiz-pipeline-item:hover .sbiz-pipeline-link {
    color: #ffffff;
}

.sbiz-pipeline-item:hover .sbiz-pipeline-glow {
    opacity: 1;
}

/* Pipeline Number */
.sbiz-pipeline-number {
    flex-shrink: 0;
    font-size: 0.6rem;
    font-weight: 800;
    color: #84c615;
    background: #ffffff;
    padding: 0.15rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    min-width: 28px;
    text-align: center;
}

/* Pipeline Icon */
.sbiz-pipeline-icon {
    flex-shrink: 0;
    font-size: 1.1rem;
    transition: all 0.4s ease;
}

/* Pipeline Text */
.sbiz-pipeline-text {
    flex: 1;
    font-size: 0.92rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.4s ease;
    text-align: left;
}

.sbiz-pipeline-link {
    color: #0a0a0a;
    text-decoration: none;
    transition: color 0.4s ease;
    font-weight: 500;
}

.sbiz-pipeline-link:hover {
    text-decoration: underline;
}

/* Pipeline Arrow */
.sbiz-pipeline-arrow {
    flex-shrink: 0;
    color: #84c615;
    font-size: 1rem;
    font-weight: 700;
    transition: all 0.4s ease;
}

/* Pipeline Glow */
.sbiz-pipeline-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

/* ---- FINAL GROWTH NODE ---- */

.sbiz-pipeline-item-final {
    background: linear-gradient(135deg, #f5faf0, #e8f5d8);
    border-color: #84c615;
    border-width: 2px;
    padding: 1.2rem 1.5rem;
    margin-top: 0.25rem;
    position: relative;
}

.sbiz-pipeline-item-final:hover {
    background: #84c615;
    transform: translateX(8px) scale(1.02);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.25);
}

.sbiz-pipeline-item-final .sbiz-pipeline-number {
    background: #84c615;
    color: #ffffff;
    font-size: 0.7rem;
}

.sbiz-pipeline-item-final:hover .sbiz-pipeline-number {
    background: #0a0a0a;
    color: #ffffff;
}

.sbiz-pipeline-text-final {
    font-weight: 800;
    font-size: 1.1rem;
    color: #0a0a0a;
}

.sbiz-pipeline-item-final:hover .sbiz-pipeline-text-final {
    color: #ffffff;
}

/* Final Glow */
.sbiz-pipeline-glow-final {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.sbiz-pipeline-item-final:hover .sbiz-pipeline-glow-final {
    opacity: 1;
}

/* Final Ring */
.sbiz-pipeline-ring {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid rgba(132, 198, 21, 0.15);
    border-radius: 0.9rem;
    pointer-events: none;
    animation: sbizRingPulse 2s ease-in-out infinite;
}

@keyframes sbizRingPulse {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50% { transform: scale(1.02); opacity: 0.8; }
}

.sbiz-pipeline-item-final:hover .sbiz-pipeline-ring {
    border-color: rgba(132, 198, 21, 0.4);
    animation: none;
}

/* ---- CONCLUSION ---- */

.sbiz-conclusion {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 1.5rem;
}

.sbiz-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.08);
}

.sbiz-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.sbiz-conclusion:hover .sbiz-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.sbiz-conclusion-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #444444;
}

.sbiz-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.sbiz-conclusion:hover .sbiz-conclusion-text {
    color: #0a0a0a;
}

.sbiz-conclusion:hover .sbiz-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.sbiz-conclusion-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.sbiz-conclusion:hover .sbiz-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* ---- TRUST ROW ---- */

.sbiz-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
}

.sbiz-trust-row:hover {
    border-color: #84c615;
}

.sbiz-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.sbiz-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .sbiz-wrapper {
        padding: 5rem 2rem;
    }

    .sbiz-heading {
        font-size: 2.8rem;
    }

    .sbiz-heading-sub {
        font-size: 2.8rem;
    }

    .sbiz-pipeline-item {
        max-width: 650px;
        padding: 1.1rem 1.8rem;
    }

    .sbiz-pipeline-text {
        font-size: 0.98rem;
    }

    .sbiz-pipeline-item-final {
        padding: 1.4rem 1.8rem;
    }

    .sbiz-pipeline-text-final {
        font-size: 1.2rem;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .sbiz-wrapper {
        padding: 6rem 3rem;
    }

    .sbiz-heading {
        font-size: 3.2rem;
    }

    .sbiz-heading-sub {
        font-size: 3.2rem;
    }

    .sbiz-pipeline-item {
        max-width: 700px;
        padding: 1.2rem 2rem;
    }

    .sbiz-pipeline-item:hover {
        transform: translateX(12px) scale(1.01);
    }

    .sbiz-pipeline-item-final:hover {
        transform: translateX(12px) scale(1.02);
    }

    .sbiz-conclusion {
        padding: 1.75rem 2.25rem;
    }

    .sbiz-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .sbiz-container {
        max-width: 1320px;
    }

    .sbiz-heading {
        font-size: 3.6rem;
    }

    .sbiz-heading-sub {
        font-size: 3.6rem;
    }

    .sbiz-wrapper::before {
        font-size: 20rem;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .sbiz-wrapper {
        padding: 3rem 0.75rem;
    }

    .sbiz-heading {
        font-size: 1.6rem;
    }

    .sbiz-heading-sub {
        font-size: 1.6rem;
    }

    .sbiz-pipeline-item {
        padding: 0.75rem 1rem;
        gap: 0.5rem;
        max-width: 100%;
    }

    .sbiz-pipeline-number {
        font-size: 0.5rem;
        min-width: 20px;
        padding: 0.1rem 0.35rem;
    }

    .sbiz-pipeline-icon {
        font-size: 0.9rem;
    }

    .sbiz-pipeline-text {
        font-size: 0.8rem;
    }

    .sbiz-pipeline-arrow {
        font-size: 0.8rem;
    }

    .sbiz-pipeline-item-final {
        padding: 0.9rem 1rem;
    }

    .sbiz-pipeline-text-final {
        font-size: 0.95rem;
    }

    .sbiz-pipeline-ring {
        display: none;
    }

    .sbiz-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1.2rem 1.2rem;
    }

    .sbiz-conclusion-body p {
        font-size: 0.9rem;
    }

    .sbiz-conclusion-tag {
        display: none;
    }

    .sbiz-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .sbiz-trust-item {
        font-size: 0.75rem;
    }

    .sbiz-badge-tag {
        display: none;
    }

    .sbiz-intro {
        font-size: 0.95rem;
    }

    .sbiz-divider {
        max-width: 180px;
    }

    .sbiz-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .sbiz-badge {
        font-size: 0.6rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .sbiz-pipeline-item,
    .sbiz-conclusion,
    .sbiz-badge-group,
    .sbiz-trust-row,
    .sbiz-divider-icon,
    .sbiz-pipeline-glow,
    .sbiz-pipeline-glow-final,
    .sbiz-pipeline-ring,
    .sbiz-conclusion-shine,
    .sbiz-conclusion-tag {
        transition: none !important;
        animation: none !important;
    }

    .sbiz-pipeline-item:hover,
    .sbiz-conclusion:hover,
    .sbiz-badge-group:hover,
    .sbiz-trust-row:hover {
        transform: none !important;
    }

    .sbiz-pipeline-ring {
        animation: none !important;
        opacity: 0.3 !important;
    }

    .sbiz-divider-icon {
        animation: none !important;
    }

    .sbiz-accent::after {
        transition: none !important;
    }
}




/* ============================================================
   FDT — CYCLIC 2 (BLACK BACKGROUND)
   Modern brand showcase with integrated approach
   ============================================================ */

/* ---- BASE ---- */

.fdt-wrapper {
    background: #0a0a0a;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.fdt-wrapper::before {
    content: 'F';
    position: absolute;
    bottom: -40px;
    right: -10px;
    font-size: 20rem;
    font-weight: 900;
    color: rgba(132, 198, 21, 0.03);
    font-family: 'Georgia', serif;
    pointer-events: none;
    letter-spacing: -0.05em;
}

.fdt-wrapper::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.fdt-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.fdt-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

/* Badge Group */
.fdt-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #1a1a1a;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #2a2a2a;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.fdt-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.fdt-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fdt-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.fdt-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #0a0a0a;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

.fdt-badge-pulse {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
    animation: fdtPulse 2s ease-in-out infinite;
}

@keyframes fdtPulse {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.5); }
}

/* Heading */
.fdt-heading {
    font-size: 2.2rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.3rem 0;
    line-height: 1.2;
}

.fdt-highlight {
    color: #84c615;
    position: relative;
}

.fdt-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.fdt-heading:hover .fdt-highlight::after {
    width: 0;
}

.fdt-heading-sub {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    color: #d0d0d0;
    margin-top: 0.2rem;
}

.fdt-accent {
    color: #84c615;
}

/* Divider */
.fdt-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1rem auto 1.25rem;
    max-width: 280px;
}

.fdt-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.fdt-divider-icon {
    color: #84c615;
    font-size: 0.7rem;
    animation: fdtDiamondPulse 2s ease-in-out infinite;
}

@keyframes fdtDiamondPulse {
    0%, 100% { opacity: 0.4; transform: scale(1) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.3) rotate(45deg); }
}

/* ---- INTRO BOX ---- */

.fdt-intro-box {
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #1a1a1a;
    border-radius: 1rem;
    border: 1px solid #2a2a2a;
    margin-bottom: 1.5rem;
    transition: all 0.4s ease;
}

.fdt-intro-box:hover {
    border-color: #84c615;
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
}

.fdt-intro-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.fdt-intro-text {
    font-size: 1rem;
    line-height: 1.8;
    color: #d0d0d0;
    margin: 0;
}

.fdt-intro-text strong {
    color: #84c615;
    font-weight: 600;
}

/* ---- MISSION BOX ---- */

.fdt-mission-box {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #141414;
    border-radius: 1rem;
    border: 1px solid #2a2a2a;
    border-left: 4px solid #84c615;
    margin-bottom: 1.5rem;
    transition: all 0.4s ease;
    overflow: hidden;
}

.fdt-mission-box:hover {
    background: #1a1a1a;
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.08);
}

.fdt-mission-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.fdt-mission-box:hover .fdt-mission-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.fdt-mission-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #d0d0d0;
}

.fdt-mission-text strong {
    color: #ffffff;
    font-weight: 700;
    transition: color 0.35s ease;
}

.fdt-mission-box:hover .fdt-mission-text {
    color: #ffffff;
}

.fdt-mission-box:hover .fdt-mission-text strong {
    color: #84c615;
}

/* Mission Tag */
.fdt-mission-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.fdt-mission-box:hover .fdt-mission-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* Mission Glow */
.fdt-mission-glow {
    position: absolute;
    top: -40%;
    right: -10%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.fdt-mission-box:hover .fdt-mission-glow {
    opacity: 1;
}

/* ---- BRAND BOX ---- */

.fdt-brand-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem 1.75rem;
    background: linear-gradient(135deg, #1a1a1a, #141414);
    border-radius: 1rem;
    border: 1px solid #2a2a2a;
    border-bottom: 3px solid #84c615;
    margin-bottom: 1.5rem;
    transition: all 0.4s ease;
}

.fdt-brand-box:hover {
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.08);
}

.fdt-brand-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
}

.fdt-brand-text {
    font-size: 1rem;
    line-height: 1.7;
    color: #d0d0d0;
    margin: 0;
}

.fdt-brand-name {
    color: #84c615;
    font-weight: 700;
    font-size: 1.05rem;
}

.fdt-brand-text strong {
    color: #ffffff;
    font-weight: 600;
}

/* Brand Ring */
.fdt-brand-ring {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 40px;
    height: 40px;
    border: 2px solid rgba(132, 198, 21, 0.1);
    border-radius: 50%;
    pointer-events: none;
    animation: fdtRingPulse 3s ease-in-out infinite;
}

@keyframes fdtRingPulse {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50% { transform: scale(1.2); opacity: 0.8; }
}

.fdt-brand-box:hover .fdt-brand-ring {
    border-color: rgba(132, 198, 21, 0.3);
    animation: none;
}

/* ---- FEATURE CARD ---- */

.fdt-feature-card {
    padding: 1.5rem 1.75rem;
    background: #1a1a1a;
    border-radius: 1rem;
    border: 1px solid #2a2a2a;
    margin-bottom: 1.5rem;
    text-align: center;
    transition: all 0.4s ease;
}

.fdt-feature-card:hover {
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.06);
}

.fdt-feature-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    margin-bottom: 0.5rem;
}

.fdt-feature-icon {
    font-size: 1.2rem;
}

.fdt-feature-label {
    font-size: 0.6rem;
    font-weight: 700;
    color: #d0d0d0;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.fdt-feature-badge {
    font-size: 0.5rem;
    font-weight: 700;
    color: #0a0a0a;
    background: #84c615;
    padding: 0.15rem 0.6rem;
    border-radius: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.fdt-feature-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    line-height: 1.3;
}

.fdt-feature-highlight {
    color: #84c615;
}

/* ---- CONTENT GRID ---- */

.fdt-content-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

/* Content Items */
.fdt-content-item {
    position: relative;
    padding: 1.2rem 1.5rem;
    background: #1a1a1a;
    border-radius: 0.75rem;
    border: 1px solid #2a2a2a;
    transition: all 0.4s ease;
    overflow: hidden;
}

.fdt-content-item:hover {
    border-color: #84c615;
    transform: translateY(-3px);
    box-shadow: 0 10px 35px rgba(132, 198, 21, 0.06);
}

.fdt-content-item:hover .fdt-content-bar {
    width: 100%;
}

.fdt-content-item:hover .fdt-content-number {
    background: #84c615;
    color: #0a0a0a;
}

.fdt-content-number {
    display: inline-block;
    font-size: 0.55rem;
    font-weight: 800;
    color: #84c615;
    background: #2a2a2a;
    padding: 0.1rem 0.5rem;
    border-radius: 2rem;
    margin-bottom: 0.5rem;
    transition: all 0.4s ease;
}

.fdt-content-text {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #d0d0d0;
    margin: 0;
}

.fdt-content-text strong {
    color: #ffffff;
    font-weight: 600;
}

.fdt-content-item:hover .fdt-content-text {
    color: #ffffff;
}

.fdt-content-item:hover .fdt-content-text strong {
    color: #84c615;
}

/* Content Bar */
.fdt-content-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #84c615;
    border-radius: 0 2px 0 0;
    transition: all 0.6s ease;
}

/* Highlight Item */
.fdt-content-item-highlight {
    background: #141414;
    border-left: 3px solid #84c615;
    border-color: #2a2a2a;
}

.fdt-content-item-highlight:hover {
    background: #1a1a1a;
    border-color: #84c615;
}

.fdt-content-text-highlight {
    font-size: 1rem;
    font-weight: 500;
}

.fdt-content-text-highlight strong {
    color: #84c615;
    font-weight: 700;
}

.fdt-content-item-highlight:hover .fdt-content-text-highlight {
    color: #ffffff;
}

.fdt-content-item-highlight:hover .fdt-content-text-highlight strong {
    color: #84c615;
}

.fdt-content-bar-highlight {
    background: linear-gradient(90deg, #84c615, #6aad10);
}

.fdt-content-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.fdt-content-item-highlight:hover .fdt-content-glow {
    opacity: 1;
}

/* ---- TRUST ROW ---- */

.fdt-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #141414;
    border-radius: 0.75rem;
    border: 1px solid #2a2a2a;
    transition: all 0.4s ease;
}

.fdt-trust-row:hover {
    border-color: #84c615;
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.06);
}

.fdt-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #d0d0d0;
    transition: color 0.3s ease;
}

.fdt-trust-row:hover .fdt-trust-item {
    color: #ffffff;
}

.fdt-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .fdt-wrapper {
        padding: 5rem 2rem;
    }

    .fdt-heading {
        font-size: 2.8rem;
    }

    .fdt-heading-sub {
        font-size: 1.4rem;
    }

    .fdt-content-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
    }

    .fdt-content-item-highlight {
        grid-column: 1 / -1;
    }

    .fdt-intro-box,
    .fdt-mission-box,
    .fdt-brand-box,
    .fdt-feature-card {
        padding: 1.5rem 2rem;
    }

    .fdt-content-item {
        padding: 1.3rem 1.8rem;
    }

    .fdt-feature-title {
        font-size: 1.5rem;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .fdt-wrapper {
        padding: 6rem 3rem;
    }

    .fdt-heading {
        font-size: 3.2rem;
    }

    .fdt-heading-sub {
        font-size: 1.6rem;
    }

    .fdt-content-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5rem;
    }

    .fdt-content-item-highlight {
        grid-column: 1 / -1;
    }

    .fdt-intro-box,
    .fdt-mission-box,
    .fdt-brand-box,
    .fdt-feature-card {
        padding: 1.75rem 2.25rem;
    }

    .fdt-content-item {
        padding: 1.5rem 2rem;
    }

    .fdt-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .fdt-container {
        max-width: 1320px;
    }

    .fdt-heading {
        font-size: 3.6rem;
    }

    .fdt-wrapper::before {
        font-size: 25rem;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .fdt-wrapper {
        padding: 3rem 0.75rem;
    }

    .fdt-heading {
        font-size: 1.6rem;
    }

    .fdt-heading-sub {
        font-size: 1rem;
    }

    .fdt-intro-box {
        flex-direction: column;
        gap: 0.5rem;
        padding: 1.2rem;
    }

    .fdt-intro-text {
        font-size: 0.92rem;
    }

    .fdt-mission-box {
        flex-direction: column;
        gap: 0.5rem;
        padding: 1.2rem;
    }

    .fdt-mission-body p {
        font-size: 0.92rem;
    }

    .fdt-mission-tag {
        display: none;
    }

    .fdt-brand-box {
        flex-direction: column;
        text-align: center;
        padding: 1.2rem;
    }

    .fdt-brand-text {
        font-size: 0.92rem;
    }

    .fdt-brand-ring {
        display: none;
    }

    .fdt-feature-card {
        padding: 1.2rem;
    }

    .fdt-feature-title {
        font-size: 1.1rem;
    }

    .fdt-feature-badge {
        display: none;
    }

    .fdt-content-grid {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .fdt-content-item {
        padding: 1rem 1.2rem;
    }

    .fdt-content-text {
        font-size: 0.88rem;
    }

    .fdt-content-text-highlight {
        font-size: 0.92rem;
    }

    .fdt-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .fdt-trust-item {
        font-size: 0.75rem;
    }

    .fdt-badge-tag {
        display: none;
    }

    .fdt-badge-pulse {
        display: none;
    }

    .fdt-divider {
        max-width: 180px;
    }

    .fdt-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .fdt-badge {
        font-size: 0.6rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .fdt-intro-box,
    .fdt-mission-box,
    .fdt-brand-box,
    .fdt-feature-card,
    .fdt-content-item,
    .fdt-trust-row,
    .fdt-badge-group,
    .fdt-divider-icon,
    .fdt-badge-pulse,
    .fdt-mission-glow,
    .fdt-content-glow,
    .fdt-content-bar,
    .fdt-brand-ring {
        transition: none !important;
        animation: none !important;
    }

    .fdt-intro-box:hover,
    .fdt-mission-box:hover,
    .fdt-brand-box:hover,
    .fdt-feature-card:hover,
    .fdt-content-item:hover,
    .fdt-trust-row:hover,
    .fdt-badge-group:hover {
        transform: none !important;
    }

    .fdt-content-bar {
        width: 0 !important;
    }

    .fdt-content-item:hover .fdt-content-bar {
        width: 100% !important;
    }

    .fdt-divider-icon {
        animation: none !important;
    }

    .fdt-badge-pulse {
        animation: none !important;
        opacity: 0.5 !important;
        transform: none !important;
    }

    .fdt-brand-ring {
        animation: none !important;
        opacity: 0.3 !important;
    }

    .fdt-highlight::after {
        transition: none !important;
    }
}



/* ============================================================
   SIF — CYCLIC 1 (WHITE BACKGROUND)
   Modern funnel/circular design with intent mapping
   ============================================================ */

/* ---- BASE ---- */

.sif-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.sif-wrapper::before {
    content: '?';
    position: absolute;
    bottom: -20px;
    right: 20px;
    font-size: 16rem;
    font-weight: 900;
    color: rgba(132, 198, 21, 0.04);
    font-family: 'Georgia', serif;
    pointer-events: none;
}

.sif-wrapper::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.sif-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.sif-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

/* Badge Group */
.sif-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #f5faf0;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.sif-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.sif-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sif-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.sif-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

/* Heading */
.sif-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.2rem 0;
    line-height: 1.2;
}

.sif-highlight {
    color: #84c615;
    position: relative;
    display: block;
    font-size: 1.8rem;
}

.sif-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.sif-heading:hover .sif-highlight::after {
    width: 0;
}

.sif-heading-sub {
    display: block;
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
}

.sif-accent {
    color: #84c615;
}

/* Divider */
.sif-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0.75rem auto 1.25rem;
    max-width: 280px;
}

.sif-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.sif-divider-icon {
    color: #84c615;
    font-size: 0.7rem;
    animation: sifDiamondPulse 2s ease-in-out infinite;
}

@keyframes sifDiamondPulse {
    0%, 100% { opacity: 0.4; transform: scale(1) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.3) rotate(45deg); }
}

/* Intro */
.sif-intro {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- JOURNEY ---- */

.sif-journey {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 2rem;
}

/* ---- STEPS ---- */

.sif-step {
    position: relative;
    width: 100%;
    max-width: 620px;
    padding: 1.1rem 1.5rem;
    background: #f5faf0;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    overflow: hidden;
}

.sif-step:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(8px) scale(1.01);
    box-shadow: 0 10px 35px rgba(132, 198, 21, 0.15);
}

.sif-step:hover .sif-step-number {
    background: #0a0a0a;
    color: #ffffff;
}

.sif-step:hover .sif-step-badge {
    background: #0a0a0a;
    color: #ffffff;
}

.sif-step:hover .sif-step-icon {
    transform: scale(1.2) rotate(-10deg);
}

.sif-step:hover .sif-step-title {
    color: #ffffff;
}

.sif-step:hover .sif-step-desc {
    color: #ffffff;
}

.sif-step:hover .sif-step-arrow {
    color: #ffffff;
}

.sif-step:hover .sif-step-bar {
    width: 100%;
}

/* Step Header */
.sif-step-header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.3rem;
}

.sif-step-number {
    font-size: 0.55rem;
    font-weight: 800;
    color: #84c615;
    background: #ffffff;
    padding: 0.1rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    min-width: 26px;
    text-align: center;
}

.sif-step-badge {
    font-size: 0.5rem;
    font-weight: 700;
    color: #84c615;
    background: #ffffff;
    padding: 0.1rem 0.5rem;
    border-radius: 2rem;
    letter-spacing: 0.05em;
    transition: all 0.4s ease;
}

/* Step Icon */
.sif-step-icon {
    font-size: 1.3rem;
    flex-shrink: 0;
    transition: all 0.4s ease;
    display: inline-block;
    margin-right: 0.5rem;
}

/* Step Title */
.sif-step-title {
    font-size: 1rem;
    font-weight: 700;
    color: #0a0a0a;
    transition: color 0.4s ease;
    display: inline-block;
    margin: 0;
}

/* Step Description */
.sif-step-desc {
    font-size: 0.88rem;
    color: #444444;
    transition: color 0.4s ease;
    margin: 0.1rem 0 0 2.1rem;
}

/* Step Arrow */
.sif-step-arrow {
    display: block;
    text-align: center;
    color: #84c615;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0.3rem;
    transition: all 0.4s ease;
}

.sif-step-final .sif-step-arrow {
    display: none;
}

/* Step Bar */
.sif-step-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #84c615;
    border-radius: 0 2px 0 0;
    transition: all 0.6s ease;
}

/* ---- FINAL STEP ---- */

.sif-step-final {
    background: linear-gradient(135deg, #f5faf0, #e8f5d8);
    border-color: #84c615;
    border-width: 2px;
    padding: 1.2rem 1.5rem;
    margin-top: 0.25rem;
}

.sif-step-final:hover {
    background: #84c615;
    transform: translateX(8px) scale(1.02);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.25);
}

.sif-step-final .sif-step-number {
    background: #84c615;
    color: #ffffff;
    font-size: 0.7rem;
}

.sif-step-final:hover .sif-step-number {
    background: #0a0a0a;
    color: #ffffff;
}

.sif-step-badge-final {
    background: #84c615;
    color: #ffffff;
}

.sif-step-final:hover .sif-step-badge-final {
    background: #0a0a0a;
    color: #ffffff;
}

.sif-step-title-final {
    font-weight: 800;
    font-size: 1.1rem;
}

.sif-step-desc-final {
    font-weight: 500;
}

.sif-step-final:hover .sif-step-title-final {
    color: #ffffff;
}

.sif-step-final:hover .sif-step-desc-final {
    color: #ffffff;
}

/* Final Glow */
.sif-step-glow-final {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.sif-step-final:hover .sif-step-glow-final {
    opacity: 1;
}

/* Final Ring */
.sif-step-ring {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid rgba(132, 198, 21, 0.15);
    border-radius: 0.9rem;
    pointer-events: none;
    animation: sifRingPulse 2s ease-in-out infinite;
}

@keyframes sifRingPulse {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50% { transform: scale(1.02); opacity: 0.8; }
}

.sif-step-final:hover .sif-step-ring {
    border-color: rgba(132, 198, 21, 0.4);
    animation: none;
}

/* Final Bar */
.sif-step-bar-final {
    background: linear-gradient(90deg, #84c615, #6aad10);
}

/* Step Glow (non-final) */
.sif-step-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.sif-step:hover .sif-step-glow {
    opacity: 1;
}

/* ---- CONCLUSION ---- */

.sif-conclusion {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 1.5rem;
}

.sif-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.08);
}

.sif-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.sif-conclusion:hover .sif-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.sif-conclusion-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #444444;
}

.sif-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.sif-conclusion:hover .sif-conclusion-text {
    color: #0a0a0a;
}

.sif-conclusion:hover .sif-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.sif-conclusion-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.sif-conclusion:hover .sif-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* ---- TRUST ROW ---- */

.sif-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
}

.sif-trust-row:hover {
    border-color: #84c615;
}

.sif-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.sif-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .sif-wrapper {
        padding: 5rem 2rem;
    }

    .sif-heading {
        font-size: 2.8rem;
    }

    .sif-highlight {
        font-size: 2.2rem;
        display: inline-block;
    }

    .sif-heading-sub {
        font-size: 2.8rem;
    }

    .sif-step {
        max-width: 680px;
        padding: 1.2rem 1.8rem;
    }

    .sif-step-title {
        font-size: 1.05rem;
    }

    .sif-step-desc {
        font-size: 0.92rem;
    }

    .sif-step-final {
        padding: 1.4rem 1.8rem;
    }

    .sif-step-title-final {
        font-size: 1.15rem;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .sif-wrapper {
        padding: 6rem 3rem;
    }

    .sif-heading {
        font-size: 3.2rem;
    }

    .sif-highlight {
        font-size: 2.6rem;
    }

    .sif-heading-sub {
        font-size: 3.2rem;
    }

    .sif-step {
        max-width: 740px;
        padding: 1.3rem 2rem;
    }

    .sif-step:hover {
        transform: translateX(12px) scale(1.01);
    }

    .sif-step-final:hover {
        transform: translateX(12px) scale(1.02);
    }

    .sif-conclusion {
        padding: 1.75rem 2.25rem;
    }

    .sif-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .sif-container {
        max-width: 1320px;
    }

    .sif-heading {
        font-size: 3.6rem;
    }

    .sif-highlight {
        font-size: 3rem;
    }

    .sif-heading-sub {
        font-size: 3.6rem;
    }

    .sif-wrapper::before {
        font-size: 20rem;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .sif-wrapper {
        padding: 3rem 0.75rem;
    }

    .sif-heading {
        font-size: 1.6rem;
    }

    .sif-highlight {
        font-size: 1.3rem;
        display: inline-block;
    }

    .sif-heading-sub {
        font-size: 1.6rem;
    }

    .sif-step {
        padding: 0.85rem 1rem;
        max-width: 100%;
    }

    .sif-step-header {
        flex-wrap: wrap;
    }

    .sif-step-number {
        font-size: 0.5rem;
        min-width: 22px;
        padding: 0.1rem 0.35rem;
    }

    .sif-step-badge {
        font-size: 0.45rem;
        padding: 0.05rem 0.4rem;
    }

    .sif-step-icon {
        font-size: 1.1rem;
    }

    .sif-step-title {
        font-size: 0.88rem;
        display: inline;
    }

    .sif-step-desc {
        font-size: 0.78rem;
        margin-left: 0;
        margin-top: 0.2rem;
    }

    .sif-step-arrow {
        font-size: 1rem;
    }

    .sif-step-final {
        padding: 1rem;
    }

    .sif-step-title-final {
        font-size: 0.95rem;
    }

    .sif-step-desc-final {
        font-size: 0.82rem;
    }

    .sif-step-ring {
        display: none;
    }

    .sif-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1.2rem 1.2rem;
    }

    .sif-conclusion-body p {
        font-size: 0.9rem;
    }

    .sif-conclusion-tag {
        display: none;
    }

    .sif-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .sif-trust-item {
        font-size: 0.75rem;
    }

    .sif-badge-tag {
        display: none;
    }

    .sif-intro {
        font-size: 0.95rem;
    }

    .sif-divider {
        max-width: 180px;
    }

    .sif-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .sif-badge {
        font-size: 0.6rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .sif-step,
    .sif-conclusion,
    .sif-badge-group,
    .sif-trust-row,
    .sif-divider-icon,
    .sif-step-glow,
    .sif-step-glow-final,
    .sif-step-ring,
    .sif-step-bar {
        transition: none !important;
        animation: none !important;
    }

    .sif-step:hover,
    .sif-conclusion:hover,
    .sif-badge-group:hover,
    .sif-trust-row:hover {
        transform: none !important;
    }

    .sif-step-bar {
        width: 0 !important;
    }

    .sif-step:hover .sif-step-bar {
        width: 100% !important;
    }

    .sif-step-ring {
        animation: none !important;
        opacity: 0.3 !important;
    }

    .sif-divider-icon {
        animation: none !important;
    }

    .sif-highlight::after {
        transition: none !important;
    }
}





/* ============================================================
   ILINK — CYCLIC 1 (WHITE BACKGROUND)
   Modern network/tree design with visual connections
   ============================================================ */

/* ---- BASE ---- */

.ilink-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.ilink-wrapper::before {
    content: '🔗';
    position: absolute;
    bottom: -30px;
    right: 20px;
    font-size: 14rem;
    opacity: 0.04;
    pointer-events: none;
    transform: rotate(15deg);
}

.ilink-wrapper::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.ilink-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.ilink-header {
    text-align: center;
    margin-bottom: 2rem;
}

/* Badge Group */
.ilink-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #f5faf0;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.ilink-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.ilink-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ilink-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.ilink-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

/* Heading */
.ilink-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.2rem 0;
    line-height: 1.2;
}

.ilink-highlight {
    color: #84c615;
    position: relative;
    display: block;
    font-size: 1.8rem;
}

.ilink-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.ilink-heading:hover .ilink-highlight::after {
    width: 0;
}

.ilink-heading-sub {
    display: block;
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
}

.ilink-accent {
    color: #84c615;
}

/* Divider */
.ilink-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0.75rem auto 1.25rem;
    max-width: 280px;
}

.ilink-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.ilink-divider-icon {
    color: #84c615;
    font-size: 0.7rem;
    animation: ilinkDiamondPulse 2s ease-in-out infinite;
}

@keyframes ilinkDiamondPulse {
    0%, 100% { opacity: 0.4; transform: scale(1) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.3) rotate(45deg); }
}

/* Intro */
.ilink-intro {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- EXAMPLE LABEL ---- */

.ilink-example-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.6rem 1.2rem;
    background: #f9fbf8;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1.5rem;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.35s ease;
}

.ilink-example-label:hover {
    border-color: #84c615;
}

.ilink-example-icon {
    font-size: 1rem;
}

.ilink-example-text {
    font-size: 0.8rem;
    font-weight: 600;
    color: #0a0a0a;
}

/* ---- NETWORK ---- */

.ilink-network {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    margin-bottom: 2rem;
}

/* ---- NODES ---- */

.ilink-node {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1.5rem;
    background: #f5faf0;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    width: 100%;
    max-width: 480px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    overflow: hidden;
}

.ilink-node:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(8px) scale(1.01);
    box-shadow: 0 10px 35px rgba(132, 198, 21, 0.15);
}

.ilink-node:hover .ilink-node-icon {
    transform: scale(1.2) rotate(-10deg);
}

.ilink-node:hover .ilink-node-text {
    color: #ffffff;
}

.ilink-node:hover .ilink-node-badge {
    background: #0a0a0a;
    color: #ffffff;
}

.ilink-node:hover .ilink-node-glow {
    opacity: 1;
}

/* Node Icon */
.ilink-node-icon {
    font-size: 1.3rem;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

/* Node Text */
.ilink-node-text {
    flex: 1;
    font-size: 0.95rem;
    font-weight: 600;
    color: #0a0a0a;
    transition: color 0.4s ease;
}

/* Node Badge */
.ilink-node-badge {
    font-size: 0.45rem;
    font-weight: 700;
    color: #84c615;
    background: #ffffff;
    padding: 0.1rem 0.5rem;
    border-radius: 2rem;
    letter-spacing: 0.05em;
    transition: all 0.4s ease;
    flex-shrink: 0;
}

/* Node Glow */
.ilink-node-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

/* ---- ROOT NODE ---- */

.ilink-node-root {
    background: linear-gradient(135deg, #f5faf0, #e8f5d8);
    border-color: #84c615;
    border-width: 2px;
    padding: 1.1rem 1.5rem;
}

.ilink-node-root:hover {
    background: #84c615;
}

.ilink-node-root .ilink-node-text {
    font-weight: 800;
    font-size: 1.05rem;
}

.ilink-node-root .ilink-node-badge {
    background: #84c615;
    color: #ffffff;
}

.ilink-node-root:hover .ilink-node-badge {
    background: #0a0a0a;
    color: #ffffff;
}

/* ---- FINAL NODE ---- */

.ilink-node-final {
    background: linear-gradient(135deg, #f5faf0, #e8f5d8);
    border-color: #84c615;
    border-width: 2px;
    padding: 1.1rem 1.5rem;
}

.ilink-node-final:hover {
    background: #84c615;
    transform: translateX(8px) scale(1.02);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.25);
}

.ilink-node-final .ilink-node-text {
    font-weight: 700;
}

.ilink-node-final .ilink-node-badge {
    background: #84c615;
    color: #ffffff;
}

.ilink-node-final:hover .ilink-node-badge {
    background: #0a0a0a;
    color: #ffffff;
}

/* Final Glow */
.ilink-node-glow-final {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.ilink-node-final:hover .ilink-node-glow-final {
    opacity: 1;
}

/* Final Ring */
.ilink-node-ring {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid rgba(132, 198, 21, 0.15);
    border-radius: 0.9rem;
    pointer-events: none;
    animation: ilinkRingPulse 2s ease-in-out infinite;
}

@keyframes ilinkRingPulse {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50% { transform: scale(1.02); opacity: 0.8; }
}

.ilink-node-final:hover .ilink-node-ring {
    border-color: rgba(132, 198, 21, 0.4);
    animation: none;
}

/* ---- CONNECTORS ---- */

.ilink-connector {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.15rem 0;
}

.ilink-connector-line {
    width: 30px;
    height: 1px;
    background: #d0d0d0;
}

.ilink-connector-arrow {
    color: #84c615;
    font-size: 0.9rem;
    font-weight: 700;
}

/* ---- LEVEL BADGE VARIANTS ---- */

.ilink-node-badge-level1 { background: #e8f5d8; color: #84c615; }
.ilink-node-badge-level2 { background: #e8f5d8; color: #84c615; }
.ilink-node-badge-level3 { background: #e8f5d8; color: #84c615; }
.ilink-node-badge-level4 { background: #e8f5d8; color: #84c615; }
.ilink-node-badge-level5 { background: #e8f5d8; color: #84c615; }
.ilink-node-badge-level6 { background: #e8f5d8; color: #84c615; }
.ilink-node-badge-level7 { background: #e8f5d8; color: #84c615; }
.ilink-node-badge-level8 { background: #e8f5d8; color: #84c615; }
.ilink-node-badge-final { background: #84c615; color: #ffffff; }

.ilink-node:hover .ilink-node-badge-level1,
.ilink-node:hover .ilink-node-badge-level2,
.ilink-node:hover .ilink-node-badge-level3,
.ilink-node:hover .ilink-node-badge-level4,
.ilink-node:hover .ilink-node-badge-level5,
.ilink-node:hover .ilink-node-badge-level6,
.ilink-node:hover .ilink-node-badge-level7,
.ilink-node:hover .ilink-node-badge-level8 {
    background: #0a0a0a;
    color: #ffffff;
}

/* ---- CONCLUSION ---- */

.ilink-conclusion {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 1.5rem;
}

.ilink-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.08);
}

.ilink-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.ilink-conclusion:hover .ilink-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.ilink-conclusion-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #444444;
}

.ilink-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.ilink-conclusion:hover .ilink-conclusion-text {
    color: #0a0a0a;
}

.ilink-conclusion:hover .ilink-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.ilink-conclusion-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.ilink-conclusion:hover .ilink-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* ---- TRUST ROW ---- */

.ilink-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
}

.ilink-trust-row:hover {
    border-color: #84c615;
}

.ilink-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.ilink-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .ilink-wrapper {
        padding: 5rem 2rem;
    }

    .ilink-heading {
        font-size: 2.8rem;
    }

    .ilink-highlight {
        font-size: 2.2rem;
        display: inline-block;
    }

    .ilink-heading-sub {
        font-size: 2.8rem;
    }

    .ilink-node {
        max-width: 550px;
        padding: 1.1rem 1.8rem;
    }

    .ilink-node-text {
        font-size: 1rem;
    }

    .ilink-node-root {
        padding: 1.3rem 1.8rem;
    }

    .ilink-node-final {
        padding: 1.3rem 1.8rem;
    }

    .ilink-node-root .ilink-node-text {
        font-size: 1.1rem;
    }

    .ilink-connector-line {
        width: 40px;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .ilink-wrapper {
        padding: 6rem 3rem;
    }

    .ilink-heading {
        font-size: 3.2rem;
    }

    .ilink-highlight {
        font-size: 2.6rem;
    }

    .ilink-heading-sub {
        font-size: 3.2rem;
    }

    .ilink-node {
        max-width: 620px;
        padding: 1.2rem 2rem;
    }

    .ilink-node:hover {
        transform: translateX(12px) scale(1.01);
    }

    .ilink-node-final:hover {
        transform: translateX(12px) scale(1.02);
    }

    .ilink-conclusion {
        padding: 1.75rem 2.25rem;
    }

    .ilink-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .ilink-container {
        max-width: 1320px;
    }

    .ilink-heading {
        font-size: 3.6rem;
    }

    .ilink-highlight {
        font-size: 3rem;
    }

    .ilink-heading-sub {
        font-size: 3.6rem;
    }

    .ilink-wrapper::before {
        font-size: 18rem;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .ilink-wrapper {
        padding: 3rem 0.75rem;
    }

    .ilink-heading {
        font-size: 1.6rem;
    }

    .ilink-highlight {
        font-size: 1.3rem;
        display: inline-block;
    }

    .ilink-heading-sub {
        font-size: 1.6rem;
    }

    .ilink-node {
        padding: 0.7rem 1rem;
        max-width: 100%;
        gap: 0.5rem;
    }

    .ilink-node-icon {
        font-size: 1rem;
    }

    .ilink-node-text {
        font-size: 0.82rem;
    }

    .ilink-node-badge {
        font-size: 0.4rem;
        padding: 0.05rem 0.35rem;
    }

    .ilink-node-root {
        padding: 0.85rem 1rem;
    }

    .ilink-node-root .ilink-node-text {
        font-size: 0.9rem;
    }

    .ilink-node-final {
        padding: 0.85rem 1rem;
    }

    .ilink-node-ring {
        display: none;
    }

    .ilink-connector-line {
        width: 15px;
    }

    .ilink-connector-arrow {
        font-size: 0.7rem;
    }

    .ilink-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1.2rem 1.2rem;
    }

    .ilink-conclusion-body p {
        font-size: 0.9rem;
    }

    .ilink-conclusion-tag {
        display: none;
    }

    .ilink-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .ilink-trust-item {
        font-size: 0.75rem;
    }

    .ilink-badge-tag {
        display: none;
    }

    .ilink-intro {
        font-size: 0.95rem;
    }

    .ilink-divider {
        max-width: 180px;
    }

    .ilink-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .ilink-badge {
        font-size: 0.6rem;
    }

    .ilink-example-label {
        padding: 0.4rem 0.8rem;
        max-width: 180px;
    }

    .ilink-example-text {
        font-size: 0.7rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .ilink-node,
    .ilink-conclusion,
    .ilink-badge-group,
    .ilink-trust-row,
    .ilink-example-label,
    .ilink-divider-icon,
    .ilink-node-glow,
    .ilink-node-glow-final,
    .ilink-node-ring {
        transition: none !important;
        animation: none !important;
    }

    .ilink-node:hover,
    .ilink-conclusion:hover,
    .ilink-badge-group:hover,
    .ilink-trust-row:hover,
    .ilink-example-label:hover {
        transform: none !important;
    }

    .ilink-node-ring {
        animation: none !important;
        opacity: 0.3 !important;
    }

    .ilink-divider-icon {
        animation: none !important;
    }

    .ilink-highlight::after {
        transition: none !important;
    }
}




/* ============================================================
   CHUB — CYCLIC 1 (WHITE BACKGROUND)
   Modern hub-and-spoke design with 3-column cluster grid
   ============================================================ */

/* ---- BASE ---- */

.chub-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.chub-wrapper::before {
    content: '✦';
    position: absolute;
    bottom: -20px;
    right: 20px;
    font-size: 16rem;
    font-weight: 300;
    color: rgba(132, 198, 21, 0.04);
    font-family: 'Georgia', serif;
    pointer-events: none;
}

.chub-wrapper::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.chub-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.chub-header {
    text-align: center;
    margin-bottom: 2rem;
}

/* Badge Group */
.chub-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #f5faf0;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.chub-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.chub-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.chub-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.chub-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

/* Heading */
.chub-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.2rem 0;
    line-height: 1.2;
}

.chub-highlight {
    color: #84c615;
    position: relative;
    display: block;
    font-size: 1.8rem;
}

.chub-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.chub-heading:hover .chub-highlight::after {
    width: 0;
}

.chub-heading-sub {
    display: block;
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
}

.chub-accent {
    color: #84c615;
}

/* Divider */
.chub-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0.75rem auto 1.25rem;
    max-width: 280px;
}

.chub-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.chub-divider-icon {
    color: #84c615;
    font-size: 0.7rem;
    animation: chubDiamondPulse 2s ease-in-out infinite;
}

@keyframes chubDiamondPulse {
    0%, 100% { opacity: 0.4; transform: scale(1) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.3) rotate(45deg); }
}

/* Intro */
.chub-intro {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- ARCHITECTURE LABEL ---- */

.chub-architecture-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.6rem 1.2rem;
    background: #f9fbf8;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1.5rem;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.35s ease;
}

.chub-architecture-label:hover {
    border-color: #84c615;
}

.chub-architecture-icon {
    font-size: 1rem;
}

.chub-architecture-text {
    font-size: 0.8rem;
    font-weight: 600;
    color: #0a0a0a;
}

/* ---- NETWORK ---- */

.chub-network {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

/* ---- PILLAR (CENTER) ---- */

.chub-pillar {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem 2rem;
    background: linear-gradient(135deg, #f5faf0, #e8f5d8);
    border-radius: 1rem;
    border: 2px solid #84c615;
    box-shadow: 0 8px 30px rgba(132, 198, 21, 0.12);
    transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    max-width: 480px;
    overflow: hidden;
}

.chub-pillar:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.2);
}

.chub-pillar-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
}

.chub-pillar-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.chub-pillar-badge {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.6rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
    display: inline-block;
    width: fit-content;
    text-transform: uppercase;
}

.chub-pillar-text {
    font-size: 1.1rem;
    font-weight: 800;
    color: #0a0a0a;
}

.chub-pillar:hover .chub-pillar-text {
    color: #0a0a0a;
}

/* Pillar Ring */
.chub-pillar-ring {
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 2px solid rgba(132, 198, 21, 0.15);
    border-radius: 1.1rem;
    pointer-events: none;
    animation: chubRingPulse 2.5s ease-in-out infinite;
}

@keyframes chubRingPulse {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50% { transform: scale(1.03); opacity: 0.8; }
}

.chub-pillar:hover .chub-pillar-ring {
    border-color: rgba(132, 198, 21, 0.3);
}

/* Pillar Glow */
.chub-pillar-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.chub-pillar:hover .chub-pillar-glow {
    opacity: 1;
}

/* ---- SPOKES (Connector Lines) ---- */

.chub-spokes {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    padding: 0.2rem 0;
    flex-wrap: wrap;
}

.chub-spoke-line {
    width: 2px;
    height: 20px;
    background: linear-gradient(180deg, #84c615, transparent);
    display: inline-block;
    opacity: 0.5;
}

.chub-spoke-line:nth-child(odd) {
    height: 25px;
    opacity: 0.3;
}

.chub-spoke-line:nth-child(even) {
    height: 15px;
    opacity: 0.6;
}

/* ============================================================
   CLUSTER GRID — 3 COLUMNS (DESKTOP)
   ============================================================ */

.chub-cluster-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.8rem;
    width: 100%;
    max-width: 750px;
}

/* ---- CLUSTER NODES ---- */

.chub-cluster {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    background: #f5faf0;
    border-radius: 0.6rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    overflow: hidden;
    min-height: 52px;
}

.chub-cluster:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 25px rgba(132, 198, 21, 0.15);
}

.chub-cluster:hover .chub-cluster-icon {
    transform: scale(1.2) rotate(-10deg);
}

.chub-cluster:hover .chub-cluster-text {
    color: #ffffff;
}

.chub-cluster:hover .chub-cluster-badge {
    background: #0a0a0a;
    color: #ffffff;
}

.chub-cluster:hover .chub-cluster-glow {
    opacity: 1;
}

/* Cluster Icon */
.chub-cluster-icon {
    font-size: 1rem;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

/* Cluster Text */
.chub-cluster-text {
    flex: 1;
    font-size: 0.82rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.4s ease;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Cluster Badge */
.chub-cluster-badge {
    font-size: 0.4rem;
    font-weight: 700;
    color: #84c615;
    background: #ffffff;
    padding: 0.05rem 0.4rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
    transition: all 0.4s ease;
    flex-shrink: 0;
    text-transform: uppercase;
}

/* Cluster Glow */
.chub-cluster-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

/* ---- CLUSTER LINK ---- */

.chub-cluster-link {
    background: #f5faf0;
}

.chub-cluster-link:hover {
    background: #84c615;
}

.chub-cluster-link-text {
    color: #0a0a0a;
    text-decoration: none;
    transition: color 0.4s ease;
}

.chub-cluster-link:hover .chub-cluster-link-text {
    color: #ffffff;
}

.chub-cluster-link-text:hover {
    text-decoration: underline;
}

/* ---- CONCLUSION ---- */

.chub-conclusion {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 1.5rem;
}

.chub-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.08);
}

.chub-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.chub-conclusion:hover .chub-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.chub-conclusion-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #444444;
}

.chub-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.chub-conclusion:hover .chub-conclusion-text {
    color: #0a0a0a;
}

.chub-conclusion:hover .chub-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.chub-conclusion-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.chub-conclusion:hover .chub-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* ---- TRUST ROW ---- */

.chub-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
}

.chub-trust-row:hover {
    border-color: #84c615;
}

.chub-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.chub-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .chub-wrapper {
        padding: 5rem 2rem;
    }

    .chub-heading {
        font-size: 2.8rem;
    }

    .chub-highlight {
        font-size: 2.2rem;
        display: inline-block;
    }

    .chub-heading-sub {
        font-size: 2.8rem;
    }

    .chub-cluster-grid {
        gap: 1rem;
        max-width: 800px;
    }

    .chub-cluster {
        padding: 0.9rem 1.2rem;
        min-height: 58px;
    }

    .chub-cluster-text {
        font-size: 0.88rem;
        white-space: normal;
    }

    .chub-pillar {
        padding: 1.4rem 2.5rem;
        max-width: 550px;
    }

    .chub-pillar-text {
        font-size: 1.2rem;
    }

    .chub-spoke-line {
        height: 30px;
    }

    .chub-spoke-line:nth-child(odd) {
        height: 35px;
    }

    .chub-spoke-line:nth-child(even) {
        height: 25px;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .chub-wrapper {
        padding: 6rem 3rem;
    }

    .chub-heading {
        font-size: 3.2rem;
    }

    .chub-highlight {
        font-size: 2.6rem;
    }

    .chub-heading-sub {
        font-size: 3.2rem;
    }

    .chub-cluster-grid {
        gap: 1.2rem;
        max-width: 900px;
    }

    .chub-cluster {
        padding: 1rem 1.4rem;
        min-height: 62px;
    }

    .chub-cluster-text {
        font-size: 0.92rem;
    }

    .chub-pillar {
        padding: 1.5rem 3rem;
        max-width: 600px;
    }

    .chub-pillar-text {
        font-size: 1.3rem;
    }

    .chub-conclusion {
        padding: 1.75rem 2.25rem;
    }

    .chub-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .chub-container {
        max-width: 1320px;
    }

    .chub-heading {
        font-size: 3.6rem;
    }

    .chub-highlight {
        font-size: 3rem;
    }

    .chub-heading-sub {
        font-size: 3.6rem;
    }

    .chub-cluster-grid {
        max-width: 1000px;
        gap: 1.5rem;
    }

    .chub-wrapper::before {
        font-size: 20rem;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .chub-wrapper {
        padding: 3rem 0.75rem;
    }

    .chub-heading {
        font-size: 1.6rem;
    }

    .chub-highlight {
        font-size: 1.3rem;
        display: inline-block;
    }

    .chub-heading-sub {
        font-size: 1.6rem;
    }

    /* 3-column becomes 2-column on mobile */
    .chub-cluster-grid {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
        max-width: 100%;
    }

    .chub-cluster {
        padding: 0.6rem 0.8rem;
        gap: 0.4rem;
        min-height: 44px;
    }

    .chub-cluster-icon {
        font-size: 0.85rem;
    }

    .chub-cluster-text {
        font-size: 0.72rem;
        white-space: normal;
    }

    .chub-cluster-badge {
        font-size: 0.35rem;
        padding: 0.05rem 0.3rem;
    }

    .chub-pillar {
        padding: 1rem 1.2rem;
        max-width: 100%;
        gap: 0.6rem;
    }

    .chub-pillar-icon {
        font-size: 1.4rem;
    }

    .chub-pillar-text {
        font-size: 0.95rem;
    }

    .chub-pillar-ring {
        display: none;
    }

    .chub-spokes {
        gap: 0.8rem;
    }

    .chub-spoke-line {
        height: 15px;
        width: 1px;
    }

    .chub-spoke-line:nth-child(odd) {
        height: 20px;
    }

    .chub-spoke-line:nth-child(even) {
        height: 10px;
    }

    .chub-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1.2rem 1.2rem;
    }

    .chub-conclusion-body p {
        font-size: 0.9rem;
    }

    .chub-conclusion-tag {
        display: none;
    }

    .chub-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .chub-trust-item {
        font-size: 0.75rem;
    }

    .chub-badge-tag {
        display: none;
    }

    .chub-intro {
        font-size: 0.95rem;
    }

    .chub-divider {
        max-width: 180px;
    }

    .chub-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .chub-badge {
        font-size: 0.6rem;
    }

    .chub-architecture-label {
        padding: 0.4rem 0.8rem;
        max-width: 180px;
    }

    .chub-architecture-text {
        font-size: 0.7rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .chub-cluster,
    .chub-pillar,
    .chub-conclusion,
    .chub-badge-group,
    .chub-trust-row,
    .chub-architecture-label,
    .chub-divider-icon,
    .chub-cluster-glow,
    .chub-pillar-glow,
    .chub-pillar-ring {
        transition: none !important;
        animation: none !important;
    }

    .chub-cluster:hover,
    .chub-pillar:hover,
    .chub-conclusion:hover,
    .chub-badge-group:hover,
    .chub-trust-row:hover,
    .chub-architecture-label:hover {
        transform: none !important;
    }

    .chub-pillar-ring {
        animation: none !important;
        opacity: 0.3 !important;
    }

    .chub-divider-icon {
        animation: none !important;
    }

    .chub-highlight::after {
        transition: none !important;
    }
}





/* ============================================================
   CCONV — CYCLIC 1 (WHITE BACKGROUND)
   Modern funnel/sequence design with visual flow
   ============================================================ */

/* ---- BASE ---- */

.cconv-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.cconv-wrapper::before {
    content: '→';
    position: absolute;
    bottom: -20px;
    right: 20px;
    font-size: 18rem;
    font-weight: 300;
    color: rgba(132, 198, 21, 0.04);
    font-family: 'Georgia', serif;
    pointer-events: none;
    transform: rotate(-10deg);
}

.cconv-wrapper::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.cconv-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.cconv-header {
    text-align: center;
    margin-bottom: 2rem;
}

/* Badge Group */
.cconv-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #f5faf0;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.cconv-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.cconv-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cconv-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.cconv-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

/* Heading */
.cconv-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.2rem 0;
    line-height: 1.2;
}

.cconv-highlight {
    color: #84c615;
    position: relative;
    display: block;
    font-size: 1.8rem;
}

.cconv-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.cconv-heading:hover .cconv-highlight::after {
    width: 0;
}

.cconv-heading-sub {
    display: block;
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
}

.cconv-accent {
    color: #84c615;
}

/* Divider */
.cconv-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0.75rem auto 1.25rem;
    max-width: 280px;
}

.cconv-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.cconv-divider-icon {
    color: #84c615;
    font-size: 0.7rem;
    animation: cconvDiamondPulse 2s ease-in-out infinite;
}

@keyframes cconvDiamondPulse {
    0%, 100% { opacity: 0.4; transform: scale(1) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.3) rotate(45deg); }
}

/* Intro */
.cconv-intro {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- SEQUENCE LABEL ---- */

.cconv-sequence-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.6rem 1.2rem;
    background: #f9fbf8;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1.5rem;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.35s ease;
}

.cconv-sequence-label:hover {
    border-color: #84c615;
}

.cconv-sequence-icon {
    font-size: 1rem;
}

.cconv-sequence-text {
    font-size: 0.8rem;
    font-weight: 600;
    color: #0a0a0a;
}

/* ---- FLOW ---- */

.cconv-flow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 2rem;
}

/* ---- STEPS ---- */

.cconv-step {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: #f5faf0;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    width: 100%;
    max-width: 560px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    overflow: hidden;
}

.cconv-step:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(8px) scale(1.01);
    box-shadow: 0 10px 35px rgba(132, 198, 21, 0.15);
}

.cconv-step:hover .cconv-step-number {
    background: #0a0a0a;
    color: #ffffff;
}

.cconv-step:hover .cconv-step-icon {
    transform: scale(1.2) rotate(-10deg);
}

.cconv-step:hover .cconv-step-title {
    color: #ffffff;
}

.cconv-step:hover .cconv-step-desc {
    color: #ffffff;
}

.cconv-step:hover .cconv-step-arrow {
    color: #ffffff;
}

.cconv-step:hover .cconv-step-bar {
    width: 100%;
}

.cconv-step:hover .cconv-step-glow {
    opacity: 1;
}

/* Step Number */
.cconv-step-number {
    flex-shrink: 0;
    font-size: 0.6rem;
    font-weight: 800;
    color: #84c615;
    background: #ffffff;
    padding: 0.15rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    min-width: 28px;
    text-align: center;
}

/* Step Icon */
.cconv-step-icon {
    font-size: 1.3rem;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

/* Step Content */
.cconv-step-content {
    flex: 1;
    min-width: 0;
}

.cconv-step-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0a0a0a;
    transition: color 0.4s ease;
    margin: 0;
}

.cconv-step-desc {
    font-size: 0.78rem;
    color: #444444;
    transition: color 0.4s ease;
    margin: 0.1rem 0 0 0;
    display: none;
}

/* Step Arrow */
.cconv-step-arrow {
    flex-shrink: 0;
    color: #84c615;
    font-size: 1.1rem;
    font-weight: 700;
    transition: all 0.4s ease;
}

/* Step Bar */
.cconv-step-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #84c615;
    border-radius: 0 2px 0 0;
    transition: all 0.6s ease;
}

/* Step Glow */
.cconv-step-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

/* ---- FINAL STEP ---- */

.cconv-step-final {
    background: linear-gradient(135deg, #f5faf0, #e8f5d8);
    border-color: #84c615;
    border-width: 2px;
    padding: 1.1rem 1.5rem;
}

.cconv-step-final:hover {
    background: #84c615;
    transform: translateX(8px) scale(1.02);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.25);
}

.cconv-step-final .cconv-step-number {
    background: #84c615;
    color: #ffffff;
    font-size: 0.7rem;
}

.cconv-step-final:hover .cconv-step-number {
    background: #0a0a0a;
    color: #ffffff;
}

.cconv-step-title-final {
    font-weight: 800;
    font-size: 1.05rem;
}

.cconv-step-desc-final {
    font-weight: 500;
    display: block !important;
}

.cconv-step-final:hover .cconv-step-title-final {
    color: #ffffff;
}

.cconv-step-final:hover .cconv-step-desc-final {
    color: #ffffff;
}

/* Final Glow */
.cconv-step-glow-final {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.cconv-step-final:hover .cconv-step-glow-final {
    opacity: 1;
}

/* Final Ring */
.cconv-step-ring {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid rgba(132, 198, 21, 0.15);
    border-radius: 0.9rem;
    pointer-events: none;
    animation: cconvRingPulse 2s ease-in-out infinite;
}

@keyframes cconvRingPulse {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50% { transform: scale(1.02); opacity: 0.8; }
}

.cconv-step-final:hover .cconv-step-ring {
    border-color: rgba(132, 198, 21, 0.4);
    animation: none;
}

.cconv-step-bar-final {
    background: linear-gradient(90deg, #84c615, #6aad10);
}

/* ---- EXAMPLE BOX ---- */

.cconv-example-box {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1.5rem;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.4s ease;
}

.cconv-example-box:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.06);
}

.cconv-example-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.cconv-example-content {
    flex: 1;
}

.cconv-example-label {
    font-size: 0.5rem;
    font-weight: 700;
    color: #84c615;
    background: #ffffff;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-block;
}

.cconv-example-text {
    font-size: 1rem;
    font-weight: 600;
    color: #0a0a0a;
    margin: 0.2rem 0 0 0;
}

.cconv-example-text strong {
    color: #84c615;
}

/* ---- EXPLAIN GRID ---- */

.cconv-explain-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
    margin-bottom: 1.5rem;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

/* ---- EXPLAIN ITEMS ---- */

.cconv-explain-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1.2rem;
    background: #f5faf0;
    border-radius: 0.6rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
    overflow: hidden;
}

.cconv-explain-item:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateX(6px);
    box-shadow: 0 8px 25px rgba(132, 198, 21, 0.12);
}

.cconv-explain-item:hover .cconv-explain-number {
    background: #0a0a0a;
    color: #ffffff;
}

.cconv-explain-item:hover .cconv-explain-icon {
    transform: scale(1.2) rotate(-10deg);
}

.cconv-explain-item:hover .cconv-explain-text {
    color: #ffffff;
}

.cconv-explain-item:hover .cconv-explain-bar {
    width: 100%;
}

/* Explain Number */
.cconv-explain-number {
    flex-shrink: 0;
    font-size: 0.55rem;
    font-weight: 800;
    color: #84c615;
    background: #ffffff;
    padding: 0.1rem 0.4rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    min-width: 24px;
    text-align: center;
}

/* Explain Icon */
.cconv-explain-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

/* Explain Text */
.cconv-explain-text {
    flex: 1;
    font-size: 0.85rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.4s ease;
    margin: 0;
}

/* Explain Bar */
.cconv-explain-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #84c615;
    border-radius: 0 2px 0 0;
    transition: all 0.6s ease;
}

/* ---- CTA EXPLAIN ITEM ---- */

.cconv-explain-item-cta {
    background: linear-gradient(135deg, #f5faf0, #e8f5d8);
    border-color: #84c615;
    border-width: 2px;
}

.cconv-explain-item-cta:hover {
    background: #84c615;
    transform: translateX(6px) scale(1.01);
    box-shadow: 0 10px 35px rgba(132, 198, 21, 0.2);
}

.cconv-explain-item-cta .cconv-explain-number {
    background: #84c615;
    color: #ffffff;
}

.cconv-explain-item-cta:hover .cconv-explain-number {
    background: #0a0a0a;
    color: #ffffff;
}

.cconv-explain-bar-cta {
    background: linear-gradient(90deg, #84c615, #6aad10);
}

.cconv-explain-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.cconv-explain-item-cta:hover .cconv-explain-glow {
    opacity: 1;
}

/* ---- CONCLUSION ---- */

.cconv-conclusion {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 1.5rem;
}

.cconv-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.08);
}

.cconv-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.cconv-conclusion:hover .cconv-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.cconv-conclusion-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #444444;
}

.cconv-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.cconv-conclusion:hover .cconv-conclusion-text {
    color: #0a0a0a;
}

.cconv-conclusion:hover .cconv-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.cconv-conclusion-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.cconv-conclusion:hover .cconv-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* ---- TRUST ROW ---- */

.cconv-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
}

.cconv-trust-row:hover {
    border-color: #84c615;
}

.cconv-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.cconv-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .cconv-wrapper {
        padding: 5rem 2rem;
    }

    .cconv-heading {
        font-size: 2.8rem;
    }

    .cconv-highlight {
        font-size: 2.2rem;
        display: inline-block;
    }

    .cconv-heading-sub {
        font-size: 2.8rem;
    }

    .cconv-step {
        max-width: 620px;
        padding: 1.1rem 1.8rem;
    }

    .cconv-step-desc {
        display: block;
    }

    .cconv-step-title {
        font-size: 1rem;
    }

    .cconv-step-final {
        padding: 1.3rem 1.8rem;
    }

    .cconv-step-title-final {
        font-size: 1.1rem;
    }

    .cconv-explain-grid {
        grid-template-columns: 1fr 1fr;
        max-width: 650px;
        gap: 0.8rem;
    }

    .cconv-explain-item-cta {
        grid-column: 1 / -1;
    }

    .cconv-example-box {
        max-width: 620px;
        padding: 1.2rem 1.8rem;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .cconv-wrapper {
        padding: 6rem 3rem;
    }

    .cconv-heading {
        font-size: 3.2rem;
    }

    .cconv-highlight {
        font-size: 2.6rem;
    }

    .cconv-heading-sub {
        font-size: 3.2rem;
    }

    .cconv-step {
        max-width: 680px;
        padding: 1.2rem 2rem;
    }

    .cconv-step:hover {
        transform: translateX(12px) scale(1.01);
    }

    .cconv-step-final:hover {
        transform: translateX(12px) scale(1.02);
    }

    .cconv-explain-grid {
        max-width: 720px;
        gap: 1rem;
    }

    .cconv-explain-item {
        padding: 1rem 1.4rem;
    }

    .cconv-conclusion {
        padding: 1.75rem 2.25rem;
    }

    .cconv-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }

    .cconv-example-box {
        max-width: 680px;
        padding: 1.2rem 2rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .cconv-container {
        max-width: 1320px;
    }

    .cconv-heading {
        font-size: 3.6rem;
    }

    .cconv-highlight {
        font-size: 3rem;
    }

    .cconv-heading-sub {
        font-size: 3.6rem;
    }

    .cconv-wrapper::before {
        font-size: 22rem;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .cconv-wrapper {
        padding: 3rem 0.75rem;
    }

    .cconv-heading {
        font-size: 1.6rem;
    }

    .cconv-highlight {
        font-size: 1.3rem;
        display: inline-block;
    }

    .cconv-heading-sub {
        font-size: 1.6rem;
    }

    .cconv-step {
        padding: 0.8rem 1rem;
        max-width: 100%;
        gap: 0.5rem;
    }

    .cconv-step-number {
        font-size: 0.5rem;
        min-width: 22px;
        padding: 0.1rem 0.35rem;
    }

    .cconv-step-icon {
        font-size: 1rem;
    }

    .cconv-step-title {
        font-size: 0.85rem;
    }

    .cconv-step-desc {
        display: none;
    }

    .cconv-step-arrow {
        font-size: 0.9rem;
    }

    .cconv-step-final {
        padding: 0.9rem 1rem;
    }

    .cconv-step-title-final {
        font-size: 0.95rem;
    }

    .cconv-step-desc-final {
        display: block !important;
        font-size: 0.75rem;
    }

    .cconv-step-ring {
        display: none;
    }

    .cconv-explain-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
    }

    .cconv-explain-item {
        padding: 0.7rem 1rem;
    }

    .cconv-explain-text {
        font-size: 0.8rem;
    }

    .cconv-explain-item-cta {
        grid-column: 1;
    }

    .cconv-example-box {
        padding: 0.8rem 1rem;
        max-width: 100%;
    }

    .cconv-example-text {
        font-size: 0.85rem;
    }

    .cconv-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1.2rem 1.2rem;
    }

    .cconv-conclusion-body p {
        font-size: 0.9rem;
    }

    .cconv-conclusion-tag {
        display: none;
    }

    .cconv-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .cconv-trust-item {
        font-size: 0.75rem;
    }

    .cconv-badge-tag {
        display: none;
    }

    .cconv-intro {
        font-size: 0.95rem;
    }

    .cconv-divider {
        max-width: 180px;
    }

    .cconv-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .cconv-badge {
        font-size: 0.6rem;
    }

    .cconv-sequence-label {
        padding: 0.4rem 0.8rem;
        max-width: 240px;
    }

    .cconv-sequence-text {
        font-size: 0.7rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .cconv-step,
    .cconv-explain-item,
    .cconv-conclusion,
    .cconv-badge-group,
    .cconv-trust-row,
    .cconv-sequence-label,
    .cconv-example-box,
    .cconv-divider-icon,
    .cconv-step-glow,
    .cconv-step-glow-final,
    .cconv-explain-glow,
    .cconv-step-ring,
    .cconv-step-bar,
    .cconv-explain-bar {
        transition: none !important;
        animation: none !important;
    }

    .cconv-step:hover,
    .cconv-explain-item:hover,
    .cconv-conclusion:hover,
    .cconv-badge-group:hover,
    .cconv-trust-row:hover,
    .cconv-sequence-label:hover,
    .cconv-example-box:hover {
        transform: none !important;
    }

    .cconv-step-bar {
        width: 0 !important;
    }

    .cconv-step:hover .cconv-step-bar {
        width: 100% !important;
    }

    .cconv-explain-bar {
        width: 0 !important;
    }

    .cconv-explain-item:hover .cconv-explain-bar {
        width: 100% !important;
    }

    .cconv-step-ring {
        animation: none !important;
        opacity: 0.3 !important;
    }

    .cconv-divider-icon {
        animation: none !important;
    }

    .cconv-highlight::after {
        transition: none !important;
    }
}






/* ============================================================
   DA — CYCLIC 1 (WHITE BACKGROUND)
   3 Cards Per Row with proper order
   ============================================================ */

/* ---- BASE ---- */

.da-wrapper {
    background: #ffffff;
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.da-wrapper::before {
    content: '↑';
    position: absolute;
    bottom: -20px;
    right: 20px;
    font-size: 16rem;
    font-weight: 300;
    color: rgba(132, 198, 21, 0.04);
    font-family: 'Georgia', serif;
    pointer-events: none;
    transform: rotate(15deg);
}

.da-wrapper::after {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.da-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---- HEADER ---- */

.da-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

/* Badge Group */
.da-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #f5faf0;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    border-radius: 2rem;
    border: 1px solid #e8f0e0;
    margin-bottom: 1rem;
    transition: all 0.35s ease;
}

.da-badge-group:hover {
    border-color: #84c615;
    box-shadow: 0 4px 20px rgba(132, 198, 21, 0.1);
}

.da-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0a0a0a;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.da-badge-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #84c615;
    display: inline-block;
}

.da-badge-tag {
    font-size: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    background: #84c615;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    letter-spacing: 0.05em;
}

/* Heading */
.da-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin: 0 0 0.2rem 0;
    line-height: 1.2;
}

.da-highlight {
    color: #84c615;
    position: relative;
    display: block;
    font-size: 1.8rem;
}

.da-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #84c615, rgba(132, 198, 21, 0.2));
    border-radius: 2px;
    transition: width 0.4s ease;
}

.da-heading:hover .da-highlight::after {
    width: 0;
}

.da-heading-sub {
    display: block;
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a0a0a;
}

.da-accent {
    color: #84c615;
}

/* Divider */
.da-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0.75rem auto 1.25rem;
    max-width: 280px;
}

.da-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #84c615, transparent);
    border-radius: 2px;
}

.da-divider-icon {
    color: #84c615;
    font-size: 0.7rem;
    animation: daDiamondPulse 2s ease-in-out infinite;
}

@keyframes daDiamondPulse {
    0%, 100% { opacity: 0.4; transform: scale(1) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.3) rotate(45deg); }
}

/* Intro */
.da-intro {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
    font-weight: 400;
}

/* ---- CARD ROWS ---- */

.da-card-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.da-card-row--2 {
    margin-bottom: 2rem;
}

/* ---- CARDS ---- */

.da-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1.2rem 1.5rem;
    background: #f5faf0;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    overflow: hidden;
}

.da-card:hover {
    background: #84c615;
    border-color: #84c615;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 40px rgba(132, 198, 21, 0.15);
}

.da-card:hover .da-card-number {
    background: #0a0a0a;
    color: #ffffff;
}

.da-card:hover .da-card-icon {
    transform: scale(1.2) rotate(-10deg);
}

.da-card:hover .da-card-title {
    color: #ffffff;
}

.da-card:hover .da-card-desc {
    color: #ffffff;
}

.da-card:hover .da-card-bar {
    width: 100%;
}

.da-card:hover .da-card-glow {
    opacity: 1;
}

/* Card Number */
.da-card-number {
    flex-shrink: 0;
    font-size: 0.6rem;
    font-weight: 800;
    color: #84c615;
    background: #ffffff;
    padding: 0.1rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    align-self: flex-start;
    min-width: 28px;
    text-align: center;
}

/* Card Icon */
.da-card-icon {
    font-size: 1.6rem;
    transition: all 0.4s ease;
}

/* Card Title */
.da-card-title {
    font-size: 1rem;
    font-weight: 700;
    color: #0a0a0a;
    transition: color 0.4s ease;
    margin: 0;
}

/* Card Description */
.da-card-desc {
    font-size: 0.85rem;
    color: #444444;
    transition: color 0.4s ease;
    margin: 0;
}

/* Card Bar */
.da-card-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #84c615;
    border-radius: 0 2px 0 0;
    transition: all 0.6s ease;
}

/* Card Glow */
.da-card-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

/* ---- FINAL CARD ---- */

.da-card-final {
    background: linear-gradient(135deg, #f5faf0, #e8f5d8);
    border-color: #84c615;
    border-width: 2px;
}

.da-card-final:hover {
    background: #84c615;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.25);
}

.da-card-final .da-card-number {
    background: #84c615;
    color: #ffffff;
}

.da-card-final:hover .da-card-number {
    background: #0a0a0a;
    color: #ffffff;
}

.da-card-title-final {
    font-weight: 800;
    font-size: 1.05rem;
}

.da-card-desc-final {
    font-weight: 500;
}

.da-card-final:hover .da-card-title-final {
    color: #ffffff;
}

.da-card-final:hover .da-card-desc-final {
    color: #ffffff;
}

/* Final Glow */
.da-card-glow-final {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.da-card-final:hover .da-card-glow-final {
    opacity: 1;
}

/* Final Ring */
.da-card-ring {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid rgba(132, 198, 21, 0.15);
    border-radius: 0.9rem;
    pointer-events: none;
    animation: daRingPulse 2s ease-in-out infinite;
}

@keyframes daRingPulse {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50% { transform: scale(1.02); opacity: 0.8; }
}

.da-card-final:hover .da-card-ring {
    border-color: rgba(132, 198, 21, 0.4);
    animation: none;
}

.da-card-bar-final {
    background: linear-gradient(90deg, #84c615, #6aad10);
}

/* ---- DETAIL GRID ---- */

.da-detail-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
    margin-bottom: 2rem;
}

/* ---- DETAIL ITEMS ---- */

.da-detail-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.6rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
    overflow: hidden;
}

.da-detail-item:hover {
    border-color: #84c615;
    transform: translateX(6px);
    box-shadow: 0 8px 25px rgba(132, 198, 21, 0.06);
}

.da-detail-item:hover .da-detail-arrow {
    opacity: 1;
    transform: translateX(0);
    color: #84c615;
}

.da-detail-item:hover .da-detail-label {
    background: #84c615;
    color: #ffffff;
}

/* Detail Icon */
.da-detail-icon {
    font-size: 1.4rem;
    flex-shrink: 0;
}

/* Detail Content */
.da-detail-content {
    flex: 1;
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    min-width: 0;
}

.da-detail-label {
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    background: #ffffff;
    padding: 0.1rem 0.5rem;
    border-radius: 2rem;
    transition: all 0.4s ease;
    flex-shrink: 0;
}

.da-detail-text {
    font-size: 0.92rem;
    color: #0a0a0a;
    margin: 0;
    line-height: 1.5;
}

.da-detail-text strong {
    color: #0a0a0a;
}

.da-detail-item:hover .da-detail-text {
    color: #0a0a0a;
}

/* Detail Arrow */
.da-detail-arrow {
    flex-shrink: 0;
    color: #d0d0d0;
    font-size: 1rem;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.4s ease;
}

/* ---- FINAL DETAIL ITEM ---- */

.da-detail-item-final {
    background: #f5faf0;
    border-color: #e8f0e0;
    border-left: 3px solid #84c615;
}

.da-detail-item-final:hover {
    border-color: #84c615;
    background: #f5faf0;
}

.da-detail-item-final .da-detail-label {
    background: #84c615;
    color: #ffffff;
}

.da-detail-item-final:hover .da-detail-label {
    background: #0a0a0a;
    color: #ffffff;
}

.da-detail-glow {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(132, 198, 21, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.da-detail-item-final:hover .da-detail-glow {
    opacity: 1;
}

/* ---- CONCLUSION ---- */

.da-conclusion {
    position: relative;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.5rem 1.75rem;
    background: #f5faf0;
    border-radius: 1rem;
    border: 1px solid #e8f0e0;
    border-left: 5px solid #84c615;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 1.5rem;
}

.da-conclusion:hover {
    background: #ffffff;
    border-color: #84c615;
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(132, 198, 21, 0.08);
}

.da-conclusion-icon {
    flex-shrink: 0;
    color: #84c615;
    margin-top: 0.1rem;
    transition: all 0.5s ease;
}

.da-conclusion:hover .da-conclusion-icon {
    transform: scale(1.15) rotate(-10deg);
    color: #6aad10;
}

.da-conclusion-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #444444;
}

.da-conclusion-text strong {
    color: #0a0a0a;
    font-weight: 700;
    transition: color 0.35s ease;
}

.da-conclusion:hover .da-conclusion-text {
    color: #0a0a0a;
}

.da-conclusion:hover .da-conclusion-text strong {
    color: #84c615;
}

/* Conclusion Tag */
.da-conclusion-tag {
    position: absolute;
    bottom: 0.5rem;
    right: 1.2rem;
    font-size: 0.55rem;
    font-weight: 700;
    color: #84c615;
    letter-spacing: 0.05em;
    opacity: 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.da-conclusion:hover .da-conclusion-tag {
    opacity: 0.6;
    transform: translateY(-2px);
}

/* ---- TRUST ROW ---- */

.da-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;
    padding: 1rem 1.5rem;
    background: #f9fbf8;
    border-radius: 0.75rem;
    border: 1px solid #e8f0e0;
    transition: all 0.4s ease;
}

.da-trust-row:hover {
    border-color: #84c615;
}

.da-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #0a0a0a;
    transition: color 0.3s ease;
}

.da-trust-icon {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE — TABLETS (768px+)
   ============================================================ */

@media (min-width: 768px) {

    .da-wrapper {
        padding: 5rem 2rem;
    }

    .da-heading {
        font-size: 2.8rem;
    }

    .da-highlight {
        font-size: 2.2rem;
        display: inline-block;
    }

    .da-heading-sub {
        font-size: 2.8rem;
    }

    /* 3 columns on tablet+ */
    .da-card-row {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.2rem;
    }

    .da-card {
        padding: 1.3rem 1.6rem;
    }

    .da-card-title {
        font-size: 1rem;
    }

    .da-card-desc {
        font-size: 0.82rem;
    }

    .da-detail-grid {
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
    }

    .da-detail-item-final {
        grid-column: 1 / -1;
    }

    .da-detail-text {
        font-size: 0.88rem;
    }
}

/* ============================================================
   RESPONSIVE — DESKTOP (992px+)
   ============================================================ */

@media (min-width: 992px) {

    .da-wrapper {
        padding: 6rem 3rem;
    }

    .da-heading {
        font-size: 3.2rem;
    }

    .da-highlight {
        font-size: 2.6rem;
    }

    .da-heading-sub {
        font-size: 3.2rem;
    }

    .da-card-row {
        gap: 1.5rem;
    }

    .da-card {
        padding: 1.5rem 1.8rem;
    }

    .da-card:hover {
        transform: translateY(-6px) scale(1.01);
    }

    .da-card-final:hover {
        transform: translateY(-6px) scale(1.02);
    }

    .da-detail-grid {
        gap: 1rem;
    }

    .da-detail-item {
        padding: 1.1rem 1.6rem;
    }

    .da-detail-text {
        font-size: 0.92rem;
    }

    .da-conclusion {
        padding: 1.75rem 2.25rem;
    }

    .da-trust-row {
        padding: 1.25rem 2rem;
        gap: 1rem 3rem;
    }
}

/* ============================================================
   RESPONSIVE — LARGE DESKTOP (1400px+)
   ============================================================ */

@media (min-width: 1400px) {

    .da-container {
        max-width: 1320px;
    }

    .da-heading {
        font-size: 3.6rem;
    }

    .da-highlight {
        font-size: 3rem;
    }

    .da-heading-sub {
        font-size: 3.6rem;
    }

    .da-wrapper::before {
        font-size: 20rem;
    }
}

/* ============================================================
   SMALL SCREEN FIXES (max 576px)
   ============================================================ */

@media (max-width: 576px) {

    .da-wrapper {
        padding: 3rem 0.75rem;
    }

    .da-heading {
        font-size: 1.6rem;
    }

    .da-highlight {
        font-size: 1.3rem;
        display: inline-block;
    }

    .da-heading-sub {
        font-size: 1.6rem;
    }

    /* 2 columns on mobile */
    .da-card-row {
        grid-template-columns: 1fr 1fr;
        gap: 0.6rem;
    }

    .da-card {
        padding: 0.9rem 1rem;
    }

    .da-card-number {
        font-size: 0.5rem;
        min-width: 24px;
        padding: 0.1rem 0.35rem;
    }

    .da-card-icon {
        font-size: 1.2rem;
    }

    .da-card-title {
        font-size: 0.78rem;
    }

    .da-card-desc {
        font-size: 0.7rem;
    }

    .da-card-final {
        grid-column: 1 / -1;
    }

    .da-card-ring {
        display: none;
    }

    .da-detail-grid {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .da-detail-item {
        padding: 0.8rem 1rem;
        gap: 0.6rem;
        flex-wrap: wrap;
    }

    .da-detail-icon {
        font-size: 1.1rem;
    }

    .da-detail-content {
        flex-wrap: wrap;
    }

    .da-detail-text {
        font-size: 0.82rem;
    }

    .da-detail-arrow {
        display: none;
    }

    .da-detail-item-final {
        grid-column: 1;
    }

    .da-conclusion {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1.2rem 1.2rem;
    }

    .da-conclusion-body p {
        font-size: 0.9rem;
    }

    .da-conclusion-tag {
        display: none;
    }

    .da-trust-row {
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        padding: 0.85rem;
    }

    .da-trust-item {
        font-size: 0.75rem;
    }

    .da-badge-tag {
        display: none;
    }

    .da-intro {
        font-size: 0.95rem;
    }

    .da-divider {
        max-width: 180px;
    }

    .da-badge-group {
        padding: 0.2rem 0.8rem 0.2rem 0.6rem;
    }

    .da-badge {
        font-size: 0.6rem;
    }
}

/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
   ============================================================ */

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

    .da-card,
    .da-detail-item,
    .da-conclusion,
    .da-badge-group,
    .da-trust-row,
    .da-divider-icon,
    .da-card-glow,
    .da-card-glow-final,
    .da-detail-glow,
    .da-card-ring,
    .da-card-bar,
    .da-detail-arrow {
        transition: none !important;
        animation: none !important;
    }

    .da-card:hover,
    .da-detail-item:hover,
    .da-conclusion:hover,
    .da-badge-group:hover,
    .da-trust-row:hover {
        transform: none !important;
    }

    .da-card-bar {
        width: 0 !important;
    }

    .da-card:hover .da-card-bar {
        width: 100% !important;
    }

    .da-detail-arrow {
        opacity: 0 !important;
        transform: none !important;
    }

    .da-card-ring {
        animation: none !important;
        opacity: 0.3 !important;
    }

    .da-divider-icon {
        animation: none !important;
    }

    .da-highlight::after {
        transition: none !important;
    }
}








/* ============================================
   CYCLE 1 – MODERN CARD DESIGN
   Fresh Class/ID Names | Fully Responsive
   ============================================ */

/* ----- WRAPPER ----- */
.cycle-card {
  background: #FFFFFF;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
  padding: 48px 44px;
  font-family: 'Inter', 'Poppins', system-ui, sans-serif;
  max-width: 780px;
  margin: 0 auto;
  border: 1px solid #F0F0F0;
  transition: all 0.3s ease;
}

.cycle-card:hover {
  box-shadow: 0 24px 72px rgba(0,0,0,0.12);
}

/* ----- INNER ----- */
.cycle-inner {
  max-width: 100%;
}

/* ----- TOP BAR WITH NUMBER ----- */
.cycle-top {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.cycle-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2563EB, #1D4ED8);
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex-shrink: 0;
}

.cycle-badge {
  font-weight: 500;
  color: #2563EB;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  background: #EFF6FF;
  padding: 4px 16px;
  border-radius: 50px;
}

/* ----- HEADLINE ----- */
.cycle-head {
  font-weight: 800;
  color: black;
  font-size: 34px;
  line-height: 1.15;
  margin: 0 0 16px 0;
  letter-spacing: -0.5px;
}

.cycle-head span {
  color: #84c615;
  position: relative;
}

.cycle-head span::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #2563EB;
  border-radius: 4px;
  opacity: 0.25;
}

/* ----- BODY ----- */
.cycle-body {
  color: #1A1A1A;
  font-size: 16px;
  line-height: 1.8;
}

.cycle-body p {
  margin: 0 0 14px 0;
}

.cycle-body .lead-text {
  font-size: 18px;
  font-weight: 500;
  color: #0A0A0A;
}

/* ----- LIST (2-Column Grid) ----- */
.cycle-list {
  list-style: none;
  padding: 0;
  margin: 18px 0 24px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 28px;
}

.cycle-list li {
  color: #1A1A1A;
  font-size: 15px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid #F5F5F5;
}

.cycle-list li:last-child {
  border-bottom: none;
}

/* ----- LIST ICON ----- */
.cycle-list li::before {
  content: "✦";
  color: #2563EB;
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* ----- DIVIDER ----- */
.cycle-divider {
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #2563EB, #60A5FA);
  border-radius: 4px;
  margin: 20px 0 18px 0;
}

/* ----- HIGHLIGHT BOX ----- */
.cycle-highlight {
  background: #F8FAFC;
  border-radius: 16px;
  padding: 24px 28px;
  margin: 20px 0 16px 0;
  border: 1px solid #E8EDF2;
  position: relative;
}

.cycle-highlight::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #2563EB, #60A5FA);
  border-radius: 4px 0 0 4px;
}

.cycle-highlight p {
  margin: 0;
  font-size: 15px;
  color: #1A1A1A;
  line-height: 1.7;
}

/* ----- BOLD / STRONG ----- */
.cycle-body strong {
  font-weight: 700;
  color: #0A0A0A;
}

.cycle-body .brand-name {
  color: #84c615;
  font-weight: 700;
}

.cycle-body .accent-bold {
  color: #84c615;
  font-weight: 700;
}

/* ----- H3 INSIDE BODY ----- */
.cycle-body h3 {
  font-weight: 700;
  color: #0A0A0A;
  font-size: 20px;
  margin: 10px 0 2px 0;
  letter-spacing: -0.3px;
}

.cycle-body .and-text {
  font-weight: 400;
  color: #888888;
  font-size: 15px;
  margin: 2px 0;
  text-transform: lowercase;
  letter-spacing: 2px;
}

/* ----- FOOTER / BRAND ----- */
.cycle-footer {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #F0F0F0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cycle-footer span {
  color: #AAAAAA;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.cycle-footer .footer-dot {
  color: #2563EB;
  font-size: 20px;
  line-height: 1;
}

/* ============================================
   RESPONSIVE
   ============================================ */

/* ----- TABLET (max-width: 768px) ----- */
@media (max-width: 768px) {
  .cycle-card {
    padding: 36px 28px;
    border-radius: 20px;
  }

  .cycle-head {
    font-size: 28px;
  }

  .cycle-list {
    grid-template-columns: 1fr 1fr;
    gap: 6px 20px;
  }

  .cycle-list li {
    font-size: 14px;
    padding: 4px 0;
  }

  .cycle-body {
    font-size: 15px;
  }

  .cycle-body .lead-text {
    font-size: 16px;
  }

  .cycle-body h3 {
    font-size: 18px;
  }

  .cycle-highlight {
    padding: 18px 20px;
  }

  .cycle-number {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
}

/* ----- MOBILE (max-width: 480px) ----- */
@media (max-width: 480px) {
  .cycle-card {
    padding: 24px 16px;
    border-radius: 16px;
  }

  .cycle-head {
    font-size: 22px;
  }

  .cycle-list {
    grid-template-columns: 1fr;
    gap: 4px 0;
  }

  .cycle-list li {
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px solid #F5F5F5;
  }

  .cycle-body {
    font-size: 14px;
    line-height: 1.7;
  }

  .cycle-body .lead-text {
    font-size: 15px;
  }

  .cycle-body h3 {
    font-size: 17px;
  }

  .cycle-body .and-text {
    font-size: 13px;
  }

  .cycle-highlight {
    padding: 14px 16px;
    border-radius: 12px;
  }

  .cycle-highlight p {
    font-size: 14px;
  }

  .cycle-top {
    gap: 12px;
    margin-bottom: 14px;
  }

  .cycle-number {
    width: 34px;
    height: 34px;
    font-size: 13px;
    border-radius: 10px;
  }

  .cycle-badge {
    font-size: 11px;
    padding: 3px 12px;
  }

  .cycle-divider {
    width: 40px;
    margin: 14px 0 12px 0;
  }

  .cycle-footer {
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }

  .cycle-footer span {
    font-size: 11px;
  }
}

/* ----- LARGE SCREEN (min-width: 1200px) ----- */
@media (min-width: 1200px) {
  .cycle-card {
    padding: 60px 56px;
    max-width: 880px;
  }

  .cycle-head {
    font-size: 40px;
  }

  .cycle-list {
    gap: 12px 36px;
  }

  .cycle-body {
    font-size: 17px;
  }

  .cycle-body .lead-text {
    font-size: 20px;
  }

  .cycle-body h3 {
    font-size: 22px;
  }
}




    
        /* ==============================================================
           CWV — CORE WEB VITALS
           ============================================================== */

        /* ----- BASE ----- */
        .cwv-section {
            padding: 80px 0;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .cwv-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .cwv-container-narrow {
            max-width: 880px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .text-center {
            text-align: center !important;
        }

        /* ==============================================================
           CYCLIC 1 — WHITE
           ============================================================== */
        .cwv-white {
            background: #ffffff;
            color: #0a0a0a;
        }

        .cwv-white .cwv-badge {
            display: inline-block;
            background: #84c615;
            color: #ffffff;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 6px 20px;
            border-radius: 50px;
            text-transform: uppercase;
            margin-bottom: 14px;
        }

        .cwv-white .cwv-title {
            color: #0a0a0a;
            font-size: 38px;
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 6px;
        }

        .cwv-white .cwv-title span {
            color: #84c615;
        }

        .cwv-white .cwv-divider {
            width: 72px;
            height: 4px;
            background: #84c615;
            border-radius: 4px;
            margin: 18px auto 26px;
        }

        .cwv-white .cwv-text p {
            text-align: justify;
            color: #444444;
            font-size: 17px;
            line-height: 1.9;
            margin-bottom: 16px;
        }

        .cwv-white .cwv-text strong {
            color: #0a0a0a;
        }

        /* ----- METRIC CARDS (WHITE) ----- */
        .cwv-white .cwv-metric-card {
            background: #f5faf0;
            border: 1px solid #dce8d0;
            border-radius: 16px;
            padding: 28px 22px 24px;
            text-align: center;
            height: 100%;
            transition: all 0.3s ease;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        }

        .cwv-white .cwv-metric-card:hover {
            transform: translateY(-6px);
            border-color: #84c615;
            box-shadow: 0 12px 40px rgba(132,198,21,0.15);
        }

        .cwv-white .cwv-metric-number {
            display: inline-block;
            font-size: 13px;
            font-weight: 700;
            padding: 2px 14px;
            border-radius: 30px;
            margin-bottom: 10px;
            background: rgba(132,198,21,0.12);
            color: #84c615;
        }

        .cwv-white .cwv-metric-title {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 6px;
            color: #0a0a0a;
        }

        .cwv-white .cwv-metric-title span {
            color: #84c615;
        }

        .cwv-white .cwv-metric-desc {
            font-size: 15px;
            line-height: 1.6;
            color: #444444;
            margin-bottom: 14px;
        }

        /* ----- METRIC BAR ----- */
        .cwv-metric-bar {
            width: 60px;
            height: 4px;
            background: #84c615;
            border-radius: 4px;
            margin: 0 auto;
            opacity: 0.6;
            transition: all 0.3s ease;
        }

        .cwv-metric-card:hover .cwv-metric-bar {
            width: 80px;
            opacity: 1;
        }

        .cwv-metric-icon {
            font-size: 36px;
            display: block;
            margin-bottom: 6px;
        }

        /* ==============================================================
           CYCLIC 2 — BLACK
           ============================================================== */
        .cwv-black {
            background: #0a0a0a;
            color: #ffffff;
        }

        .cwv-black .cwv-badge {
            display: inline-block;
            background: #84c615;
            color: #0a0a0a;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 6px 20px;
            border-radius: 50px;
            text-transform: uppercase;
            margin-bottom: 14px;
        }

        .cwv-black .cwv-title {
            color: #ffffff;
            font-size: 38px;
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 6px;
        }

        .cwv-black .cwv-title span {
            color: #84c615;
        }

        .cwv-black .cwv-divider {
            width: 72px;
            height: 4px;
            background: #84c615;
            border-radius: 4px;
            margin: 18px auto 26px;
        }

        .cwv-black .cwv-text p {
            text-align: justify;
            color: #cccccc;
            font-size: 17px;
            line-height: 1.9;
            margin-bottom: 16px;
        }

        .cwv-black .cwv-text strong {
            color: #ffffff;
        }

        /* ----- METRIC CARDS (BLACK) ----- */
        .cwv-black .cwv-metric-card {
            background: #161616;
            border: 1px solid #2a2a2a;
            border-radius: 16px;
            padding: 28px 22px 24px;
            text-align: center;
            height: 100%;
            transition: all 0.3s ease;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
        }

        .cwv-black .cwv-metric-card:hover {
            transform: translateY(-6px);
            border-color: #84c615;
            box-shadow: 0 12px 40px rgba(132,198,21,0.15);
        }

        .cwv-black .cwv-metric-number {
            display: inline-block;
            font-size: 13px;
            font-weight: 700;
            padding: 2px 14px;
            border-radius: 30px;
            margin-bottom: 10px;
            background: rgba(132,198,21,0.15);
            color: #84c615;
        }

        .cwv-black .cwv-metric-title {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 6px;
            color: #ffffff;
        }

        .cwv-black .cwv-metric-title span {
            color: #84c615;
        }

        .cwv-black .cwv-metric-desc {
            font-size: 15px;
            line-height: 1.6;
            color: #b0b0b0;
            margin-bottom: 14px;
        }

        /* ==============================================================
           STORY BOX
           ============================================================== */
        .cwv-story-box {
            display: flex;
            gap: 20px;
            padding: 26px 30px;
            border-radius: 16px;
            margin: 16px 0 24px;
            border-left: 5px solid #84c615;
            transition: all 0.3s ease;
        }

        .cwv-white .cwv-story-box {
            background: #f5faf0;
        }

        .cwv-white .cwv-story-box:hover {
            transform: translateX(6px);
            box-shadow: 0 4px 20px rgba(132,198,21,0.08);
        }

        .cwv-black .cwv-story-box {
            background: #161616;
        }

        .cwv-black .cwv-story-box:hover {
            transform: translateX(6px);
            box-shadow: 0 4px 20px rgba(132,198,21,0.08);
        }

        .cwv-story-icon {
            font-size: 40px;
            line-height: 1;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .cwv-story-content {
            flex: 1;
        }

        .cwv-story-text {
            font-size: 17px;
            line-height: 1.9;
            margin: 0;
            text-align: justify;
        }

        .cwv-white .cwv-story-text {
            color: #444444;
        }

        .cwv-white .cwv-story-text strong {
            color: #0a0a0a;
        }

        .cwv-black .cwv-story-text {
            color: #cccccc;
        }

        .cwv-black .cwv-story-text strong {
            color: #ffffff;
        }

        /* ==============================================================
           BENEFIT ITEMS
           ============================================================== */
        .cwv-benefit-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 14px 18px;
            border-radius: 12px;
            font-weight: 500;
            font-size: 15px;
            transition: all 0.3s ease;
            height: 100%;
        }

        .cwv-white .cwv-benefit-item {
            background: #f5faf0;
            border: 1px solid #dce8d0;
            color: #0a0a0a;
        }

        .cwv-white .cwv-benefit-item:hover {
            background: #84c615;
            color: #ffffff;
            border-color: #84c615;
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(132,198,21,0.2);
        }

        .cwv-black .cwv-benefit-item {
            background: #161616;
            border: 1px solid #2a2a2a;
            color: #ffffff;
        }

        .cwv-black .cwv-benefit-item:hover {
            background: #84c615;
            color: #0a0a0a;
            border-color: #84c615;
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(132,198,21,0.2);
        }

        .cwv-benefit-icon {
            font-size: 16px;
            flex-shrink: 0;
        }

        .cwv-benefit-item-highlight {
            border-color: #84c615 !important;
        }

        .cwv-white .cwv-benefit-item-highlight {
            background: #e8f4d8;
        }

        .cwv-white .cwv-benefit-item-highlight:hover {
            background: #84c615;
            color: #ffffff;
        }

        .cwv-black .cwv-benefit-item-highlight {
            background: rgba(132,198,21,0.1);
        }

        .cwv-black .cwv-benefit-item-highlight:hover {
            background: #84c615;
            color: #0a0a0a;
        }

        /* ==============================================================
           SPLIT GRID — LCP
           ============================================================== */
        .cwv-split-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            padding: 4px 16px;
            border-radius: 30px;
            margin-bottom: 12px;
        }

        .cwv-white .cwv-split-label {
            background: #84c615;
            color: #ffffff;
        }

        .cwv-black .cwv-split-label {
            background: #84c615;
            color: #0a0a0a;
        }

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

        .cwv-list li {
            padding: 8px 0 8px 30px;
            position: relative;
            font-size: 16px;
            line-height: 1.7;
            text-align: justify;
        }

        .cwv-list li::before {
            content: '✦';
            position: absolute;
            left: 0;
            top: 8px;
            color: #84c615;
            font-size: 14px;
        }

        .cwv-white .cwv-list li {
            color: #444444;
        }

        .cwv-black .cwv-list li {
            color: #cccccc;
        }

        /* ==============================================================
           CHIPS
           ============================================================== */
        .cwv-chip-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px 12px;
            justify-content: center;
            margin: 16px 0;
        }

        .cwv-chip {
            padding: 10px 22px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .cwv-white .cwv-chip {
            background: #f5faf0;
            border: 1px solid #dce8d0;
            color: #0a0a0a;
        }

        .cwv-white .cwv-chip:hover {
            background: #84c615;
            color: #ffffff;
            border-color: #84c615;
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(132,198,21,0.25);
        }

        .cwv-black .cwv-chip {
            background: #161616;
            border: 1px solid #2a2a2a;
            color: #ffffff;
        }

        .cwv-black .cwv-chip:hover {
            background: #84c615;
            color: #0a0a0a;
            border-color: #84c615;
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(132,198,21,0.25);
        }

        /* ==============================================================
           QUOTE
           ============================================================== */
        .cwv-quote {
            padding: 24px 30px;
            border-radius: 16px;
            margin: 16px 0 24px;
            border-left: 5px solid #84c615;
            transition: all 0.3s ease;
        }

        .cwv-white .cwv-quote {
            background: #f5faf0;
        }

        .cwv-white .cwv-quote:hover {
            transform: translateX(6px);
            box-shadow: 0 4px 20px rgba(132,198,21,0.08);
        }

        .cwv-black .cwv-quote {
            background: #161616;
        }

        .cwv-black .cwv-quote:hover {
            transform: translateX(6px);
            box-shadow: 0 4px 20px rgba(132,198,21,0.06);
        }

        .cwv-quote-mark {
            font-size: 48px;
            line-height: 0.8;
            color: #84c615;
            display: block;
            margin-bottom: -6px;
            font-family: Georgia, serif;
            opacity: 0.5;
        }

        .cwv-quote-text {
            font-size: 18px;
            font-weight: 500;
            line-height: 1.7;
            font-style: italic;
            margin: 0;
            text-align: justify;
        }

        .cwv-white .cwv-quote-text {
            color: #0a0a0a;
        }

        .cwv-black .cwv-quote-text {
            color: #ffffff;
        }

        /* ==============================================================
           BG CARDS
           ============================================================== */
        .cwv-bg-card {
            padding: 14px 18px;
            border-radius: 12px;
            font-weight: 500;
            font-size: 15px;
            text-align: center;
            transition: all 0.3s ease;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 56px;
        }

        .cwv-white .cwv-bg-card {
            background: #f5faf0;
            border: 1px solid #dce8d0;
            color: #0a0a0a;
        }

        .cwv-white .cwv-bg-card:hover {
            background: #84c615;
            color: #ffffff;
            border-color: #84c615;
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(132,198,21,0.2);
        }

        .cwv-black .cwv-bg-card {
            background: #161616;
            border: 1px solid #2a2a2a;
            color: #ffffff;
        }

        .cwv-black .cwv-bg-card:hover {
            background: #84c615;
            color: #0a0a0a;
            border-color: #84c615;
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(132,198,21,0.2);
        }

        /* ==============================================================
           UTILITY
           ============================================================== */
        .mt-1 { margin-top: 8px; }
        .mt-2 { margin-top: 16px; }
        .mt-3 { margin-top: 24px; }
        .mt-4 { margin-top: 32px; }
        .mt-5 { margin-top: 48px; }

        .mb-1 { margin-bottom: 8px; }
        .mb-2 { margin-bottom: 16px; }
        .mb-3 { margin-bottom: 24px; }
        .mb-4 { margin-bottom: 32px; }
        .mb-5 { margin-bottom: 48px; }

        /* ==============================================================
           RESPONSIVE
           ============================================================== */
        @media (max-width: 768px) {
            .cwv-section { padding: 50px 0; }
            .cwv-title { font-size: 28px; }
            .cwv-text p { font-size: 15px; }
            .cwv-metric-card { padding: 20px 16px 18px; }
            .cwv-metric-icon { font-size: 30px; }
            .cwv-metric-title { font-size: 17px; }
            .cwv-metric-desc { font-size: 14px; }
            .cwv-story-box { padding: 18px 20px; flex-direction: column; }
            .cwv-story-text { font-size: 15px; }
            .cwv-story-icon { font-size: 32px; }
            .cwv-quote { padding: 18px 20px; }
            .cwv-quote-text { font-size: 16px; }
            .cwv-bg-card { font-size: 14px; min-height: 48px; padding: 12px 14px; }
            .cwv-chip { font-size: 13px; padding: 8px 18px; }
            .cwv-benefit-item { font-size: 14px; padding: 10px 14px; }
            .cwv-list li { font-size: 14px; }
            .cwv-badge { font-size: 11px !important; padding: 4px 16px !important; }
            .cwv-divider { width: 50px; }
        }

        @media (max-width: 480px) {
            .cwv-section { padding: 35px 0; }
            .cwv-title { font-size: 24px; }
            .cwv-text p { font-size: 14px; }
            .cwv-metric-card { padding: 16px 14px 16px; }
            .cwv-metric-icon { font-size: 26px; }
            .cwv-metric-title { font-size: 16px; }
            .cwv-metric-desc { font-size: 13px; }
            .cwv-story-text { font-size: 14px; }
            .cwv-quote-text { font-size: 15px; }
            .cwv-bg-card { font-size: 13px; min-height: 42px; padding: 10px 12px; }
            .cwv-chip { font-size: 12px; padding: 6px 14px; }
            .cwv-benefit-item { font-size: 13px; padding: 8px 12px; }
            .cwv-list li { font-size: 13px; }
            .cwv-badge { font-size: 10px !important; padding: 3px 14px !important; }
            .cwv-divider { width: 40px; height: 3px; }
            .cwv-split-label { font-size: 11px; padding: 3px 12px; }
        }

        @media (max-width: 320px) {
            .cwv-section { padding: 25px 0; }
            .cwv-title { font-size: 20px; }
            .cwv-text p { font-size: 13px; }
            .cwv-metric-card { padding: 14px 12px 14px; }
            .cwv-metric-icon { font-size: 22px; }
            .cwv-metric-title { font-size: 15px; }
            .cwv-metric-desc { font-size: 12px; }
            .cwv-story-text { font-size: 13px; }
            .cwv-quote-text { font-size: 14px; }
            .cwv-bg-card { font-size: 12px; min-height: 36px; padding: 8px 10px; }
            .cwv-chip { font-size: 11px; padding: 5px 12px; }
            .cwv-benefit-item { font-size: 12px; padding: 6px 10px; }
            .cwv-list li { font-size: 12px; }
            .cwv-badge { font-size: 9px !important; padding: 3px 12px !important; }
        }

        /* ==============================================================
           SCROLL ANIMATIONS
           ============================================================== */
        .cwv-section {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.7s ease, transform 0.7s ease;
        }

        .cwv-section.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ==============================================================
           PRINT
           ============================================================== */
        @media print {
            .cwv-section { opacity: 1 !important; transform: none !important; padding: 30px 0 !important; }
            .cwv-black { background: #ffffff !important; color: #0a0a0a !important; }
            .cwv-black .cwv-text p { color: #444444 !important; }
            .cwv-black .cwv-title { color: #0a0a0a !important; }
            .cwv-black .cwv-title span { color: #84c615 !important; }
            .cwv-black .cwv-metric-card { background: #f5faf0 !important; border-color: #dce8d0 !important; }
            .cwv-black .cwv-metric-title { color: #0a0a0a !important; }
            .cwv-black .cwv-metric-desc { color: #444444 !important; }
            .cwv-black .cwv-story-box { background: #f5faf0 !important; }
            .cwv-black .cwv-story-text { color: #444444 !important; }
            .cwv-black .cwv-benefit-item { background: #f5faf0 !important; color: #0a0a0a !important; border-color: #dce8d0 !important; }
            .cwv-black .cwv-chip { background: #f5faf0 !important; color: #0a0a0a !important; border-color: #dce8d0 !important; }
            .cwv-black .cwv-quote { background: #f5faf0 !important; }
            .cwv-black .cwv-quote-text { color: #0a0a0a !important; }
            .cwv-black .cwv-bg-card { background: #f5faf0 !important; color: #0a0a0a !important; border-color: #dce8d0 !important; }
            .cwv-black .cwv-list li { color: #444444 !important; }
        }














        /* ==============================================================
           PROG — PERFORMANCE & PROGRAMMATIC SEO
           Class Prefix: "prog"
           Alternating Cyclic 1 (White) & Cyclic 2 (Black)
           ============================================================== */

        /* ----- BASE ----- */
        .prog-section {
            padding: 70px 0;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .prog-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .prog-container-narrow {
            max-width: 880px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .prog-content {
            width: 100%;
        }

        /* ----- KICKER ----- */
        .prog-kicker {
            display: inline-block;
            font-size: 13px;
            font-weight: 700;
            padding: 4px 16px;
            border-radius: 30px;
            margin-bottom: 10px;
            letter-spacing: 0.5px;
        }

        /* ----- TITLE ----- */
        .prog-title {
            font-size: clamp(28px, 3.2vw, 40px);
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 4px;
        }

        .prog-title span {
            color: #84c615;
        }

        /* ----- DIVIDER ----- */
        .prog-divider {
            width: 60px;
            height: 4px;
            border-radius: 4px;
            margin: 12px 0 20px 0;
        }

        /* ----- BODY ----- */
        .prog-body p {
            font-size: clamp(16px, 1.05vw, 18px);
            line-height: 1.9;
            margin-bottom: 14px;
            text-align: justify;
        }

        .prog-body h3 {
            font-size: clamp(17px, 1.1vw, 19px);
            font-weight: 700;
            margin-top: 18px;
            margin-bottom: 6px;
        }

        .prog-body h3 strong {
            color: #84c615;
        }

        /* ----- LIST ----- */
        .prog-list {
            list-style: none;
            padding: 0;
            margin: 10px 0 16px 0;
            display: flex;
            flex-wrap: wrap;
            gap: 8px 12px;
        }

        .prog-list li {
            padding: 8px 16px 8px 34px;
            position: relative;
            font-size: clamp(14px, 0.95vw, 16px);
            line-height: 1.6;
            text-align: justify;
            border-radius: 8px;
            transition: all 0.3s ease;
            flex: 1 0 auto;
            min-width: 120px;
        }

        .prog-list li::before {
            content: '✦';
            position: absolute;
            left: 12px;
            top: 8px;
            color: #84c615;
            font-size: 13px;
        }

        .prog-list li:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(132, 198, 21, 0.2);
        }

        /* ----- ARROW ----- */
        .prog-arrow {
            text-align: center;
            font-size: 28px;
            color: #84c615;
            font-weight: 700;
            padding: 4px 0;
            line-height: 1.2;
        }

        /* ==============================================================
           CYCLIC 1 — WHITE
           ============================================================== */
        .prog-white {
            background: #ffffff;
            color: #0a0a0a;
            border-bottom: 1px solid #f0f0f0;
        }

        .prog-white .prog-kicker {
            background: #84c615;
            color: #ffffff;
        }

        .prog-white .prog-title {
            color: #0a0a0a;
        }

        .prog-white .prog-divider {
            background: #84c615;
        }

        .prog-white .prog-body p {
            color: #444444;
        }

        .prog-white .prog-body h3 {
            color: #0a0a0a;
        }

        .prog-white .prog-list li {
            background: #f5faf0;
            border: 1px solid #dce8d0;
            color: #0a0a0a;
        }

        .prog-white .prog-list li::before {
            color: #84c615;
        }

        .prog-white .prog-list li:hover {
            background: #84c615;
            color: #ffffff;
            border-color: #84c615;
        }

        .prog-white .prog-list li:hover::before {
            color: #ffffff;
        }

        .prog-white .prog-arrow {
            color: #84c615;
        }

        /* ==============================================================
           CYCLIC 2 — BLACK
           ============================================================== */
        .prog-black {
            background: #0a0a0a;
            color: #ffffff;
        }

        .prog-black .prog-kicker {
            background: #84c615;
            color: #0a0a0a;
        }

        .prog-black .prog-title {
            color: #ffffff;
        }

        .prog-black .prog-divider {
            background: #84c615;
        }

        .prog-black .prog-body p {
            color: #cccccc;
        }

        .prog-black .prog-body h3 {
            color: #ffffff;
        }

        .prog-black .prog-list li {
            background: #161616;
            border: 1px solid #2a2a2a;
            color: #ffffff;
        }

        .prog-black .prog-list li::before {
            color: #84c615;
        }

        .prog-black .prog-list li:hover {
            background: #84c615;
            color: #0a0a0a;
            border-color: #84c615;
        }

        .prog-black .prog-list li:hover::before {
            color: #0a0a0a;
        }

        .prog-black .prog-arrow {
            color: #84c615;
        }

        /* ==============================================================
           URL MAPPING TABLE (WHITE)
           ============================================================== */
        .prog-mapping-card {
            background: #ffffff;
            border: 1px solid #dce8d0;
            border-radius: 16px;
            padding: 20px 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
            transition: all 0.3s ease;
        }

        .prog-mapping-card:hover {
            border-color: #84c615;
            box-shadow: 0 6px 24px rgba(132,198,21,0.08);
        }

        .prog-mapping-table thead th {
            background: #84c615;
            color: #ffffff;
            font-weight: 700;
            padding: 14px 16px;
            border: none;
            font-size: 15px;
            letter-spacing: 0.5px;
        }

        .prog-mapping-table tbody td {
            padding: 12px 16px;
            border-bottom: 1px solid #e8e8e8;
            vertical-align: middle;
        }

        .prog-mapping-table tbody tr:hover td {
            background: #f5faf0;
        }

        .prog-url-code {
            background: #f5faf0;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 14px;
            color: #0a0a0a;
            font-family: monospace;
            display: inline-block;
        }

        .prog-url-label {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            color: #84c615;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-right: 6px;
        }

        .prog-action-badge {
            display: inline-block;
            background: #84c615;
            color: #ffffff;
            font-weight: 700;
            font-size: 13px;
            padding: 4px 16px;
            border-radius: 30px;
        }

        .prog-review-badge {
            display: inline-block;
            background: #ff9800;
            color: #ffffff;
            font-weight: 700;
            font-size: 13px;
            padding: 4px 16px;
            border-radius: 30px;
        }

        .prog-mapping-note {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            padding: 20px 24px;
            background: #f5faf0;
            border-radius: 12px;
            border-left: 4px solid #84c615;
            margin-top: 16px;
        }

        .prog-note-icon {
            font-size: 20px;
            color: #84c615;
            font-weight: 700;
            flex-shrink: 0;
        }

        .prog-note-content h3 {
            font-size: 16px;
            font-weight: 700;
            color: #0a0a0a;
            margin-bottom: 4px;
        }

        .prog-note-content p {
            font-size: 15px;
            color: #444444;
            margin: 0;
            text-align: justify;
        }

        /* ==============================================================
           RESPONSIVE
           ============================================================== */
        @media (max-width: 1024px) {
            .prog-section { padding: 60px 0; }
        }

        @media (max-width: 768px) {
            .prog-section { padding: 50px 0; }
            .prog-container { padding: 0 15px; }
            .prog-container-narrow { padding: 0 12px; }
            .prog-title { font-size: 28px !important; }
            .prog-body p { font-size: 15px !important; text-align: left !important; }
            .prog-body h3 { font-size: 16px !important; }
            .prog-list li { font-size: 14px !important; padding: 6px 12px 6px 28px !important; min-width: 100%; }
            .prog-list li::before { left: 10px; top: 6px; font-size: 12px; }
            .prog-kicker { font-size: 12px; padding: 3px 14px; }
            .prog-divider { width: 50px; }
            .prog-arrow { font-size: 24px; padding: 2px 0; }
            .prog-mapping-card { padding: 14px 16px; }
            .prog-mapping-table thead th { font-size: 13px; padding: 10px 12px; }
            .prog-mapping-table tbody td { padding: 10px 12px; font-size: 14px; }
            .prog-url-code { font-size: 13px; padding: 3px 10px; }
            .prog-mapping-note { flex-direction: column; padding: 16px 18px; }
        }

        @media (max-width: 480px) {
            .prog-section { padding: 35px 0; }
            .prog-title { font-size: 24px !important; }
            .prog-body p { font-size: 14px !important; }
            .prog-body h3 { font-size: 15px !important; }
            .prog-list li { font-size: 13px !important; padding: 5px 10px 5px 24px !important; min-width: 100%; }
            .prog-list li::before { left: 8px; top: 5px; font-size: 11px; }
            .prog-kicker { font-size: 11px; padding: 3px 12px; }
            .prog-divider { width: 40px; height: 3px; }
            .prog-arrow { font-size: 20px; }
            .prog-mapping-card { padding: 10px 12px; }
            .prog-mapping-table thead th { font-size: 12px; padding: 8px 10px; }
            .prog-mapping-table tbody td { padding: 8px 10px; font-size: 13px; }
            .prog-url-code { font-size: 12px; padding: 2px 8px; }
            .prog-action-badge, .prog-review-badge { font-size: 11px; padding: 3px 12px; }
            .prog-mapping-note { padding: 14px 16px; }
            .prog-note-content h3 { font-size: 15px; }
            .prog-note-content p { font-size: 14px; }
        }

        @media (max-width: 320px) {
            .prog-section { padding: 25px 0; }
            .prog-title { font-size: 20px !important; }
            .prog-body p { font-size: 13px !important; }
            .prog-body h3 { font-size: 14px !important; }
            .prog-list li { font-size: 12px !important; padding: 4px 8px 4px 20px !important; }
            .prog-list li::before { left: 6px; top: 4px; font-size: 10px; }
            .prog-kicker { font-size: 10px; padding: 2px 10px; }
        }

        @media (min-width: 2000px) {
            .prog-section { padding: 100px 0; }
            .prog-container { max-width: 1600px; }
            .prog-container-narrow { max-width: 1100px; }
            .prog-title { font-size: 48px !important; }
            .prog-body p { font-size: 22px !important; line-height: 2.2; }
            .prog-body h3 { font-size: 24px !important; }
            .prog-list li { font-size: 20px !important; padding: 12px 24px 12px 44px !important; min-width: 200px; }
            .prog-list li::before { font-size: 18px; top: 12px; left: 16px; }
            .prog-arrow { font-size: 36px; padding: 8px 0; }
            .prog-divider { width: 80px; height: 4px; }
            .prog-kicker { font-size: 18px; padding: 6px 24px; }
            .prog-mapping-card { padding: 30px 36px; }
            .prog-mapping-table thead th { font-size: 20px; padding: 18px 24px; }
            .prog-mapping-table tbody td { font-size: 18px; padding: 16px 24px; }
            .prog-url-code { font-size: 18px; padding: 6px 16px; }
            .prog-action-badge, .prog-review-badge { font-size: 18px; padding: 6px 24px; }
        }

        /* ==============================================================
           SCROLL ANIMATIONS
           ============================================================== */
        .prog-section {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.7s ease, transform 0.7s ease;
        }

        .prog-section.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ==============================================================
           PRINT
           ============================================================== */
        @media print {
            .prog-section { opacity: 1 !important; transform: none !important; padding: 30px 0 !important; }
            .prog-black { background: #ffffff !important; color: #0a0a0a !important; }
            .prog-black .prog-body p { color: #444444 !important; }
            .prog-black .prog-title { color: #0a0a0a !important; }
            .prog-black .prog-title span { color: #84c615 !important; }
            .prog-black .prog-list li { background: #f5faf0 !important; color: #0a0a0a !important; border-color: #dce8d0 !important; }
            .prog-black .prog-list li:hover { background: #84c615 !important; color: #ffffff !important; }
            .prog-black .prog-body h3 { color: #0a0a0a !important; }
            .prog-black .prog-kicker { color: #0a0a0a !important; }
            .prog-mapping-card { border-color: #dce8d0 !important; }
            .prog-mapping-note { background: #f5faf0 !important; }
            .prog-note-content h3 { color: #0a0a0a !important; }
            .prog-note-content p { color: #444444 !important; }
        }
 






    .bas-iframe-credit a {
      display: none !important;
    }
  








           
        /* ==============================================================
           PERF — PERFORMANCE SECTIONS 30-46
           Class Prefix: "perf"
           ============================================================== */

        /* ----- BASE ----- */
        .perf-section {
            padding: 70px 0;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .perf-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .perf-container-narrow {
            max-width: 880px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .perf-content {
            width: 100%;
        }

        /* ----- KICKER ----- */
        .perf-kicker {
            display: inline-block;
            font-size: 13px;
            font-weight: 700;
            padding: 4px 16px;
            border-radius: 30px;
            margin-bottom: 10px;
            letter-spacing: 0.5px;
        }

        /* ----- TITLE ----- */
        .perf-title {
            font-size: clamp(28px, 3.2vw, 40px);
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 4px;
        }

        .perf-title span {
            color: #84c615;
        }

        /* ----- DIVIDER ----- */
        .perf-divider {
            width: 60px;
            height: 4px;
            border-radius: 4px;
            margin: 12px 0 20px 0;
        }

        /* ----- BODY ----- */
        .perf-body p {
            font-size: clamp(16px, 1.05vw, 18px);
            line-height: 1.9;
            margin-bottom: 14px;
            text-align: justify;
        }

        .perf-body h3 {
            font-size: clamp(17px, 1.1vw, 19px);
            font-weight: 700;
            margin-top: 18px;
            margin-bottom: 6px;
        }

        .perf-body h3 strong {
            color: #84c615;
        }

        /* ==============================================================
           CYCLIC 1 — WHITE
           ============================================================== */
        .perf-white {
            background: #ffffff;
            color: #0a0a0a;
            border-bottom: 1px solid #f0f0f0;
        }

        .perf-white .perf-kicker {
            background: #84c615;
            color: #ffffff;
        }

        .perf-white .perf-title {
            color: #0a0a0a;
        }

        .perf-white .perf-divider {
            background: #84c615;
        }

        .perf-white .perf-body p {
            color: #444444;
        }

        .perf-white .perf-body h3 {
            color: #0a0a0a;
        }

        /* ----- LIST (WHITE) ----- */
        .perf-white .perf-list {
            list-style: none;
            padding: 0;
            margin: 10px 0 16px 0;
            display: flex;
            flex-wrap: wrap;
            gap: 8px 12px;
        }

        .perf-white .perf-list li {
            background: #f5faf0;
            border: 1px solid #dce8d0;
            color: #0a0a0a;
            padding: 8px 16px 8px 34px;
            position: relative;
            font-size: clamp(14px, 0.95vw, 16px);
            line-height: 1.6;
            text-align: justify;
            border-radius: 8px;
            transition: all 0.3s ease;
            flex: 1 0 auto;
            min-width: 120px;
        }

        .perf-white .perf-list li::before {
            content: '✦';
            position: absolute;
            left: 12px;
            top: 8px;
            color: #84c615;
            font-size: 13px;
        }

        .perf-white .perf-list li:hover {
            background: #84c615;
            color: #ffffff;
            border-color: #84c615;
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(132, 198, 21, 0.2);
        }

        .perf-white .perf-list li:hover::before {
            color: #ffffff;
        }

        /* ----- ARROW (WHITE) ----- */
        .perf-arrow {
            text-align: center;
            font-size: 28px;
            color: #84c615;
            font-weight: 700;
            padding: 4px 0;
            line-height: 1.2;
        }

        .perf-white .perf-arrow {
            color: #84c615;
        }

        /* ==============================================================
           CYCLIC 2 — BLACK
           ============================================================== */
        .perf-black {
            background: #0a0a0a;
            color: #ffffff;
        }

        .perf-black .perf-kicker {
            background: #84c615;
            color: #0a0a0a;
        }

        .perf-black .perf-title {
            color: #ffffff;
        }

        .perf-black .perf-divider {
            background: #84c615;
        }

        .perf-black .perf-body p {
            color: #cccccc;
        }

        .perf-black .perf-body h3 {
            color: #ffffff;
        }

        /* ----- LIST (BLACK) ----- */
        .perf-black .perf-list {
            list-style: none;
            padding: 0;
            margin: 10px 0 16px 0;
            display: flex;
            flex-wrap: wrap;
            gap: 8px 12px;
        }

        .perf-black .perf-list li {
            background: #161616;
            border: 1px solid #2a2a2a;
            color: #ffffff;
            padding: 8px 16px 8px 34px;
            position: relative;
            font-size: clamp(14px, 0.95vw, 16px);
            line-height: 1.6;
            text-align: justify;
            border-radius: 8px;
            transition: all 0.3s ease;
            flex: 1 0 auto;
            min-width: 120px;
        }

        .perf-black .perf-list li::before {
            content: '✦';
            position: absolute;
            left: 12px;
            top: 8px;
            color: #84c615;
            font-size: 13px;
        }

        .perf-black .perf-list li:hover {
            background: #84c615;
            color: #0a0a0a;
            border-color: #84c615;
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(132, 198, 21, 0.25);
        }

        .perf-black .perf-list li:hover::before {
            color: #0a0a0a;
        }

        /* ----- ARROW (BLACK) ----- */
        .perf-black .perf-arrow {
            color: #84c615;
        }

        /* ==============================================================
           RESPONSIVE
           ============================================================== */
        @media (max-width: 1024px) {
            .perf-section { padding: 60px 0; }
        }

        @media (max-width: 768px) {
            .perf-section { padding: 50px 0; }
            .perf-container { padding: 0 15px; }
            .perf-container-narrow { padding: 0 12px; }
            .perf-title { font-size: 28px !important; }
            .perf-body p { font-size: 15px !important; text-align: left !important; }
            .perf-body h3 { font-size: 16px !important; }
            .perf-list li { font-size: 14px !important; padding: 6px 12px 6px 28px !important; min-width: 100%; }
            .perf-list li::before { left: 10px; top: 6px; font-size: 12px; }
            .perf-kicker { font-size: 12px; padding: 3px 14px; }
            .perf-divider { width: 50px; }
            .perf-arrow { font-size: 24px; padding: 2px 0; }
        }

        @media (max-width: 480px) {
            .perf-section { padding: 35px 0; }
            .perf-title { font-size: 24px !important; }
            .perf-body p { font-size: 14px !important; }
            .perf-body h3 { font-size: 15px !important; }
            .perf-list li { font-size: 13px !important; padding: 5px 10px 5px 24px !important; min-width: 100%; }
            .perf-list li::before { left: 8px; top: 5px; font-size: 11px; }
            .perf-kicker { font-size: 11px; padding: 3px 12px; }
            .perf-divider { width: 40px; height: 3px; }
            .perf-arrow { font-size: 20px; }
        }

        @media (max-width: 320px) {
            .perf-section { padding: 25px 0; }
            .perf-title { font-size: 20px !important; }
            .perf-body p { font-size: 13px !important; }
            .perf-body h3 { font-size: 14px !important; }
            .perf-list li { font-size: 12px !important; padding: 4px 8px 4px 20px !important; }
            .perf-list li::before { left: 6px; top: 4px; font-size: 10px; }
            .perf-kicker { font-size: 10px; padding: 2px 10px; }
        }

        @media (min-width: 2000px) {
            .perf-section { padding: 100px 0; }
            .perf-container { max-width: 1600px; }
            .perf-container-narrow { max-width: 1100px; }
            .perf-title { font-size: 48px !important; }
            .perf-body p { font-size: 22px !important; line-height: 2.2; }
            .perf-body h3 { font-size: 24px !important; }
            .perf-list li { font-size: 20px !important; padding: 12px 24px 12px 44px !important; min-width: 200px; }
            .perf-list li::before { font-size: 18px; top: 12px; left: 16px; }
            .perf-arrow { font-size: 36px; padding: 8px 0; }
            .perf-divider { width: 80px; height: 4px; }
            .perf-kicker { font-size: 18px; padding: 6px 24px; }
        }

        /* ==============================================================
           SCROLL ANIMATIONS
           ============================================================== */
        .perf-section {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.7s ease, transform 0.7s ease;
        }

        .perf-section.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ==============================================================
           PRINT
           ============================================================== */
        @media print {
            .perf-section { opacity: 1 !important; transform: none !important; padding: 30px 0 !important; }
            .perf-black { background: #ffffff !important; color: #0a0a0a !important; }
            .perf-black .perf-body p { color: #444444 !important; }
            .perf-black .perf-title { color: #0a0a0a !important; }
            .perf-black .perf-title span { color: #84c615 !important; }
            .perf-black .perf-list li { background: #f5faf0 !important; color: #0a0a0a !important; border-color: #dce8d0 !important; }
            .perf-black .perf-list li:hover { background: #84c615 !important; color: #ffffff !important; }
            .perf-black .perf-body h3 { color: #0a0a0a !important; }
            .perf-black .perf-kicker { color: #0a0a0a !important; }
        }