:root {
                        --tdm-white: #ffffff;
                        --tdm-black: #0a0a0a;
                        --tdm-accent: #d4a017;
                        --tdm-accent-dark: #65a10c;
                        --tdm-ink: #171a14;
                        --tdm-ink-soft: #4a4f45;
                        --tdm-cloud: #f4f7ef;
                        --tdm-line: #e3e9d9;
                        --tdm-dark-card: #141513;
                        --tdm-dark-line: #26281f;
                        --tdm-dark-text: #c9d0bd;
                    }

                    * {
                        box-sizing: border-box;
                    }

                    html {
                        scroll-behavior: smooth;
                    }

                    body {
                        font-family: 'Manrope', sans-serif;
                        color: var(--tdm-ink);
                        background: var(--tdm-white);
                        margin: 0;
                        -webkit-font-smoothing: antialiased;
                    }

                    h1,
                    h2,
                    h3,
                    h4,
                    .tdm-display {
                        font-family: 'Sora', sans-serif;
                    }

                    a {
                        text-decoration: none;
                    }

                    img {
                        max-width: 100%;
                        display: block;
                    }

                    :focus-visible {
                        outline: 3px solid #d4a017;
                        outline-offset: 2px;
                    }

                    /* ===== shared section heading rule (locked, 40px) ===== */
                    .tdm-section-heading {
                        font-size: 40px;
                        line-height: 1.15;
                        font-weight: 800;
                        margin-bottom: 14px;
                    }

                    .tdm-section-eyebrow {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        font-size: 13px;
                        font-weight: 700;
                        letter-spacing: .14em;
                        text-transform: uppercase;
                        color: #d4a017;
                        margin-bottom: 14px;
                    }

                    .tdm-section-eyebrow::before {
                        content: "";
                        width: 22px;
                        height: 2px;
                        background: #d4a017;
                        display: inline-block;
                    }

                    section[data-cyclic="2"] .tdm-section-eyebrow {
                        color: #d4a017;
                    }

                    .tdm-section-lede {
                        font-size: 16.5px;
                        color: var(--tdm-ink-soft);
                        max-width: 680px;
                        margin-bottom: 0;
                    }

                    section[data-cyclic="2"] .tdm-section-lede {
                        color: var(--tdm-dark-text);
                    }

                    section[data-cyclic="2"] .tdm-section-heading {
                        color: var(--tdm-white);
                    }

                    @media (max-width:768px) {
                        .tdm-section-heading {
                            font-size: 30px;
                        }
                    }

                    @media (max-width:480px) {
                        .tdm-section-heading {
                            font-size: 26px;
                        }
                    }


                    /* =========================================================
   SECTION 1 — HERO / INTRO
   CYCLIC 1
========================================================= */

                    #tdm-hero-section {
                        text-align: justify;
                        background: var(--tdm-white);
                        padding: 64px 0 56px;
                        position: relative;
                        overflow: hidden;
                    }

                    .tdm-hero-grain {
                        position: absolute;
                        top: -120px;
                        right: -160px;
                        width: 520px;
                        height: 520px;
                        background: radial-gradient(circle,
                                rgba(132, 198, 21, .16) 0%,
                                rgba(132, 198, 21, 0) 70%);
                        pointer-events: none;
                    }


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

                    .tdm-hero-grid {
                        display: grid;
                        grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
                        align-items: center;
                        gap: 55px;
                    }


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

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

                    .tdm-hero-kicker {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        padding: 6px 14px;
                        border: 1px solid var(--tdm-line);
                        border-radius: 999px;
                        font-size: 12.5px;
                        font-weight: 700;
                        letter-spacing: .06em;
                        text-transform: uppercase;
                        color: #d4a017;
                        background: var(--tdm-cloud);
                        margin-bottom: 20px;
                    }

                    .tdm-hero-kicker span.tdm-hero-dot {
                        width: 7px;
                        height: 7px;
                        border-radius: 50%;
                        background: #d4a017;
                        display: inline-block;
                    }


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

                    .tdm-hero-title {
                        font-size: 40px;
                        font-weight: 800;
                        line-height: 1.12;
                        letter-spacing: -.01em;
                        margin-bottom: 18px;
                        color: var(--tdm-ink);
                    }

                    .tdm-hero-title .tdm-hero-accent-word {
                        color: #d4a017;
                    }


                    /* =========================================================
   PARAGRAPHS
========================================================= */

                    .tdm-hero-sub {
                        font-size: 18px;
                        line-height: 1.7;
                        color: var(--tdm-ink);
                        max-width: 680px;
                        margin-bottom: 16px;
                        text-align: justify;
                    }

                    .tdm-hero-description {
                        font-size: 15.5px;
                        line-height: 1.75;
                        color: var(--tdm-ink-soft);
                        max-width: 680px;
                        margin-bottom: 16px;
                        text-align: justify;
                    }


                    /* =========================================================
   HIGHLIGHTS
========================================================= */

                    .tdm-hero-highlights {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 10px;
                        margin-top: 22px;
                        margin-bottom: 28px;
                    }

                    .tdm-hero-highlight {
                        display: flex;
                        align-items: flex-start;
                        gap: 8px;
                        padding: 11px 10px;
                        border: 1px solid var(--tdm-line);
                        background: var(--tdm-cloud);
                        border-radius: 7px;
                        font-size: 12.5px;
                        line-height: 1.45;
                        color: var(--tdm-ink);
                    }

                    .tdm-highlight-icon {
                        flex-shrink: 0;
                        width: 18px;
                        height: 18px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: #d4a017;
                        color: #ffffff;
                        border-radius: 50%;
                        font-size: 11px;
                        font-weight: 800;
                    }


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

                    .tdm-hero-actions {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 14px;
                        margin-bottom: 0;
                    }

                    .tdm-hero-cta-primary {
                        background: #d4a017;
                        color: var(--tdm-white);
                        padding: 14px 26px;
                        border-radius: 8px;
                        font-weight: 700;
                        font-size: 15px;
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        border: 1px solid var(--tdm-black);
                        transition:
                            background .25s ease,
                            border-color .25s ease,
                            transform .2s ease;
                    }

                    .tdm-hero-cta-primary:hover {
                        background: #d4a017;
                        border-color: #d4a017;
                        color: var(--tdm-white);
                        transform: translateY(-2px);
                    }

                    .tdm-hero-cta-secondary {
                        padding: 14px 22px;
                        border-radius: 8px;
                        font-weight: 700;
                        font-size: 15px;
                        border: 1.5px solid var(--tdm-ink);
                        color: var(--tdm-ink);
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        transition:
                            border-color .25s ease,
                            color .25s ease,
                            transform .2s ease;
                    }

                    .tdm-hero-cta-secondary:hover {
                        border-color: #d4a017;
                        color: #d4a017;
                        transform: translateY(-2px);
                    }


                    /* =========================================================
   RIGHT IMAGE
========================================================= */

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

                    .tdm-hero-image-wrap {
                        position: relative;
                        padding: 14px;
                    }

                    .tdm-hero-image-accent {
                        position: absolute;
                        width: 150px;
                        height: 150px;
                        right: -5px;
                        top: -8px;
                        border-top: 3px solid #d4a017;
                        border-right: 3px solid #d4a017;
                        border-radius: 0 18px 0 0;
                        z-index: 0;
                    }

                    .tdm-hero-image {
                        width: 100%;
                        height: 300px;
                        object-fit: cover;
                        display: block;
                        border-radius: 14px;
                        position: relative;
                        z-index: 1;
                        border: 1px solid var(--tdm-line);
                    }


                    /* =========================================================
   IMAGE INFO CARD
========================================================= */

                    .tdm-hero-image-card {
                        position: absolute;
                       left: 22px;
    bottom: -51px;
                        z-index: 3;

                        display: flex;
                        align-items: center;
                        gap: 12px;

                        padding: 13px 17px;

                        background: var(--tdm-black);
                        color: #ffffff;

                        border-left: 4px solid #d4a017;
                        border-radius: 8px;

                        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
                    }

                    .tdm-video-card-icon {
                        width: 36px;
                        height: 36px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 50%;
                        background: #d4a017;
                        color: #ffffff;
                        font-size: 13px;
                    }

                    .tdm-hero-image-card strong {
                        display: block;
                        font-size: 14px;
                        margin-bottom: 2px;
                    }

                    .tdm-hero-image-card span {
                        display: block;
                        font-size: 11px;
                        color: #d2d2d2;
                    }


                    /* =========================================================
   STATS
========================================================= */

                    .tdm-hero-strip {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 0;
                        border-top: 1px solid var(--tdm-line);
                        padding-top: 22px;
                        margin-top: 48px;
                    }

                    .tdm-hero-strip-item {
                        flex: 1 1 150px;
                        padding-right: 18px;
                        border-right: 1px solid var(--tdm-line);
                        margin-right: 18px;
                    }

                    .tdm-hero-strip-item:last-child {
                        border-right: none;
                        margin-right: 0;
                    }

                    .tdm-hero-strip-num {
                        font-family: 'Sora', sans-serif;
                        font-size: 26px;
                        font-weight: 800;
                        color: #d4a017;
                    }

                    .tdm-hero-strip-label {
                        font-size: 12.5px;
                        color: var(--tdm-ink-soft);
                        letter-spacing: .02em;
                    }


                    /* =========================================================
   TABLET
========================================================= */

                    @media (max-width: 1000px) {

                        .tdm-hero-grid {
                            grid-template-columns: 1fr;
                            gap: 40px;
                        }

                        .tdm-hero-content {
                            max-width: 850px;
                        }

                        .tdm-hero-visual {
                            max-width: 700px;
                            width: 100%;
                            margin: 0 auto;
                        }

                        .tdm-hero-image {
                            height: 360px;
                        }
                    }


                    /* =========================================================
   MOBILE
========================================================= */

                    @media (max-width: 768px) {

                        #tdm-hero-section {
                            padding: 44px 0 36px;
                        }

                        .tdm-hero-grid {
                            gap: 32px;
                        }

                        .tdm-hero-title {
                            font-size: 40px;
                        }

                        .tdm-hero-sub {
                            font-size: 16px;
                        }

                        .tdm-hero-description {
                            font-size: 14.5px;
                        }

                        .tdm-hero-highlights {
                            grid-template-columns: 1fr;
                        }

                        .tdm-hero-image {
                            height: 300px;
                        }

                        .tdm-hero-strip-item {
                            flex: 1 1 44%;
                            margin-bottom: 14px;
                            border-right: none;
                            padding-right: 0;
                        }
                    }


                    /* =========================================================
   SMALL MOBILE
========================================================= */

                    @media (max-width: 480px) {

                        .tdm-hero-title {
                            font-size: 34px;
                        }

                        .tdm-hero-kicker {
                            font-size: 10.5px;
                        }

                        .tdm-hero-actions {
                            flex-direction: column;
                        }

                        .tdm-hero-cta-primary,
                        .tdm-hero-cta-secondary {
                            width: 100%;
                            justify-content: center;
                        }

                        .tdm-hero-image {
                            height: 250px;
                        }

                        .tdm-hero-image-card {
                            left: 4px;
                            padding: 10px 12px;
                        }

                        .tdm-hero-strip-item {
                            flex: 1 1 100%;
                            padding-bottom: 10px;
                            border-bottom: 1px solid var(--tdm-line);
                            margin-bottom: 12px;
                        }
                    }


                    /* =========================================================
   SECTION 2 — DEFINITION / PRODUCTION vs EDITING SPLIT
   CYCLIC 2   (webdev-services-section style split layout)
========================================================= */
                    #tdm-definition-section {
                        background: var(--tdm-black);
                        padding: 64px 0;
                        color: var(--tdm-white);
                    }

                    .tdm-def-split {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        gap: 22px;
                        margin-top: 30px;
                    }

                    .tdm-def-panel {
                        background: #FFE28A;
                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 12px;
                        padding: 26px 24px;
                        position: relative;
                        transition: border-color .25s ease, transform .25s ease;
                    }

                    .tdm-def-panel:hover {
                        border-color: #d4a017;
                        transform: translateY(-4px);
                    }

                    .tdm-def-panel-tag {
                        font-size: 12px;
                        font-weight: 700;
                        letter-spacing: .1em;
                        text-transform: uppercase;
                        color: #d4a017;
                        margin-bottom: 10px;
                        display: block;
                    }

                    .tdm-def-panel h3 {
                        font-size: 21px;
                        color: #111111;
                        margin-bottom: 10px;
                        font-weight: 700;
                    }

                    .tdm-def-panel p {
                        text-align: justify;
                        color: #555555;
                        font-size: 15px;
                        line-height: 1.65;
                        margin: 0;
                    }

                    .tdm-def-note {
                        text-align: justify;
                        margin-top: 22px;
                        border-left: 3px solid #d4a017;
                        padding: 14px 18px;
                        background: rgba(132, 198, 21, .06);
                        border-radius: 0 8px 8px 0;
                        color: var(--tdm-dark-text);
                        font-size: 15px;
                        line-height: 1.65;
                    }

                    @media (max-width:768px) {
                        .tdm-def-split {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* =========================================================
   SECTION 3 — WHY VIDEO MARKETING MATTERS (icon blocks)
   CYCLIC 1
========================================================= */
                    #tdm-why-matters-section {
                        background: var(--tdm-white);
                        padding: 64px 0;
                    }

                    .tdm-why-grid {
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 18px;
                        margin-top: 32px;
                    }

                    .tdm-why-block {
                        padding: 22px 20px;
                        border: 1px solid var(--tdm-line);
                        border-radius: 10px;
                        background: #FFE28A;
                        transition: box-shadow .25s ease, border-color .25s ease;
                    }

                    .tdm-why-block:hover {
                        box-shadow: 0 10px 24px rgba(23, 26, 20, .08);
                        border-color: #d4a017;
                    }

                    .tdm-why-icon {
                        width: 42px;
                        height: 42px;
                        border-radius: 9px;
                        background: var(--tdm-black);
                        color: #d4a017;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 19px;
                        margin-bottom: 14px;
                        font-weight: 700;
                    }

                    .tdm-why-block h3 {
                        font-size: 17px;
                        font-weight: 700;
                        margin-bottom: 8px;
                    }

                    .tdm-why-block p {
                        text-align: justify;
                        font-size: 14.2px;
                        color: var(--tdm-ink-soft);
                        line-height: 1.6;
                        margin: 0;
                    }

                    .tdm-why-caveat {
                        text-align: justify;
                        margin-top: 26px;
                        font-size: 14.5px;
                        color: var(--tdm-ink-soft);
                        border-top: 1px dashed var(--tdm-line);
                        padding-top: 18px;
                        max-width: 760px;
                    }

                    @media (max-width:992px) {
                        .tdm-why-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .tdm-why-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* =========================================================
   SECTION 4 — OUR VIDEO MARKETING SERVICES (service cards)
   CYCLIC 2
========================================================= */
                    #tdm-services-section {
                        background: var(--tdm-black);
                        padding: 64px 0;
                        color: var(--tdm-white);
                    }

                    .tdm-services-grid {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 18px;
                        margin-top: 34px;
                    }

                    .tdm-service-card {
                        background: var(--tdm-dark-card);
                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 12px;
                        padding: 24px 22px;
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                        position: relative;
                        overflow: hidden;
                        transition: transform .25s ease;
                    }

                    .tdm-service-card::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        width: 3px;
                        background: #d4a017;
                        transform: scaleY(0);
                        transform-origin: top;
                        transition: transform .3s ease;
                    }

                    .tdm-service-card:hover::before {
                        transform: scaleY(1);
                    }

                    .tdm-service-card:hover {
                        transform: translateY(-5px);
                    }

                    .tdm-service-index {
                        font-family: 'Sora', sans-serif;
                        font-size: 13px;
                        color: #d4a017;
                        font-weight: 700;
                        letter-spacing: .08em;
                    }

                    .tdm-service-card h3 {
                        font-size: 18.5px;
                        font-weight: 700;
                        color: var(--tdm-white);
                        margin: 2px 0 6px;
                    }

                    .tdm-service-card p {
                        text-align: justify;
                        font-size: 14px;
                        line-height: 1.6;
                        color: var(--tdm-dark-text);
                        margin: 0;
                    }

                    .tdm-service-meta {
                        margin-top: auto;
                        padding-top: 12px;
                        border-top: 1px solid var(--tdm-dark-line);
                        font-size: 12.5px;
                        color: var(--tdm-dark-text);
                        display: flex;
                        flex-wrap: wrap;
                        gap: 6px 14px;
                    }

                    .tdm-service-meta b {
                        color: #d4a017;
                        font-weight: 700;
                    }

                    @media (max-width:992px) {
                        .tdm-services-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:576px) {
                        .tdm-services-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* =========================================================
   SECTION 5 — VIDEO FORMATS FOR BUSINESS GOALS
   CYCLIC 1 — DESIGN UPDATED ONLY
========================================================= */

                    #tdm-goals-section {
                        background: var(--tdm-white);
                        padding: 64px 0;
                    }


                    /* =========================================================
   GOALS GRID
========================================================= */

                    .tdm-goals-row {
                        margin-top: 38px;

                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 16px;
                    }


                    /* =========================================================
   GOAL CARD
========================================================= */

                    .tdm-goal-card {
                        position: relative;

                        min-height: 270px;

                        padding: 24px 21px 20px;

                        display: flex;
                        flex-direction: column;

                        background: #FFE28A;

                        border: 1px solid var(--tdm-line);
                        border-radius: 10px;

                        overflow: hidden;

                        transition:
                            transform .25s ease,
                            border-color .25s ease,
                            box-shadow .25s ease;
                    }


                    /* Left Accent */
                    .tdm-goal-card::before {
                        content: "";

                        position: absolute;
                        top: 0;
                        left: 0;

                        width: 4px;
                        height: 100%;

                        background: #d4a017;

                        transform: scaleY(.25);
                        transform-origin: center;

                        transition: transform .3s ease;
                    }


                    /* =========================================================
   GOAL LABEL
========================================================= */

                    .tdm-goal-label {
                        display: inline-flex;
                        align-items: center;

                        width: fit-content;

                        margin-bottom: 15px;

                        padding: 5px 9px;

                        font-size: 10.5px;
                        font-weight: 700;

                        text-transform: uppercase;
                        letter-spacing: .08em;

                        color: #d4a017;

                        border: 1px solid rgba(212, 160, 23, .35);
                        border-radius: 999px;
                    }


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

                    .tdm-goal-card h3 {
                        margin: 0 0 9px;

                        font-family: 'Sora', sans-serif;

                        font-size: 17px;
                        line-height: 1.35;

                        font-weight: 700;

                        color: var(--tdm-ink);
                    }


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

                    .tdm-goal-card p {
                        margin: 0;
                        text-align: justify;
                        font-size: 13.8px;
                        line-height: 1.65;

                        color: var(--tdm-ink-soft);

                        text-align: justify;
                    }


                    /* =========================================================
   WHERE / PLATFORM
========================================================= */

                    .tdm-goal-card .tdm-goal-where {
                        margin-top: auto;
                        padding-top: 17px;

                        font-size: 12px;
                        line-height: 1.4;

                        color: var(--tdm-ink);

                        font-weight: 600;

                        border-top: 1px solid var(--tdm-line);
                    }


                    /* =========================================================
   HOVER
========================================================= */

                    .tdm-goal-card:hover {

                        border-color: #d4a017;

                        transform: translateY(-6px);

                        box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
                    }

                    .tdm-goal-card:hover::before {
                        transform: scaleY(1);
                    }


                    /* =========================================================
   TABLET
========================================================= */

                    @media (max-width: 992px) {

                        .tdm-goals-row {
                            grid-template-columns: repeat(2, 1fr);
                            gap: 15px;
                        }

                        .tdm-goal-card {
                            min-height: 245px;
                        }

                    }


                    /* =========================================================
   MOBILE
========================================================= */

                    @media (max-width: 640px) {

                        #tdm-goals-section {
                            padding: 50px 0;
                        }

                        .tdm-goals-row {
                            grid-template-columns: 1fr;
                            gap: 13px;

                            margin-top: 30px;
                        }

                        .tdm-goal-card {
                            min-height: auto;

                            padding: 21px 19px 19px;
                        }

                        .tdm-goal-label {
                            margin-bottom: 13px;
                            font-size: 10px;
                        }

                        .tdm-goal-card h3 {
                            font-size: 16px;
                        }

                        .tdm-goal-card p {
                            font-size: 13.5px;
                            line-height: 1.6;
                        }

                        .tdm-goal-card .tdm-goal-where {
                            margin-top: 18px;
                            padding-top: 14px;
                        }

                    }

                    /* =========================================================
   SECTION 6 — PRODUCTION vs EDITING COMPARISON TABLE
   CYCLIC 2
========================================================= */
                    #tdm-comparison-section {
                        text-align: justify;
                        background: var(--tdm-black);
                        padding: 64px 0;
                        color: var(--tdm-white);
                    }

                    .tdm-compare-wrap {
                        margin-top: 30px;
                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 12px;
                        overflow: hidden;
                    }

                    .tdm-compare-table {
                        width: 100%;
                        border-collapse: collapse;
                        font-size: 14.5px;
                    }

                    .tdm-compare-table th,
                    .tdm-compare-table td {
                        padding: 15px 18px;
                        text-align: left;
                        border-bottom: 1px solid var(--tdm-dark-line);
                        vertical-align: top;
                    }

                    .tdm-compare-table thead th {
                        background: var(--tdm-dark-card);
                        color: #d4a017;
                        font-weight: 700;
                        font-size: 13px;
                        text-transform: uppercase;
                        letter-spacing: .05em;
                    }

                    .tdm-compare-table tbody th {
                        color: var(--tdm-white);
                        font-weight: 600;
                        width: 20%;
                        background: rgba(255, 255, 255, .02);
                    }

                    .tdm-compare-table tbody td {
                        color: var(--tdm-dark-text);
                    }

                    .tdm-compare-table tbody tr:last-child th,
                    .tdm-compare-table tbody tr:last-child td {
                        border-bottom: none;
                    }

                    .tdm-compare-table tbody tr:hover td,
                    .tdm-compare-table tbody tr:hover th {
                        background: rgba(132, 198, 21, .05);
                    }

                    @media (max-width:768px) {
                        .tdm-compare-wrap {
                            overflow-x: auto;
                        }

                        .tdm-compare-table {
                            min-width: 640px;
                        }
                    }

                    /* =========================================================
   SECTION 7 — VIDEO MARKETING PROCESS (numbered timeline)
   CYCLIC 1 — genuine sequence, numbering is appropriate
========================================================= */
                    #tdm-process-section {
                        background: var(--tdm-white);
                        padding: 64px 0;
                    }

                    .tdm-process-track {
                        margin-top: 34px;
                        position: relative;
                        display: grid;
                        grid-template-columns: repeat(5, 1fr);
                        gap: 16px 14px;
                    }

                    .tdm-process-track::before {
                        content: "";
                        grid-column: 1/-1;
                        display: none;
                    }

                    .tdm-process-step {
                        position: relative;
                        padding: 20px 16px 16px;
                        border: 1px solid var(--tdm-line);
                        border-radius: 10px;
                        background: #FFE28A;
                    }

                    .tdm-process-num {
                        font-family: 'Sora', sans-serif;
                        font-weight: 800;
                        font-size: 22px;
                        color: #d4a017;
                        margin-bottom: 8px;
                    }

                    .tdm-process-step h4 {
                        font-size: 14.5px;
                        font-weight: 700;
                        margin-bottom: 6px;
                    }

                    .tdm-process-step p {
                        text-align: justify;
                        font-size: 12.8px;
                        color: var(--tdm-ink-soft);
                        line-height: 1.55;
                        margin: 0;
                    }

                    .tdm-process-note {
                        margin-top: 22px;
                        font-size: 14.5px;
                        color: var(--tdm-ink-soft);
                        border-top: 1px dashed var(--tdm-line);
                        padding-top: 16px;
                    }

                    @media (max-width:992px) {
                        .tdm-process-track {
                            grid-template-columns: repeat(3, 1fr);
                        }
                    }

                    @media (max-width:576px) {
                        .tdm-process-track {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:400px) {
                        .tdm-process-track {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* =========================================================
   SECTION 8 — PLATFORM FORMAT GUIDE
   CYCLIC 2 — NEW DESIGN ONLY
========================================================= */

                    #tdm-platform-section {
                        background: var(--tdm-black);
                        padding: 64px 0;
                        color: var(--tdm-white);
                    }

                    /* Heading area */
                    #tdm-platform-section .tdm-section-eyebrow {
                        display: block;
                        margin-bottom: 12px;
                    }

                    #tdm-platform-section .tdm-section-heading {
                        max-width: 780px;
                    }

                    #tdm-platform-section .tdm-section-lede {
                        max-width: 700px;
                    }

                    /* Platform Grid */
                    .tdm-platform-list {
                        margin-top: 38px;
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 16px;
                        background: transparent;
                        border: 0;
                        border-radius: 0;
                        overflow: visible;
                    }

                    /* Individual Card */
                    .tdm-platform-row {
                        position: relative;
                        min-height: 185px;
                        padding: 25px 24px 23px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        gap: 25px;

                        background: var(--tdm-dark-card);
                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 10px;

                        overflow: hidden;
                        transition:
                            transform .25s ease,
                            border-color .25s ease,
                            box-shadow .25s ease;
                    }

                    /* Accent line */
                    .tdm-platform-row::before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 3px;
                        background: var(--tdm-green);
                        transform: scaleX(0);
                        transform-origin: left;
                        transition: transform .3s ease;
                    }

                    /* Platform number */
                    .tdm-platform-row::after {
                        content: "FORMAT";
                        position: absolute;
                        top: 18px;
                        right: 20px;

                        font-family: 'Sora', sans-serif;
                        font-size: 9px;
                        font-weight: 700;
                        letter-spacing: 1.4px;

                        color: var(--tdm-dark-text);
                        opacity: .45;
                    }

                    /* Platform Name */
                    .tdm-platform-name {
                        position: relative;
                        z-index: 1;

                        font-family: 'Sora', sans-serif;
                        font-weight: 700;
                        font-size: 18px;
                        line-height: 1.3;

                        color: #d4a017;

                        padding-right: 60px;
                    }

                    /* Description */
                    .tdm-platform-desc {
                        position: relative;
                        z-index: 1;

                        font-size: 14px;
                        line-height: 1.65;
                        color: var(--tdm-dark-text);

                        text-align: justify;
                    }

                    /* Hover */
                    .tdm-platform-row:hover {
                        transform: translateY(-5px);
                        border-color: var(--tdm-green);
                        box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
                    }

                    .tdm-platform-row:hover::before {
                        transform: scaleX(1);
                    }


                    /* =========================================================
   TABLET
========================================================= */

                    @media (max-width: 900px) {

                        .tdm-platform-list {
                            grid-template-columns: repeat(2, 1fr);
                        }

                    }


                    /* =========================================================
   MOBILE
========================================================= */

                    @media (max-width: 640px) {

                        #tdm-platform-section {
                            padding: 50px 0;
                        }

                        .tdm-platform-list {
                            grid-template-columns: 1fr;
                            gap: 14px;
                            margin-top: 30px;
                        }

                        .tdm-platform-row {
                            min-height: auto;
                            padding: 22px 20px;
                            gap: 18px;
                        }

                        .tdm-platform-name {
                            font-size: 17px;
                            padding-right: 55px;
                        }

                        .tdm-platform-desc {
                            font-size: 13.5px;
                            line-height: 1.6;
                        }

                    }

                    /* =========================================================
   SECTION 9 — WHAT MAKES A VIDEO EFFECTIVE
   CYCLIC 1 — DESIGN UPDATED ONLY
========================================================= */

                    #tdm-effective-section {
                        background: var(--tdm-white);
                        padding: 64px 0;
                    }

                    /* Checklist Grid */
                    .tdm-checklist {
                        margin-top: 38px;
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 18px;
                    }

                    /* Individual Card */
                    .tdm-check-item {
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 20px;

                        min-height: 190px;
                        padding: 24px 22px;

                        background: #FFE28A;
                        border: 1px solid var(--tdm-line);
                        border-radius: 10px;

                        overflow: hidden;

                        transition:
                            transform .25s ease,
                            border-color .25s ease,
                            box-shadow .25s ease;
                    }

                    /* Small top accent */
                    .tdm-check-item::before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;

                        width: 100%;
                        height: 3px;

                        background: #d4a017;

                        transform: scaleX(0);
                        transform-origin: left;

                        transition: transform .3s ease;
                    }

                    /* Check Icon */
                    .tdm-check-mark {
                        flex: 0 0 auto;

                        width: 38px;
                        height: 38px;

                        border-radius: 8px;

                        background: #d4a017;
                        color: var(--tdm-black);

                        display: flex;
                        align-items: center;
                        justify-content: center;

                        font-weight: 800;
                        font-size: 17px;

                        transition:
                            transform .25s ease,
                            border-radius .25s ease;
                    }

                    /* Content */
                    .tdm-check-item p {
                        margin: 0;

                        font-size: 14.5px;
                        line-height: 1.65;

                        color: var(--tdm-ink-soft);

                        text-align: justify;
                    }

                    .tdm-check-item p b {
                        color: var(--tdm-ink);
                    }

                    /* Hover */
                    .tdm-check-item:hover {
                        transform: translateY(-5px);
                        border-color: #d4a017;
                        box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
                    }

                    .tdm-check-item:hover::before {
                        transform: scaleX(1);
                    }

                    .tdm-check-item:hover .tdm-check-mark {
                        transform: rotate(4deg);
                        border-radius: 50%;
                    }


                    /* =========================================================
   TABLET
========================================================= */

                    @media (max-width: 900px) {

                        .tdm-checklist {
                            grid-template-columns: repeat(2, 1fr);
                            gap: 16px;
                        }

                    }


                    /* =========================================================
   MOBILE
========================================================= */

                    @media (max-width: 640px) {

                        #tdm-effective-section {
                            padding: 50px 0;
                        }

                        .tdm-checklist {
                            grid-template-columns: 1fr;
                            gap: 14px;
                            margin-top: 30px;
                        }

                        .tdm-check-item {
                            min-height: auto;
                            padding: 21px 19px;
                            gap: 16px;
                        }

                        .tdm-check-mark {
                            width: 34px;
                            height: 34px;
                            font-size: 15px;
                        }

                        .tdm-check-item p {
                            font-size: 13.5px;
                            line-height: 1.6;
                        }

                    }

                    /* =========================================================
   SECTION 10 — VIDEO SEO
   CYCLIC 2 — DESIGN UPDATED ONLY
========================================================= */

                    #tdm-seo-section {
                        background: var(--tdm-black);
                        padding: 64px 0;
                        color: var(--tdm-white);
                    }


                    /* =========================================================
   SEO GRID
========================================================= */

                    .tdm-seo-grid {
                        margin-top: 38px;

                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 14px;
                    }


                    /* =========================================================
   SEO TILE
========================================================= */

                    .tdm-seo-tile {
                        position: relative;

                        min-height: 175px;
                        padding: 22px 21px 21px;

                        background: var(--tdm-dark-card);

                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 10px;

                        overflow: hidden;

                        transition:
                            transform .25s ease,
                            border-color .25s ease,
                            box-shadow .25s ease;
                    }


                    /* Top Accent */
                    .tdm-seo-tile::before {
                        content: "";

                        position: absolute;
                        top: 0;
                        left: 0;

                        width: 100%;
                        height: 3px;

                        background: #d4a017;

                        transform: scaleX(0);
                        transform-origin: left;

                        transition: transform .3s ease;
                    }


                    /* Small Number */
                    .tdm-seo-tile::after {
                        position: absolute;

                        top: 17px;
                        right: 18px;

                        font-family: 'Sora', sans-serif;
                        font-size: 10px;
                        font-weight: 700;

                        letter-spacing: .08em;

                        color: var(--tdm-dark-text);

                        opacity: .45;
                    }


                    /* Individual Numbers */
                    .tdm-seo-tile:nth-child(1)::after {
                        content: "01";
                    }

                    .tdm-seo-tile:nth-child(2)::after {
                        content: "02";
                    }

                    .tdm-seo-tile:nth-child(3)::after {
                        content: "03";
                    }

                    .tdm-seo-tile:nth-child(4)::after {
                        content: "04";
                    }

                    .tdm-seo-tile:nth-child(5)::after {
                        content: "05";
                    }

                    .tdm-seo-tile:nth-child(6)::after {
                        content: "06";
                    }

                    .tdm-seo-tile:nth-child(7)::after {
                        content: "07";
                    }


                    /* =========================================================
   ICON
========================================================= */

                    .tdm-seo-tile-icon {
                        width: 38px;
                        height: 38px;

                        margin-bottom: 18px;

                        border-radius: 8px;

                        border: 1px solid #d4a017;
                        color: #d4a017;

                        display: flex;
                        align-items: center;
                        justify-content: center;

                        font-size: 15px;
                        font-weight: 800;

                        transition:
                            transform .25s ease,
                            border-radius .25s ease;
                    }


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

                    .tdm-seo-tile h4 {
                        margin: 0 0 7px;

                        font-family: 'Sora', sans-serif;

                        font-size: 14.8px;
                        line-height: 1.4;

                        font-weight: 700;

                        color: var(--tdm-white);
                    }


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

                    .tdm-seo-tile p {
                        margin: 0;

                        font-size: 13px;
                        line-height: 1.6;

                        color: var(--tdm-dark-text);

                        text-align: justify;
                    }


                    /* =========================================================
   HOVER
========================================================= */

                    .tdm-seo-tile:hover {
                        transform: translateY(-5px);

                        border-color: #d4a017;

                        box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
                    }

                    .tdm-seo-tile:hover::before {
                        transform: scaleX(1);
                    }

                    .tdm-seo-tile:hover .tdm-seo-tile-icon {
                        transform: rotate(4deg);
                        border-radius: 50%;
                    }


                    /* =========================================================
   SEO LIMIT NOTE
========================================================= */

                    .tdm-seo-limit {
                        position: relative;

                        margin-top: 24px;

                        padding: 15px 18px 15px 20px;

                        font-size: 13.5px;
                        line-height: 1.65;

                        color: var(--tdm-dark-text);

                        border: 1px solid var(--tdm-dark-line);
                        border-left: 3px solid #d4a017;

                        background: var(--tdm-dark-card);

                        border-radius: 0 8px 8px 0;
                    }


                    /* =========================================================
   TABLET
========================================================= */

                    @media (max-width: 992px) {

                        .tdm-seo-grid {
                            grid-template-columns: repeat(2, 1fr);
                            gap: 14px;
                        }

                    }


                    /* =========================================================
   MOBILE
========================================================= */

                    @media (max-width: 640px) {

                        #tdm-seo-section {
                            padding: 50px 0;
                        }

                        .tdm-seo-grid {
                            grid-template-columns: 1fr;
                            gap: 12px;

                            margin-top: 30px;
                        }

                        .tdm-seo-tile {
                            min-height: auto;
                            padding: 20px;
                        }

                        .tdm-seo-tile-icon {
                            width: 35px;
                            height: 35px;
                            margin-bottom: 15px;
                        }

                        .tdm-seo-tile h4 {
                            font-size: 14.5px;
                        }

                        .tdm-seo-tile p {
                            font-size: 13px;
                            line-height: 1.6;
                        }

                        .tdm-seo-limit {
                            font-size: 12.8px;
                            padding: 14px 15px 14px 17px;
                        }

                    }

                    /* =========================================================
   SECTION 11 — MEASURING PERFORMANCE (metric objective blocks)
   CYCLIC 1
========================================================= */
                    #tdm-metrics-section {
                        background: var(--tdm-white);
                        padding: 64px 0;
                    }

                    .tdm-metrics-grid {
                        margin-top: 30px;
                        display: grid;
                        grid-template-columns: repeat(5, 1fr);
                        gap: 14px;
                    }

                    .tdm-metric-card {
                        border-top: 3px solid #d4a017;
                        background: #FFE28A;
                        padding: 18px 16px;
                        border-radius: 0 0 8px 8px;
                    }

                    .tdm-metric-card h4 {
                        font-size: 14.5px;
                        font-weight: 700;
                        margin-bottom: 8px;
                    }

                    .tdm-metric-card p {
                        font-size: 12.6px;
                        text-align: justify;
                        color: var(--tdm-ink-soft);
                        line-height: 1.55;
                        margin: 0;
                    }

                    .tdm-metrics-caveat {
                        margin-top: 24px;
                        font-size: 14.5px;
                        color: var(--tdm-ink-soft);
                        max-width: 760px;
                    }

                    @media (max-width:992px) {
                        .tdm-metrics-grid {
                            grid-template-columns: repeat(3, 1fr);
                        }
                    }

                    @media (max-width:576px) {
                        .tdm-metrics-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:400px) {
                        .tdm-metrics-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* =========================================================
   SECTION 12 — COST FACTORS
   CYCLIC 2
========================================================= */
                    #tdm-cost-section {
                        background: var(--tdm-black);
                        padding: 64px 0;
                        color: var(--tdm-white);
                    }

                    .tdm-cost-list {
                        margin-top: 30px;
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        gap: 12px 24px;
                    }

                    .tdm-cost-row {
                        display: flex;
                        justify-content: space-between;
                        gap: 16px;
                        padding: 14px 16px;
                        background: var(--tdm-dark-card);
                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 8px;
                        transition: border-color .2s ease;
                    }

                    .tdm-cost-row:hover {
                        border-color: #d4a017;
                    }

                    .tdm-cost-row-title {
                        font-weight: 700;
                        font-size: 14px;
                        color: var(--tdm-white);
                        flex: 0 0 42%;
                    }

                    .tdm-cost-row-desc {
                        font-size: 13px;
                        color: var(--tdm-dark-text);
                        line-height: 1.55;
                    }

                    .tdm-cost-package-note {
                        margin-top: 24px;
                        font-size: 14.5px;
                        color: var(--tdm-dark-text);
                        border-left: 3px solid #d4a017;
                        padding: 12px 16px;
                        background: rgba(132, 198, 21, .06);
                        border-radius: 0 8px 8px 0;
                    }

                    @media (max-width:768px) {
                        .tdm-cost-list {
                            grid-template-columns: 1fr;
                        }

                        .tdm-cost-row {
                            flex-direction: column;
                            gap: 4px;
                        }
                    }

                    /* =========================================================
   SECTION 13 — INDUSTRIES GRID
   CYCLIC 1
========================================================= */
                    #tdm-industries-section {
                        background: var(--tdm-white);
                        padding: 64px 0;
                    }

                    .tdm-industries-grid {
                        margin-top: 30px;
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 14px;
                    }

                    .tdm-industry-chip {
                        text-align: justify;
                        padding: 18px 16px;
                        border: 1px solid var(--tdm-line);
                        border-radius: 10px;
                        background: #FFE28A;
                        transition: transform .2s ease, box-shadow .2s ease;
                    }

                    .tdm-industry-chip:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 8px 18px rgba(23, 26, 20, .09);
                    }

                    .tdm-industry-chip h4 {
                        font-size: 14.5px;
                        font-weight: 700;
                        margin-bottom: 6px;
                        color: #d4a017;
                    }

                    .tdm-industry-chip p {
                        font-size: 12.8px;
                        color: var(--tdm-ink-soft);
                        line-height: 1.55;
                        margin: 0;
                    }

                    @media (max-width:992px) {
                        .tdm-industries-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }

                    @media (max-width:480px) {
                        .tdm-industries-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    /* =========================================================
   SECTION 14 — LOCAL CONTEXT
   CYCLIC 2 — DESIGN UPDATED ONLY
========================================================= */

                    #tdm-local-section {
                        background: var(--tdm-black);
                        padding: 64px 0;
                        color: var(--tdm-white);
                    }

                    /* Main Local Layout */
                    .tdm-local-layout {
                        margin-top: 38px;

                        display: grid;
                        grid-template-columns: 1fr;
                        gap: 20px;
                    }

                    /* Local Copy Panel */
                    .tdm-local-copy {
                        position: relative;

                        padding: 30px 32px;

                        background: var(--tdm-dark-card);
                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 12px;

                        overflow: hidden;
                    }

                    /* Left Accent Line */
                    .tdm-local-copy::before {
                        content: "";

                        position: absolute;
                        left: 0;
                        top: 0;
                        bottom: 0;

                        width: 4px;

                        background: #d4a017;

                        transform: scaleY(.25);
                        transform-origin: center;

                        transition: transform .3s ease;
                    }

                    /* Paragraph */
                    .tdm-local-copy p {
                        margin: 0 0 18px;

                        font-size: 15px;
                        line-height: 1.75;

                        color: var(--tdm-dark-text);

                        text-align: justify;
                    }

                    .tdm-local-copy p:last-child {
                        margin-bottom: 0;
                    }

                    /* Highlight second paragraph */
                    .tdm-local-copy p:last-child {
                        padding-top: 18px;

                        border-top: 1px solid var(--tdm-dark-line);

                        color: var(--tdm-white);
                    }

                    /* Hover */
                    .tdm-local-copy:hover {
                        border-color: #d4a017;
                    }

                    .tdm-local-copy:hover::before {
                        transform: scaleY(1);
                    }


                    /* =========================================================
   OPTIONAL AREA PANEL
   Works automatically if .tdm-local-areas exists
========================================================= */

                    .tdm-local-areas {
                        position: relative;

                        background: var(--tdm-dark-card);
                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 12px;

                        padding: 24px 26px;

                        transition:
                            transform .25s ease,
                            border-color .25s ease;
                    }

                    .tdm-local-areas h4 {
                        margin: 0 0 16px;

                        font-size: 13px;
                        text-transform: uppercase;
                        letter-spacing: .08em;

                        color: #d4a017;
                        font-weight: 700;
                    }

                    .tdm-area-tags {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 9px;
                    }

                    .tdm-area-tag {
                        font-size: 12.5px;
                        line-height: 1;

                        padding: 8px 13px;

                        border-radius: 999px;

                        border: 1px solid var(--tdm-dark-line);
                        color: var(--tdm-dark-text);

                        transition:
                            border-color .2s ease,
                            color .2s ease,
                            transform .2s ease;
                    }

                    .tdm-area-tag:hover {
                        border-color: #d4a017;
                        color: #d4a017;
                        transform: translateY(-2px);
                    }


                    /* =========================================================
   TABLET
========================================================= */

                    @media (max-width: 900px) {

                        .tdm-local-layout {
                            grid-template-columns: 1fr;
                            gap: 16px;
                        }

                        .tdm-local-copy {
                            padding: 26px 28px;
                        }

                    }


                    /* =========================================================
   MOBILE
========================================================= */

                    @media (max-width: 640px) {

                        #tdm-local-section {
                            padding: 50px 0;
                        }

                        .tdm-local-layout {
                            margin-top: 30px;
                        }

                        .tdm-local-copy {
                            padding: 22px 20px 22px 24px;
                            border-radius: 10px;
                        }

                        .tdm-local-copy p {
                            font-size: 13.5px;
                            line-height: 1.65;
                        }

                        .tdm-local-copy p:last-child {
                            padding-top: 16px;
                        }

                        .tdm-local-areas {
                            padding: 20px;
                        }

                    }

                    /* =========================================================
   SECTION 15 — HOW TO CHOOSE AN AGENCY
   CYCLIC 1 — DESIGN UPDATED ONLY
========================================================= */

                    #tdm-choose-agency-section {
                        background: var(--tdm-white);
                        padding: 64px 0;
                    }

                    /* Criteria Grid */
                    .tdm-criteria-list {
                        margin-top: 38px;

                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 18px;

                        border: 0;
                    }

                    /* Criteria Card */
                    .tdm-criteria-item {
                        position: relative;

                        display: flex;
                        flex-direction: column;
                        gap: 18px;

                        min-height: 185px;
                        padding: 24px 22px;

                        background: #FFE28A;
                        border: 1px solid var(--tdm-line);
                        border-radius: 10px;

                        overflow: hidden;

                        transition:
                            transform .25s ease,
                            border-color .25s ease,
                            box-shadow .25s ease;
                    }

                    /* Top Accent */
                    .tdm-criteria-item::before {
                        content: "";

                        position: absolute;
                        top: 0;
                        left: 0;

                        width: 100%;
                        height: 3px;

                        background: #d4a017;

                        transform: scaleX(0);
                        transform-origin: left;

                        transition: transform .3s ease;
                    }

                    /* Question Mark */
                    .tdm-criteria-q {
                        width: 38px;
                        height: 38px;

                        display: flex;
                        align-items: center;
                        justify-content: center;

                        flex: 0 0 auto;

                        border-radius: 8px;

                        background: #d4a017;
                        color: var(--tdm-black);

                        font-family: 'Sora', sans-serif;
                        font-weight: 800;
                        font-size: 18px;

                        transition:
                            transform .25s ease,
                            border-radius .25s ease;
                    }

                    /* Heading */
                    .tdm-criteria-item h4 {
                        margin: 0 0 7px;

                        font-family: 'Sora', sans-serif;
                        font-size: 15.5px;
                        line-height: 1.35;
                        font-weight: 700;

                        color: var(--tdm-ink);
                    }

                    /* Description */
                    .tdm-criteria-item p {
                        margin: 0;

                        font-size: 13.8px;
                        line-height: 1.6;

                        color: var(--tdm-ink-soft);

                        text-align: justify;
                    }

                    /* Hover */
                    .tdm-criteria-item:hover {
                        transform: translateY(-5px);

                        border-color: #d4a017;

                        box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
                    }

                    .tdm-criteria-item:hover::before {
                        transform: scaleX(1);
                    }

                    .tdm-criteria-item:hover .tdm-criteria-q {
                        transform: rotate(5deg);
                        border-radius: 50%;
                    }


                    /* =========================================================
   TABLET
========================================================= */

                    @media (max-width: 900px) {

                        .tdm-criteria-list {
                            grid-template-columns: repeat(2, 1fr);
                            gap: 16px;
                        }

                    }


                    /* =========================================================
   MOBILE
========================================================= */

                    @media (max-width: 640px) {

                        #tdm-choose-agency-section {
                            padding: 50px 0;
                        }

                        .tdm-criteria-list {
                            grid-template-columns: 1fr;
                            gap: 14px;
                            margin-top: 30px;
                        }

                        .tdm-criteria-item {
                            min-height: auto;
                            padding: 21px 19px;
                            gap: 15px;
                        }

                        .tdm-criteria-q {
                            width: 34px;
                            height: 34px;
                            font-size: 16px;
                        }

                        .tdm-criteria-item h4 {
                            font-size: 15px;
                        }

                        .tdm-criteria-item p {
                            font-size: 13.5px;
                            line-height: 1.6;
                        }

                    }

                    /* =========================================================
   SECTION 16 — WHY TRICHY DIGITAL MARKETING
   CYCLIC 2 — DESIGN UPDATED ONLY
========================================================= */

                    #tdm-why-us-section {
                        background: var(--tdm-black);
                        padding: 64px 0;
                        color: var(--tdm-white);
                    }


                    /* =========================================================
   STATS — DASHBOARD STYLE
========================================================= */

                    .tdm-stats-grid {
                        margin-top: 38px;
                        margin-bottom: 34px;

                        display: grid;
                        grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
                        gap: 12px;
                    }

                    /* Stat Card */
                    .tdm-stat-card {
                        position: relative;

                        min-height: 125px;
                        padding: 22px 16px;

                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;

                        text-align: center;

                        background: var(--tdm-dark-card);
                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 10px;

                        overflow: hidden;

                        transition:
                            transform .25s ease,
                            border-color .25s ease,
                            box-shadow .25s ease;
                    }

                    /* Top accent */
                    .tdm-stat-card::before {
                        content: "";

                        position: absolute;
                        top: 0;
                        left: 0;

                        width: 100%;
                        height: 3px;

                        background: #d4a017;

                        transform: scaleX(0);
                        transform-origin: center;

                        transition: transform .3s ease;
                    }

                    /* Number */
                    .tdm-stat-num {
                        font-family: 'Sora', sans-serif;

                        font-size: 30px;
                        line-height: 1;

                        font-weight: 800;

                        color: #d4a017;

                        transition: transform .25s ease;
                    }

                    /* Label */
                    .tdm-stat-label {
                        margin-top: 9px;

                        font-size: 12px;
                        line-height: 1.4;

                        color: var(--tdm-dark-text);
                    }

                    /* Stat Hover */
                    .tdm-stat-card:hover {
                        transform: translateY(-5px);

                        border-color: #d4a017;

                        box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
                    }

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

                    .tdm-stat-card:hover .tdm-stat-num {
                        transform: scale(1.06);
                    }


                    /* =========================================================
   WHY US POINTS
========================================================= */

                    .tdm-why-points {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 14px;
                    }

                    /* Point Card */
                    .tdm-why-point {
                        position: relative;

                        padding: 21px 22px 21px 25px;

                        background: var(--tdm-dark-card);

                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 10px;

                        overflow: hidden;

                        transition:
                            transform .25s ease,
                            border-color .25s ease;
                    }

                    /* Left accent */
                    .tdm-why-point::before {
                        content: "";

                        position: absolute;
                        top: 0;
                        left: 0;

                        width: 3px;
                        height: 100%;

                        background: #d4a017;

                        transform: scaleY(.35);
                        transform-origin: center;

                        transition: transform .3s ease;
                    }

                    /* Heading */
                    .tdm-why-point h4 {
                        margin: 0 0 7px;

                        font-size: 14.5px;
                        line-height: 1.4;

                        font-weight: 700;

                        color: var(--tdm-white);
                    }

                    /* Description */
                    .tdm-why-point p {
                        margin: 0;

                        font-size: 13px;
                        line-height: 1.6;

                        color: var(--tdm-dark-text);

                        text-align: justify;
                    }

                    /* Hover */
                    .tdm-why-point:hover {
                        transform: translateY(-4px);
                        border-color: #d4a017;
                    }

                    .tdm-why-point:hover::before {
                        transform: scaleY(1);
                    }


                    /* =========================================================
   HONESTY NOTE
========================================================= */

                    .tdm-honesty-note {
                        position: relative;

                        margin-top: 22px;
                        padding: 15px 18px;

                        font-size: 13px;
                        line-height: 1.6;

                        color: var(--tdm-dark-text);
                        font-style: italic;

                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 8px;

                        background: var(--tdm-dark-card);
                    }


                    /* =========================================================
   TABLET
========================================================= */

                    @media (max-width: 992px) {

                        .tdm-stats-grid {
                            grid-template-columns: repeat(3, 1fr);
                            gap: 14px;
                        }

                        .tdm-why-points {
                            grid-template-columns: repeat(2, 1fr);
                        }

                    }


                    /* =========================================================
   MOBILE
========================================================= */

                    @media (max-width: 640px) {

                        #tdm-why-us-section {
                            padding: 50px 0;
                        }

                        .tdm-stats-grid {
                            margin-top: 30px;

                            grid-template-columns: repeat(2, 1fr);
                            gap: 12px;
                        }

                        .tdm-stat-card {
                            min-height: 110px;
                            padding: 20px 10px;
                        }

                        .tdm-stat-num {
                            font-size: 25px;
                        }

                        .tdm-stat-label {
                            font-size: 11.5px;
                        }

                        .tdm-why-points {
                            grid-template-columns: 1fr;
                            gap: 12px;
                        }

                        .tdm-why-point {
                            padding: 19px 18px 19px 22px;
                        }

                        .tdm-why-point h4 {
                            font-size: 14px;
                        }

                        .tdm-why-point p {
                            font-size: 13px;
                        }

                        .tdm-honesty-note {
                            font-size: 12.5px;
                            padding: 14px 15px;
                        }

                    }

                    /* =========================================================
   SECTION 17 — FAQ (accordion)
   CYCLIC 1
========================================================= */
                    #tdm-faq-section {
                        background: var(--tdm-white);
                        padding: 64px 0;
                    }

                    .tdm-faq-accordion {
                        margin-top: 30px;
                    }

                    .tdm-faq-item {
                        border-bottom: 1px solid var(--tdm-line);
                    }

                    .tdm-faq-question {
                        width: 100%;
                        text-align: left;
                        background: none;
                        border: none;
                        padding: 18px 4px;
                        font-size: 15.5px;
                        font-weight: 700;
                        color: var(--tdm-ink);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        gap: 14px;
                        cursor: pointer;
                    }

                    .tdm-faq-question:hover {
                        color: #d4a017;
                    }

                    .tdm-faq-plus {
                        font-size: 20px;
                        color: #d4a017;
                        transition: transform .25s ease;
                        flex: 0 0 auto;
                    }

                    .tdm-faq-question[aria-expanded="true"] .tdm-faq-plus {
                        transform: rotate(45deg);
                    }

                    .tdm-faq-answer {
                        max-height: 0;
                        overflow: hidden;
                        transition: max-height .3s ease, padding .3s ease;
                        padding: 0 4px;
                    }

                    .tdm-faq-answer p {
                        font-size: 14.3px;
                        color: var(--tdm-ink-soft);
                        line-height: 1.65;
                        margin: 0 0 16px;
                    }

                    .tdm-faq-answer.tdm-faq-open {
                        max-height: 400px;
                    }

                    /* =========================================================
   SECTION 18 — GET STARTED / FINAL CTA
   CYCLIC 2
========================================================= */
                    #tdm-cta-section {
                        background: var(--tdm-black);
                        padding: 70px 0 64px;
                        color: var(--tdm-white);
                        position: relative;
                        overflow: hidden;
                    }

                    .tdm-cta-glow {
                        position: absolute;
                        bottom: -140px;
                        left: -100px;
                        width: 420px;
                        height: 420px;
                        background: radial-gradient(circle, rgba(132, 198, 21, .18) 0%, rgba(132, 198, 21, 0) 70%);
                        pointer-events: none;
                    }

                    .tdm-cta-inner {
                        display: grid;
                        grid-template-columns: 1.2fr .8fr;
                        gap: 30px;
                        align-items: center;
                    }

                    .tdm-cta-inner h2 {
                        font-size: 34px;
                        font-weight: 800;
                        margin-bottom: 12px;
                    }

                    .tdm-cta-inner p {
                        font-size: 15.5px;
                        color: var(--tdm-dark-text);
                        line-height: 1.65;
                        max-width: 520px;
                    }

                    .tdm-cta-panel {
                        background: var(--tdm-dark-card);
                        border: 1px solid var(--tdm-dark-line);
                        border-radius: 12px;
                        padding: 26px;
                    }

                    .tdm-cta-row {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding: 12px 0;
                        border-bottom: 1px solid var(--tdm-dark-line);
                        font-size: 14.5px;
                    }

                    .tdm-cta-row:last-child {
                        border-bottom: none;
                    }

                    .tdm-cta-row span:first-child {
                        color: var(--tdm-dark-text);
                    }

                    .tdm-cta-row a,
                    .tdm-cta-row b {
                        color: #d4a017;
                        font-weight: 700;
                    }

                    .tdm-cta-btn {
                        display: inline-block;
                        width: 100%;
                        text-align: center;
                        margin-top: 16px;
                        background: #d4a017;
                        color: var(--tdm-black);
                        font-weight: 800;
                        padding: 14px;
                        border-radius: 8px;
                        transition: background .2s ease;
                    }

                    .tdm-cta-btn:hover {
                        background: var(--tdm-white);
                        color: var(--tdm-black);
                    }

                    @media (max-width:900px) {
                        .tdm-cta-inner {
                            grid-template-columns: 1fr;
                        }
                    }

                    .tdm-container {
                        max-width: 1140px;
                        margin: 0 auto;
                        padding: 0 20px;
                    }
                



                    
                        /* =========================================================
   SECTION 15 — HOW TO CHOOSE A VIDEO MARKETING AGENCY
   CYCLIC 1
========================================================= */

                        #tdm-choose-agency-section {
                            background: var(--tdm-white);
                            padding: 70px 0;
                        }


                        /* =========================================================
   HEADER
========================================================= */

                        .tdm-agency-header {
                            max-width: 900px;
                        }


                        /* =========================================================
   CRITERIA GRID
========================================================= */

                        .tdm-criteria-grid {
                            margin-top: 36px;

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

                            gap: 16px;
                        }


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

                        .tdm-criteria-card {
                            position: relative;

                            min-height: 215px;

                            padding: 22px;

                            background: #FFE28A;

                            border: 1px solid var(--tdm-line);
                            border-radius: 12px;

                            overflow: hidden;

                            transition:
                                transform .28s ease,
                                border-color .28s ease,
                                box-shadow .28s ease;
                        }


                        /* Small accent line */

                        .tdm-criteria-card::after {
                            content: "";

                            position: absolute;

                            left: 22px;
                            bottom: 0;

                            width: 0;
                            height: 3px;

                            background: #d4a017;

                            transition: width .3s ease;
                        }


                        /* =========================================================
   CARD TOP
========================================================= */

                        .tdm-criteria-top {
                            display: flex;

                            align-items: center;
                            justify-content: space-between;

                            margin-bottom: 20px;
                        }


                        /* Number */

                        .tdm-criteria-number {
                            font-family: 'Sora', sans-serif;

                            font-size: 11px;
                            font-weight: 800;

                            letter-spacing: .08em;

                            color: var(--tdm-ink-soft);
                        }


                        /* =========================================================
   ICON
========================================================= */

                        .tdm-criteria-icon {
                            width: 42px;
                            height: 42px;

                            display: flex;
                            align-items: center;
                            justify-content: center;

                            border: 1px solid var(--tdm-line);
                            border-radius: 10px;

                            color: #d4a017;

                            background: var(--tdm-white);

                            transition:
                                background .28s ease,
                                color .28s ease,
                                border-color .28s ease,
                                transform .28s ease;
                        }

                        .tdm-criteria-icon svg {
                            width: 21px;
                            height: 21px;
                        }


                        /* =========================================================
   CARD CONTENT
========================================================= */

                        .tdm-criteria-card h3 {
                            margin: 0 0 9px;

                            font-family: 'Sora', sans-serif;

                            font-size: 16px;
                            line-height: 1.4;

                            font-weight: 700;

                            color: var(--tdm-ink);
                        }

                        .tdm-criteria-card p {
                            margin: 0;

                            font-size: 13.5px;
                            line-height: 1.65;

                            color: var(--tdm-ink-soft);

                            text-align: justify;
                        }


                        /* =========================================================
   HOVER
========================================================= */

                        .tdm-criteria-card:hover {
                            transform: translateY(-6px);

                            border-color: #d4a017;

                            box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
                        }

                        .tdm-criteria-card:hover::after {
                            width: calc(100% - 44px);
                        }

                        .tdm-criteria-card:hover .tdm-criteria-icon {
                            background: #d4a017;

                            border-color: #d4a017;

                            color: var(--tdm-white);

                            transform: rotate(-4deg);
                        }


                        /* =========================================================
   CLOSING NOTE
========================================================= */

                        .tdm-criteria-note {
                            margin-top: 22px;

                            display: flex;

                            align-items: flex-start;

                            gap: 14px;

                            padding: 18px 20px;

                            background: var(--tdm-cloud);

                            border: 1px solid var(--tdm-line);
                            border-left: 3px solid #d4a017;

                            border-radius: 0 10px 10px 0;
                        }

                        .tdm-note-icon {
                            flex: 0 0 34px;

                            width: 34px;
                            height: 34px;

                            display: flex;
                            align-items: center;
                            justify-content: center;

                            border-radius: 50%;

                            background: #d4a017;

                            color: var(--tdm-white);
                        }

                        .tdm-note-icon svg {
                            width: 17px;
                            height: 17px;
                        }

                        .tdm-criteria-note p {
                            margin: 0;

                            font-size: 13.5px;
                            line-height: 1.65;

                            color: var(--tdm-ink-soft);

                            text-align: justify;
                        }


                        /* =========================================================
   LARGE TABLET
========================================================= */

                        @media (max-width: 1100px) {

                            .tdm-criteria-grid {
                                grid-template-columns: repeat(2, 1fr);
                            }

                        }


                        /* =========================================================
   TABLET
========================================================= */

                        @media (max-width: 768px) {

                            #tdm-choose-agency-section {
                                padding: 56px 0;
                            }

                            .tdm-criteria-grid {
                                grid-template-columns: repeat(2, 1fr);
                                gap: 12px;
                            }

                            .tdm-criteria-card {
                                min-height: 205px;
                                padding: 19px;
                            }

                            .tdm-criteria-card h3 {
                                font-size: 15px;
                            }

                            .tdm-criteria-card p {
                                font-size: 13.2px;
                            }

                        }


                        /* =========================================================
   MOBILE
========================================================= */

                        @media (max-width: 576px) {

                            #tdm-choose-agency-section {
                                padding: 48px 0;
                            }

                            .tdm-criteria-grid {
                                grid-template-columns: 1fr;

                                gap: 12px;

                                margin-top: 28px;
                            }

                            .tdm-criteria-card {
                                min-height: auto;

                                padding: 20px;

                                border-radius: 10px;
                            }

                            .tdm-criteria-top {
                                margin-bottom: 17px;
                            }

                            .tdm-criteria-icon {
                                width: 40px;
                                height: 40px;
                            }

                            .tdm-criteria-card h3 {
                                font-size: 15px;
                            }

                            .tdm-criteria-card p {
                                font-size: 13px;
                                line-height: 1.6;
                            }

                            .tdm-criteria-note {
                                padding: 16px;

                                gap: 11px;
                            }

                            .tdm-note-icon {
                                flex: 0 0 31px;

                                width: 31px;
                                height: 31px;
                            }

                            .tdm-criteria-note p {
                                font-size: 13px;
                                line-height: 1.6;
                            }

                        }


                        /* =========================================================
   SMALL MOBILE
========================================================= */

                        @media (max-width: 380px) {

                            .tdm-criteria-card {
                                padding: 17px;
                            }

                            .tdm-criteria-card h3 {
                                font-size: 14.5px;
                            }

                            .tdm-criteria-card p {
                                font-size: 12.7px;
                            }

                        }
                    
                    
                    


