
        .service-page-hero {
            margin-top: -90px;
            padding: 132px 0 54px;
            background: #070B1A;
            color: #fff;
            overflow: hidden;
        }
        .service-page-hero .hero-inner {
            max-width: 1080px;
            margin: 0 auto;
            text-align: center;
        }
        .service-page-hero .breadkcum {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-bottom: 18px;
            padding: 7px 14px;
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 999px;
            background: rgba(255,255,255,.05);
        }
        .service-page-hero .breadkcum a,
        .service-page-hero .breadkcum span {
            font-family: var(--font-2);
            font-size: 13px;
            color: rgba(255,255,255,.74);
        }
        .service-page-hero .eyebrow {
            display: inline-flex;
            margin-bottom: 14px;
            padding: 8px 14px;
            border-radius: 999px;
            background: rgba(220,242,71,.18);
            color: #dcf247;
            font-family: var(--font-2);
            font-size: 13px;
            font-weight: 700;
        }
        .service-page-hero h1 {
            max-width: 920px;
            margin: 0 auto 16px;
            color: #fff;
            font-size: 48px;
            line-height: 1.06;
            letter-spacing: 0;
            font-weight: 600;
        }
        .service-page-hero .subline {
            max-width: 820px;
            margin: 0 auto 26px;
            color: rgba(255,255,255,.72);
            font-family: var(--font-2);
            font-size: 18px;
            line-height: 1.55;
        }
        .service-page-hero .hero-tags {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
        }
        .service-page-hero .hero-tags span {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 36px;
            padding: 8px 14px;
            border: 1px solid rgba(220,242,71,.34);
            border-radius: 999px;
            background: rgba(220,242,71,.15);
            color: #dcf247;
            font-family: var(--font-2);
            font-size: 13px;
            font-weight: 600;
        }
        .service-page-hero .hero-tags span::before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #dcf247;
            flex-shrink: 0;
        }
        .service-publish-page {
            padding: 88px 0 100px;
            background: #fff;
        }
        .service-layout {
            display: grid;
            grid-template-columns: 300px minmax(0, 1fr);
            gap: 54px;
            align-items: start;
        }
        .page-hierarchy-card {
            position: sticky;
            top: 110px;
            padding: 24px;
            border: 1px solid var(--color-border-1);
            border-radius: 8px;
            background: #fff;
        }
        .page-hierarchy-card .label {
            margin-bottom: 16px;
            color: var(--color-dt-black);
            font-weight: 600;
        }
        .page-hierarchy-card a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 12px 0;
            border-bottom: 1px solid var(--color-border-1);
            color: var(--color-paragraph);
            font-family: var(--font-2);
        }
        .page-hierarchy-card a:last-child {
            border-bottom: 0;
        }
        .page-hierarchy-card a:hover,
        .page-hierarchy-card a.active {
            color: var(--primary);
        }
        .service-content-main {
            min-width: 0;
        }
        .intro-panel {
            margin-bottom: 48px;
            padding: 34px;
            border: 1px solid var(--color-border-1);
            border-radius: 8px;
            background: var(--digital-marketing-gray);
        }
        .section-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 14px;
            padding: 7px 13px;
            border: 1px solid rgba(220,242,71,.65);
            border-radius: 999px;
            background: rgba(220,242,71,.18);
            color: #0B1120;
            font-family: var(--font-2);
            font-size: 13px;
            font-weight: 700;
            line-height: 1.2;
            text-transform: uppercase;
        }
        .section-kicker::before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #dcf247;
            flex-shrink: 0;
        }
        .why-service-block .section-kicker {
            color: #fff;
            background: rgba(220,242,71,.14);
        }
        .intro-panel h2,
        .service-section h2 {
            margin-bottom: 18px;
            color: var(--color-dt-black);
            font-size: 30px;
            line-height: 1.18;
            letter-spacing: 0;
            font-weight: 600;
        }
        .intro-panel p,
        .service-section p,
        .why-service-block p,
        .faq-service-item p {
            color: var(--color-paragraph);
            font-family: var(--font-2);
            font-size: 16px;
            line-height: 1.75;
        }
        .intro-copy-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 22px;
        }
        .service-section {
            margin-bottom: 58px;
        }
        .outcome-grid,
        .deliverable-grid,
        .measurement-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
        }
        .outcome-card,
        .deliverable-card,
        .measurement-card,
        .process-step,
        .faq-service-item {
            border: 1px solid var(--color-border-1);
            border-radius: 8px;
            background: #fff;
        }
        .outcome-card {
            padding: 22px;
        }
        .outcome-card h3,
        .deliverable-card h3,
        .measurement-card h3 {
            margin-bottom: 8px;
            color: var(--color-dt-black);
            font-size: 20px;
            line-height: 1.25;
            font-weight: 600;
        }
        .process-list {
            display: grid;
            gap: 16px;
        }
        .process-step {
            display: grid;
            grid-template-columns: 56px minmax(0, 1fr);
            gap: 18px;
            padding: 22px;
        }
        .process-step .number {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 46px;
            height: 46px;
            border-radius: 50%;
            background: #dcf247;
            color: #0B1120;
            font-family: var(--font-2);
            font-weight: 700;
        }
        .why-service-block {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
            gap: 28px;
            margin-bottom: 58px;
            padding: 34px;
            border-radius: 8px;
            background: #070B1A;
            color: #fff;
        }
        .why-service-block h2,
        .why-service-block h3 {
            color: #fff;
            letter-spacing: 0;
        }
        .why-service-block p {
            color: rgba(255,255,255,.72);
        }
        .proof-panel {
            display: grid;
            gap: 12px;
            align-content: start;
        }
        .proof-row {
            display: flex;
            justify-content: space-between;
            gap: 18px;
            padding: 16px;
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 8px;
            background: rgba(255,255,255,.06);
        }
        .proof-row strong {
            color: #dcf247;
            font-size: 24px;
            line-height: 1;
        }
        .proof-row span {
            color: rgba(255,255,255,.72);
            font-family: var(--font-2);
            text-align: right;
        }
        .deliverable-card,
        .measurement-card {
            display: flex;
            gap: 12px;
            padding: 18px;
            font-family: var(--font-2);
            color: var(--color-paragraph);
            line-height: 1.5;
        }
        .deliverable-card i,
        .measurement-card i {
            color: var(--primary);
            font-size: 20px;
            margin-top: 2px;
        }
        .faq-list {
            display: grid;
            gap: 16px;
        }
        .faq-service-item {
            padding: 24px;
            background: var(--digital-marketing-gray);
        }
        .faq-service-item h3 {
            margin-bottom: 8px;
            color: var(--color-dt-black);
            font-size: 20px;
            font-weight: 600;
        }
        .service-cta-strip {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 24px;
            padding: 28px;
            border-radius: 8px;
            background: var(--digital-marketing-gray);
        }
        .service-cta-strip h2 {
            margin-bottom: 6px;
            color: var(--color-dt-black);
            font-size: 28px;
            letter-spacing: 0;
        }
        @media (max-width: 1199px) {
            .service-layout,
            .why-service-block {
                grid-template-columns: 1fr;
            }
            .page-hierarchy-card {
                position: static;
            }
        }
        @media (max-width: 767px) {
            .service-page-hero {
                padding: 124px 0 48px;
            }
            .service-page-hero h1 {
                font-size: 34px;
                line-height: 1.08;
            }
            .service-page-hero .subline {
                font-size: 16px;
            }
            .service-publish-page {
                padding: 58px 0 72px;
            }
            .intro-copy-grid,
            .outcome-grid,
            .deliverable-grid,
            .measurement-grid {
                grid-template-columns: 1fr;
            }
            .intro-panel,
            .why-service-block,
            .service-cta-strip {
                padding: 24px;
            }
            .service-cta-strip {
                align-items: flex-start;
                flex-direction: column;
            }
            .intro-panel h2,
            .service-section h2 {
                font-size: 28px;
            }
        }
    
.breadcrumb-nav {display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;font:14px var(--font-2);color:#fff}.breadcrumb-nav a{color:#dcf247}.service-content-main p{margin-bottom:18px}.service-content-main a:not(.tf-btn){text-decoration:underline;text-underline-offset:3px}.service-content-main h2{letter-spacing:0;line-height:1.2}.market-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.market-links a{padding:10px 14px;border:1px solid var(--color-border-1);border-radius:8px}.service-section ul{padding-left:22px;list-style:disc}.journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.journey div{padding:18px;border:1px solid var(--color-border-1);border-radius:8px;font-family:var(--font-2)}.journey strong{display:block;color:var(--color-dt-black);margin-bottom:6px}.skip-link{position:fixed;left:16px;top:-100px;z-index:99999;background:#dcf247;padding:12px}.skip-link:focus{top:12px}.research-reference{font-size:14px}.service-page-hero .tf-btn{margin-inline:auto}.footer .market-links a{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.2)}.page-hierarchy-card{overflow-wrap:anywhere}@media(max-width:767px){.journey{grid-template-columns:1fr}.breadcrumb-nav{font-size:12px}}