.fq-section {
--fq-accent: #D4AF37;      /* Rich Gold */
    --fq-accent2: #FFD700;     /* Bright Gold */
    --fq-dark: #0d1117;
    --fq-card: #141b22;

    --fq-border: rgba(212, 175, 55, 0.25);

    --fq-text: #c9d1d9;
    --fq-muted: #8b949e;
    --fq-white: #ffffff;
  --fq-radius: 14px;
  --fq-trans: 0.32s cubic-bezier(.4, 0, .2, 1);
  background:#000;
  padding: 72px 0 80px;
  overflow: hidden
}


.fq-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
  opacity: .18
}

.fq-blob--1 {
  width: 400px;
  height: 400px;
  background: var(--fq-accent);
  top: -120px;
  left: -100px
}

.fq-blob--2 {
  width: 300px;
  height: 300px;
  background: var(--fq-accent2);
  bottom: -80px;
  right: -80px
}

.fq-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1
}

.fq-header {
  text-align: center;
  margin-bottom: 48px
}

.fq-badge {
  display: inline-block;
  background: rgb(145 217 4 / .12);
  border: 1px solid var(--fq-border);
  color: var(--fq-accent);
  letter-spacing: .12em;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 50px;
  margin-bottom: 18px
}

.fq-title {
  color: var(--fq-white);
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  line-height: 1.22;
  margin: 0 0 14px;
  letter-spacing: -.02em
}

.fq-title span {
  color: var(--fq-accent)
}

.fq-sub {
  color: var(--fq-muted);
  font-size: .97rem;
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.65
}

.fq-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.fq-item {
  background: var(--fq-card);
  border: 1px solid var(--fq-border);
  border-radius: var(--fq-radius);
  overflow: hidden;
  transition: border-color var(--fq-trans), box-shadow var(--fq-trans)
}

.fq-item:hover {
  border-color: #D4AF37;   
}

.fq-item.fq-open {
  border-color: var(--fq-accent);
  box-shadow: 0 0 0 1px rgb(145 217 4 / .25), 0 8px 32px rgb(0 0 0 / .35)
}

.fq-btn {
  width: 100%;
  background: none;
  border: none;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  text-align: left;
  outline: none
}

.fq-btn:focus-visible {
  outline: 2px solid var(--fq-accent);
  outline-offset: -2px
}

.fq-num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgb(145 217 4 / .1);
  border: 1px solid var(--fq-border);
  color: var(--fq-accent);
  font-size: .7rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: .05em;
  transition: background var(--fq-trans), border-color var(--fq-trans)
}

.fq-open .fq-num {
  background: var(--fq-accent);
  border-color: var(--fq-accent);
  color: var(--fq-dark)
}

h2.fq-q-text {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  flex: 1;
  color: var(--fq-white);
  transition: color var(--fq-trans)
}

.fq-open h2.fq-q-text {
  color: var(--fq-accent)
}

.fq-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background:#000;
  border: 1px solid var(--fq-border);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--fq-trans), transform var(--fq-trans)
}

.fq-icon svg {
  width: 13px;
  height: 13px;
  stroke: var(--fq-accent);
  transition: transform var(--fq-trans)
}

.fq-open .fq-icon {
  background: var(--fq-accent)
}

.fq-open .fq-icon svg {
  stroke: var(--fq-dark);
  transform: rotate(45deg)
}

.fq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--fq-trans)
}

.fq-answer-inner {
  padding: 0 22px 20px 70px;
  text-align: justify;
  color: var(--fq-text);
  font-size: .94rem;
  line-height: 1.72
}

.fq-more-wrap {
  text-align: center;
  margin-top: 40px
}

.fq-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--fq-accent);
  color: var(--fq-dark);
  font-size: .9rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background var(--fq-trans), transform var(--fq-trans), box-shadow var(--fq-trans);
  box-shadow: 0 4px 20px rgb(145 217 4 / .25)
}

.fq-more-btn:hover {
  background: var(--fq-accent2);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgb(145 217 4 / .35)
}

.fq-more-btn svg {
  width: 16px;
  height: 16px;
  stroke: var(--fq-dark);
  flex-shrink: 0;
  transition: transform var(--fq-trans)
}

.fq-more-btn:hover svg {
  transform: translateX(3px)
}

.fq-answer {
  cursor: pointer
}

@media (max-width:600px) {
  .fq-section {
    padding: 52px 0 60px
  }
  .fq-answer-inner {
    padding-left: 22px
  }
  .fq-btn {
    padding: 16px 16px;
    gap: 12px
  }
}