.wrapper .review-container .review-card {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    padding: 20px;
    min-height: 230px;
    justify-content:initial;
  }
  
  .wrapper .review-container .review-card-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding: 0;
  }
  
  .wrapper .review-container .review-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
  }
  
       .wrapper .review-container .review-avatar { background: #eaf3ff; }
       .wrapper .review-container .review-avatar i {
         color: #0078d0;
       }
       .wrapper .review-container .review-avatar {
      position:relative;
  }
  .wrapper .review-container .review-avatar p {
      position:absolute;
      top:-5px;
      right:2px;
      width:15px;
      height:15px;
      background-color:#000;
      color:#fff;
      font-size:10px;
      border-radius:100%;
      text-align:center;
      line-height:1.5
  }
  
  
  .wrapper .review-container .review-meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
  }
  
  .wrapper .review-container .review-name {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    font-style: normal;
  }
  
  .wrapper .review-container .review-keyword {
    font-size: 12px;
    color: #767676;
  }
  
  .wrapper .review-container .review-stars {
    font-size: 13px;
    color: #FFBA00;
    flex-shrink: 0;
  }
  
  .wrapper .review-container .review-body {
    margin: 0;
    padding: 0;
    border: none;
  }
  
  .wrapper .review-container .review-body p {
    font-size: 13px;
    color: #555;
    line-height: 1.7;
    margin: 0;
  }
  @media (max-width:1400px){.wrapper .review-container .review-card {min-height: 200px;}}
  @media (max-width: 768px) {
    .wrapper .review-container .review-grid {
      grid-template-columns: 1fr;
    }
    .wrapper .review-container .review-card {
      min-height:max-content;
      padding:16px;
    }
  }
  
            /* ==================== 공통 리셋 & 기본 스타일 ==================== */
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }
        #neworder section.seo-section {
          padding-left:0;
          padding:60px 16px;
        }
       @media (max-width:1200px){
         #neworder section.seo-section {
           padding:40px 16px;
         }
         
       }
    
            body {
                font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
                line-height: 1.6;
                color: #333;
            }
    
            /* ==================== 서비스 선택 UI ==================== */
            .selection-guide-box {
                position: relative;
                background: #fff0e5;
                padding: 40px;
                border-radius: 20px;
                max-width: 800px;
                margin: 50px auto;
            }
          .selection-guide-box.id {
                background: #e8f9f2;
          }
    
            .step-title {
                display: flex;
                align-items: center;
                gap: 10px;
                font-size: 18px;
                font-weight: 800;
                margin-bottom: 25px;
                color: #333;
            }
    
            .step-number {
                background: #5c6b80;
                color: #fff;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
            }
    
            .service-btn-grid {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
            }
    
         .service-item-btn {
            background: #fff;
            border: 1px solid #d1d9e6;
            padding: 6px 25px;
            border-radius: 10px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            transition: all 0.2s;
            position: relative;
        }
        .service-item-btn.active {
            background: #e9ecef;
            border-color: #767676;
            border: 1px solid #253858;
        }
            .insta-icon { color: #ad1457; }
    
            .pointer-cursor {
                position: absolute;
              top: 20px;
              right: -30px;
                width: 45px;
                height: 45px;
                z-index: 10;
                pointer-events: none;
                animation: pointing 1.5s infinite ease-in-out;
            }
          .step-02 .pointer-cursor  {
                top: 30px;
            right: -20px;
          }
    
            .click-effect {
                position: absolute;
                  top: 25px;
            right: 4px;
                width: 20px;
                height: 20px;
                background: rgba(0, 0, 0, 0.2);
                border-radius: 50%;
                z-index: 9;
                transform: scale(0);
                animation: pulseClick 1.5s infinite;
            }
    
            @keyframes pointing {
                0%, 100% { transform: translateY(0) rotate(-10deg); }
                50% { transform: translateY(5px) rotate(-10deg); }
            }
    
            @keyframes pulseClick {
                0% { transform: scale(0); opacity: 0.8; }
                100% { transform: scale(3); opacity: 0; }
            }
    
            /* ==================== 입력창 UI ==================== */
            .input-row {
                display: flex;
                gap: 10px;
                position: relative;
            }
    
        .account-input {
            flex: 1;
            padding: 16px 12px;
            border-radius: 8px;
            border: 1px solid #d1d9e6;
            font-size: 14px;
            outline: none;
            background: #fff;
            height: 40px;
            max-width: 100%;
            min-width: 250px;
        }
    
            .confirm-btn {
               height:40px;
                padding: 0 25px;
                border-radius: 8px;
                background: #6b7280;
                color: #fff;
                border: none;
                font-weight: 700;
                cursor: pointer;
                font-size: 15px;
                position: relative;
                transition: background 0.3s;
            }
    
            .confirm-btn:hover {
                background: #4b5563;
            }
    
            .pointer-wrap {
                position: absolute;
                width: 30px;
                height: 30px;
                top: 35px;
                right: -10px;
                z-index: 100;
                pointer-events: none;
            }
    
            .pointer-svg {
                width: 100%;
                height: 100%;
                animation: clickMotion 2.4s infinite cubic-bezier(0.45, 0, 0.55, 1);
            }
    
            @keyframes clickMotion {
                0%, 100% { transform: translate(0, 0) rotate(-12deg); }
                45%, 55% { transform: translate(6px, 10px) rotate(-8deg); }
            }
    
            .guide-dot {
                position: absolute;
                width: 4px;
                height: 4px;
                background: #0071e3;
                border-radius: 50%;
                z-index: 99;
                bottom: -2px;
                right: 30px;
            }
    
            .guide-pulse {
                position: absolute;
                top: 0; left: 0;
                width: 100%; height: 100%;
                background: rgba(0, 113, 227, 0.4);
                border-radius: 50%;
                animation: softPulse 2.4s infinite;
            }
    
            @keyframes softPulse {
                0% { transform: scale(1); opacity: 0.8; }
                100% { transform: scale(6); opacity: 0; }
            }
    
            /* ==================== 벤토 섹션 ==================== */
            :root {
                --card-bg: #f8f9fb;
                --accent-purple: #7048e8;
                --accent-red: #ff0000;
                --accent-green: #00c300;
                --text-main: #1d1d1f;
                --text-sub: #495057;
            }
    
            #neworder #sns-bento-section {
                background: #f1f5ff;
            padding: 60px 0;
            }
       #neworder #sns-bento-section h2,
       #neworder #sns-bento-section.seo-section p {
          text-align:left;
       }
    
            .bento-container {
                max-width: 1200px;
                margin: 0 auto;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-auto-rows: minmax(280px, auto);
                gap: 20px;
            }
    
            .bento-card {
                background-color:#fff;
                border-radius: 12px;
                padding: 40px;
                position: relative;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                transition: transform 0.3s ease;
            }
            .bento-card:hover { transform: translateY(-5px); }
    
            .card-large { grid-column: span 2; grid-row: span 2; }
            .card-medium { grid-row: span 2; }
            .card-full { grid-column: span 3; }
    
            .card-label { font-size: 14px; font-weight: 800; text-transform: uppercase; margin-bottom: 15px; color: var(--accent-purple); }
            .card-title { font-size: 28px; font-weight: 600; line-height: 1.3; margin-bottom: 25px; letter-spacing: -1.5px; text-align: left; }
            .card-text { font-size: 16px; line-height: 1.7; color: var(--text-sub); word-break: keep-all; }
          .card-text b {
            color: #000;
            font-weight: 500;
        }
    
            .shape { position: absolute; z-index: 0; pointer-events: none; }
            .shape-1 { bottom: -20px; right: -20px; width: 120px; height: 120px; background: #ffd43b; border-radius: 50% 50% 0 50%; }
            .shape-2 { top: -30px; right: -30px; width: 100px; height: 100px; background: #ff6b6b; border-radius: 50%; }
            .shape-3 { bottom: 0; left: 0; transform: translateX(-50%); width: 150px; height: 80px; background: #4dabf7; border-radius: 100px 100px 0 0; }
    
            .bento-btn {
                margin-top: auto;
                align-self: flex-start;
                padding: 12px 24px;
                border-radius: 12px;
                background: #000;
                color: #fff!important;
                font-weight: 700;
                text-decoration: none;
                font-size: 14px;
                z-index: 2;
            }
    
            .insta-theme .card-label { color: #ad1457; }
            .yt-theme .card-label { color: #b91c1c; }
            .tt-theme .card-label { color: #000; }
            #neworder .bento-card strong {
              font-weight: 700;
            background-image: linear-gradient(transparent 60%, rgba(24, 91, 220, 0.15) 60%);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: inline-block;
            width: auto;
            max-width: max-content;
            color: #000;
            }
            .seo-section h2.small {
              font-size:22px;
            }
            p.card-text {padding-bottom:30px;}
            .yt-theme p.card-text {
              padding-bottom:20px;
            }
     
             /* ==================== 공통 섹션 스타일 ==================== */
             .seo-section {
                 width: 100%;
                 overflow: hidden;
             }
     
             .seo-container,
             .process-container,
             .meme-grid-container,
             .meme-container {
                 max-width: 1200px;
                 margin: 0 auto;
                 width: 100%;
                 padding: 0;
             }
     
             .meme-grid-container,
             .meme-container {
                 max-width: 1200px;
               padding:0;
             }
     
             /* 공통 제목 스타일 */
             .seo-section h2, .seo-section .seo-title {
                 font-size: 32px;
                 font-weight: 600;
                 color: #1a1a1a;
                 margin-bottom: 20px;
                 letter-spacing: -1.5px;
                 line-height: 1.3;
               z-index:9;
             }
     
             /* 공통 문단 스타일 */
             .seo-section p {
                 color: rgb(111, 111, 111);
                 font-size: 16px;
                 line-height: 1.7;
                 margin-bottom: 50px;
             }
     
             .seo-section p > span {
                 color: rgb(111, 111, 111);
             }
     
             /* figure 공통 스타일 */
             figure {
                 margin: 0;
                 width: 100%;
                 display: flex;
                 justify-content: center;
                 align-items: center;
             }
     
             figure img {
                 width: 100%;
                 max-width: 1200px;
                 height: auto;
                 display: block;
                 margin: 0 auto;
             }
     
             /* 모바일 줄바꿈 */
            #meme-premium-comparison  .mo-br {
                 display: none;
             }
     
             /* ==================== 1. 마케팅 섹션 ==================== */
             #neworder .seo-section {
                 padding: 28px 24px;
               text-align:center;
                 
             }
       #neworder .seo-section.seo-marketing-section {
         background: #f1f5ff;
       }
     
             #neworder .seo-section.seo-marketing-section figure {
                 padding: 30px 0;
                 background-color: initial;
                 margin: initial;
                 border-radius: initial;
                 transition: initial;
             }
     
             /* PC용 이미지 */
             figure img.pc-image {
                 display: block;
             }
     
             /* 모바일용 이미지 */
             figure img.mo-image {
                 display: none;
             }
     
             /* ==================== 2. 프로세스 섹션 (지그재그 레이아웃) ==================== */
             #neworder #sns-helper-process {
               
                 background-color: #fff;
                 color: #333;
                 word-break: keep-all;
             }
     
             .process-header {
                 text-align: center;
                 margin-bottom: 80px;
             }
     
             .process-header p {
                 font-size: 1.2rem;
                 line-height: 1.4;
                 color: rgb(111, 111, 111);
                 width: 100%;
                 max-width: 100%;
             }
     
             .process-header .highlight {
                 font-weight: 700;
                 background-image: linear-gradient(transparent 60%, rgba(24, 91, 220, 0.15) 60%);
                 background-repeat: no-repeat;
                 background-size: 100% 100%;
                 display: inline-block;
                 width: auto;
                 max-width: max-content;
                 color: #1a1a1a;
                 font-size: inherit;
             }
     
             /* 단계별 아이템 */
             .step-item {
                 display: flex;
                 align-items: center;
                 justify-content: space-between;
                 margin-bottom: 50px;
                 gap: 60px;
             }
     
             .step-item:nth-last-child {
                 margin-bottom: 0;
             }
     
             .step-item:nth-child(even) {
                 flex-direction: row-reverse;
             }
     
             .step-image {
                 flex: 1;
                 width: 100%;
                 max-width: 540px;
                 border-radius: 24px;
                 overflow: hidden;
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 aspect-ratio: 16 / 10;
             }
     
             .step-01 .step-image { background-color: #fff0e5; }
             .step-02 .step-image { background-color: #e8f9f2; }
             .step-03 .step-image { background-color: #eef4ff; }
     
             .step-image img {
                 width: 85%;
                 height: auto;
                 object-fit: contain;
             }
     
             .step-text {
                 flex: 1;
               text-align:left;
             }
     
             .step-num {
                 font-size: 24px;
                 font-weight: 800;
                 color: #1d4ed8;
                 margin-bottom: 10px;
                 display: inline-block;
                 padding-right: 3px;
             }
     
             .step-text h3 {
                 font-size: 25px;
                 font-weight: 700;
                 margin-bottom: 20px;
                 letter-spacing: -1px;
             }
     
             .step-text p {
                 font-size: 16px;
                 color: #666;
                 line-height: 1.7;
             }
     
             /* ==================== 3. 그리드 프로세스 섹션 ==================== */
             :root {
                 --meme-main: #2b4182;
                 --meme-point: #3b82f6;
                 --meme-sub: #8890a0;
                 --meme-bg: #f8faff;
             }
     
             #neworder #sns-meme-grid-process {
                 background: linear-gradient(135deg, #FFF9E6 0%, #FFF0F3 50%, #E8F4FD 100%);
                 text-align: center;
             }
     
             .grid-header {
                 margin-bottom: 60px;
             }
     
             .grid-header p {
                 font-size: 18px;
                 color: var(--meme-sub);
                 line-height: 1.6;
             }
     
             .process-grid {
                 display: grid;
                 grid-template-columns: repeat(3, 1fr);
                 gap: 30px;
             }
     
             .process-card {
                 background: #fff;
                 border-radius: 24px;
                 padding: 45px 30px;
                 border: 1px solid #edf2f7;
                 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
                 transition: all 0.3s ease;
                 display: flex;
                 flex-direction: column;
                 align-items: center;
             }
     
             .process-card:hover {
                 transform: translateY(-10px);
                 box-shadow: 0 20px 40px rgba(59, 130, 246, 0.08);
                 border-color: #1d4ed8;
             }
     
             .card-icon {
                 width: 100%;
                 max-width: 180px;
                 height: 140px;
                 margin-bottom: 30px;
                 display: flex;
                 justify-content: center;
                 align-items: center;
             }
     
             .card-icon svg {
                 width: 100%;
                 height: 100%;
             }
     
             .card-tag {
                 font-size: 14px;
                 font-weight: 700;
                 color: #1d4ed8;
                 margin-bottom: 12px;
                 text-transform: uppercase;
             }
     
             .process-card h3 {
                 font-size: 24px;
                 font-weight: 700;
                 color: var(--meme-main);
                 margin-bottom: 18px;
             }
     
             .process-card p {
                 font-size: 16px;
                 color: #666;
                 line-height: 1.7;
                 word-break: keep-all;
             }
     
             /* ==================== 4. 비교 테이블 섹션 ==================== */
             #meme-premium-comparison {
                 padding: 60px 20px;
                 background-color: #fcfdfe;
                 font-family: 'Pretendard', -apple-system, sans-serif;
                 text-align: center;
                 color: #1a1a1a;
             }
     
             .comparison-header {
                 margin-bottom: 50px;
             }
     
             .comparison-header .highlight-blue {
                 color: #1d4ed8;
             }
     
             .table-viewport {
                 width: 100%;
                 overflow-x: auto;
                 -webkit-overflow-scrolling: touch;
                 padding: 0px 10px 60px;
             }
     
             #comparison-table {
                 width: 100%;
                 min-width: 100%;
                 border-collapse: separate;
                 border-spacing: 0;
                 table-layout: fixed;
             }
     
             #comparison-table th,
             #comparison-table td {
                 padding: 18px 15px;
                 vertical-align: middle;
                 position: relative;
                 border-bottom: 1px solid #f1f3f5;
                 font-size: 18px;
                 text-align: center;
             }
     
             .col-label {
                 width: 28%;
                 text-align: left !important;
                 padding-left: 40px !important;
                 color: #444;
             }
     
             .col-competitor {
                 width: 18%;
                 color: #767676;
                 font-weight: 400;
             }
     
             .col-meme {
                 width: 32%;
                 z-index: 1;
             }
     
             /* SNS밈 포커스 캡슐 */
             #comparison-table td:nth-child(2)::before,
             #comparison-table th:nth-child(2)::before {
                 content: "";
                 position: absolute;
                 top: 0;
                 bottom: 0;
                 left: 0;
                 right: 0;
                 border-left: 3px solid #3b82f6;
                 border-right: 3px solid #3b82f6;
                 background-color: #ffffff;
                 pointer-events: none;
                 z-index: -1;
             }
     
             #comparison-table thead th.col-meme::before {
                 border-top: 3px solid #3b82f6;
                 border-top-left-radius: 30px;
                 border-top-right-radius: 30px;
                 top: -1px;
                 background-color: #1d4ed8;
             }
     
             #comparison-table thead th.col-meme {
                 color: #ffffff !important;
                 font-weight: 600;
                 font-size: 25px;
                 text-align: center;
                 letter-spacing: -0.5px;
             }
     
             #comparison-table tbody tr:last-child td.col-meme::before {
                 border-bottom: 3px solid #3b82f6;
                 border-bottom-left-radius: 30px;
                 border-bottom-right-radius: 30px;
                 bottom: -10px;
             }
     
             .meme-text {
                 color: #1d4ed8;
                 font-weight: 900;
                 font-size: 26px;
                 letter-spacing: -1px;
             }
     
             .check-icon {
                 display: inline-flex;
                 align-items: center;
                 justify-content: center;
                 width: 26px;
                 height: 26px;
                 background-color: #1d4ed8;
                 color: #fff;
                 border-radius: 50%;
                 font-size: 14px;
                 margin-right: 10px;
                 position: relative;
                 box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3);
                 bottom: 5px;
             }
     
             /* ==================== 5. 서비스 카드 섹션 ==================== */
             #premium-services {
                 padding: 80px 20px;
                 background: #f0f2f5;
             }
     
           
             .service-card {
                 background: #fff;
                 border-radius: 30px;
                 overflow: hidden;
                 box-shadow: 0 20px 40px rgba(0,0,0,0.06);
                 display: flex;
                 flex-direction: column;
                 margin-bottom: 60px;
                 border: 1px solid #F5F3FF;
             }
     
             @media (min-width: 768px) {
                 .service-card { flex-direction: row; }
                 .service-card.reverse { flex-direction: row-reverse; }
             }
     
             .main-content {
                 padding: 50px;
                 flex: initial;
                 display: flex;
                 flex-direction: column;
                 justify-content: center;
                 width: 100%;
             }
     
             .service-badge {
                 display: inline-block;
                 padding: 4px 12px;
                 border-radius: 50px;
                 font-size: 13px;
                 font-weight: 700;
                 margin-bottom: 15px;
                 text-transform: uppercase;
             }
     
             .service-title {
                 font-size: 36px;
                 font-weight: 800;
                 margin: 0 0 25px 0;
                 letter-spacing: -1px;
             }
     
             .feature-list {
                 list-style: none;
                 padding: 0;
                 margin-bottom: 35px;
             }
     
             .feature-list li {
                 position: relative;
                 padding-left: 28px;
                 margin-bottom: 12px;
                 font-size: 16px;
                 color: #444;
                 font-weight: 500;
             }
     
             .feature-list li::before {
                 content: '✓';
                 position: absolute;
                 left: 0;
                 font-weight: 900;
                 color: inherit;
             }
     
             .cta-btn {
                 border: none;
                 padding: 18px 30px;
                 border-radius: 12px;
                 color: #fff;
                 font-size: 17px;
                 font-weight: 700;
                 cursor: pointer;
                 transition: all 0.3s ease;
                 text-align: center;
                 box-shadow: 0 8px 20px rgba(0,0,0,0.1);
                 display: inline-block;
                 max-width: fit-content;
               padding: 0;
               width: 100%;
               max-width: 100%;
             }
     
             .cta-btn:hover {
                 transform: translateY(-3px);
                 box-shadow: 0 12px 25px rgba(0,0,0,0.15);
             }
     
            
             .info-item h4 , .info-item h3 {
                 margin: 0 0 10px 0;
                 font-size: 18px;
                 font-weight: 700;
                 color: #111;
                 display: flex;
                 align-items: center;
             }
     
             .info-item h4::before,.info-item h3::before  {
                 margin-right: 8px;
                 font-size: 16px;
             }
     
             .info-item.clip h4::before {
                 content: '📋';
             }
     
             .info-item p {
                 margin: 0;
                 font-size: 14.5px;
                 color: #666;
                 word-break: keep-all;
             }
     
             /* 브랜드별 컬러 */
             .instagram .service-badge {
                 background: rgba(225, 48, 108, 0.1);
                 color: #ad1457;
             }
     
             .instagram .cta-btn {
                 background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
             }
     
             .instagram .feature-list li::before {
                 color: #ad1457;
             }
     
             .youtube .service-badge {
                 background: rgba(255, 0, 0, 0.1);
                 color: #b91c1c;
             }
     
             .youtube .cta-btn {
                 background: #b91c1c;
             }
     
             .youtube .feature-list li::before {
                 color: #b91c1c;
             }
     
             .ticktalk .service-badge {
                 background: rgba(0, 0, 0, 0.1);
                 color: #000;
             }
     
             .ticktalk .cta-btn {
                 background: #000000;
             }
     
             .ticktalk .feature-list li::before {
                 color: #000;
             }
     
             .facebook .service-badge {
                 background: rgba(24, 119, 242, 0.1);
                 color: #1e40af;
             }
     
             .facebook .cta-btn {
                 background: #1e40af;
             }
     
             .facebook .feature-list li::before {
                 color: #1e40af;
             }
         
         #premium-services {
             padding: 80px 20px;
             background: #f0f2f5;
         }
     
         .services-container {
             max-width: 1200px;
             margin: 0 auto;
         }
     
         .service-card {
             background: #fff;
             border-radius: 15px;
             /* overflow: hidden; */
             box-shadow: 0 20px 40px rgba(0,0,0,0.06);
             display: flex;
             flex-direction: column;
             margin-bottom: 60px;
             border: 1px solid #F5F3FF;
         }
     
         @media (min-width: 768px) {
             .service-card { flex-direction: row; }
             .service-card.reverse { flex-direction: row-reverse; }
         }
     
         /* 상단 서비스 태그 UI */
         .service-tags {
             display: flex;
             gap: 8px;
             margin-bottom: 20px;
             flex-wrap: wrap;
         }
     
         .tag-item {
             display: flex;
             align-items: center;
             gap: 5px;
             padding: 5px 12px;
             background: #fff0f3;
             border-radius: 6px;
             font-size: 13px;
             font-weight: 600;
         }
     
         .tag-item i {
             color: #ad1457;
             font-size: 12px;
         }
     
         .main-content {
             padding: 50px;
             display: flex;
             flex-direction: column;
             justify-content: center;
             width: 50%;
         }
     
         .service-badge {
             display: inline-block;
             padding: 4px 12px;
             border-radius: 50px;
             font-size: 13px;
             font-weight: 700;
             margin-bottom: 10px;
             text-transform: uppercase;
         }
     
         .service-title {
             font-size: 36px;
             font-weight: 800;
             margin: 0 0 25px 0;
             letter-spacing: -1px;
         }
     
         .feature-list {
             list-style: none;
             padding: 0;
             margin-bottom: 35px;
         }
     
         .feature-list li {
             position: relative;
             padding-left: 28px;
             margin-bottom: 12px;
             font-size: 16px;
             color: #444;
             font-weight: 500;
         }
     
         .feature-list li::before {
             content: '✓';
             position: absolute;
             left: 0;
             font-weight: 900;
             color: inherit;
         }
     
         .cta-btn {
             border: none;
             padding: 18px 30px;
             border-radius: 12px;
             color: #fff;
             font-size: 17px;
             font-weight: 700;
             cursor: pointer;
             transition: all 0.3s ease;
             text-align: center;
             box-shadow: 0 8px 20px rgba(0,0,0,0.1);
             display: inline-block;
             width: 100%;
             max-width: 100%;
             padding: 0;
         }
     
         .cta-btn:hover {
             transform: translateY(-3px);
             box-shadow: 0 12px 25px rgba(0,0,0,0.15);
         }
     
         .side-info {
             padding: 40px;
             display: flex;
             flex-direction: column;
             justify-content: center;
             gap: 30px;
             width: 50%;
             background: #fbfbfc;
         }
     
        
     
         .info-item h4::before {
             content: '💡';
             margin-right: 8px;
             font-size: 16px;
         }
     
         .info-item.clip h4::before {
             content: '📋';
         }
     
         .info-item p {
             margin: 0;
             font-size: 14.5px;
             color: #666;
             word-break: keep-all;
         }
     
         /* 브랜드별 컬러 테마 */
         .instagram .tag-item { background: rgba(225, 48, 108, 0.08); color: #ad1457; }
         .instagram .service-badge { background: rgba(225, 48, 108, 0.1); color: #ad1457; }
         .instagram .cta-btn {background: #ad1457;}
         .instagram .feature-list li::before { color: #ad1457; }
     
         .youtube .tag-item { background: rgba(255, 0, 0, 0.08); color: #b91c1c; }
         .youtube .service-badge { background: rgba(255, 0, 0, 0.1); color: #b91c1c; }
         .youtube .cta-btn { background: #b91c1c; }
         .youtube .feature-list li::before { color: #b91c1c; }
     
         .ticktalk .tag-item { background: rgba(0, 0, 0, 0.08); color: #333; }
         .ticktalk .service-badge { background: rgba(0, 0, 0, 0.1); color: #000; }
         .ticktalk .cta-btn { background: #000000; }
         .ticktalk .feature-list li::before { color: #000; }
     
         .facebook .tag-item { background: rgba(24, 119, 242, 0.08); color: #1e40af; }
         .facebook .service-badge { background: rgba(24, 119, 242, 0.1); color: #1e40af; }
         .facebook .cta-btn { background: #1e40af; }
         .facebook .feature-list li::before { color: #1e40af; }
     
     .youtube .tag-item i {
         color: #b91c1c;
     }
     .instagram .tag-item i {
         color: #ad1457;
     }
     .facebook .tag-item i {
         color:#1e40af;
     }
     .ticktalk .tag-item i {
         color:#000;
     }
     
     
             /* ==================== 6. 리뷰 섹션 ==================== */
            #neworder section.review-seo-container {
                
                 background: linear-gradient(135deg, #E6FFFA 0%, #EDF2FF 50%, #F5F3FF 100%);
             }
     
             .seo-review-box {
                 max-width: 1200px;
                 margin: 0 auto;
             }
     
             .review-grid {
                 margin-top: 40px;
                 display: grid;
                 grid-template-columns: repeat(3, 1fr);
                 gap: 20px;
             }
     
             .review-card {
                 background-color: #fff;
                 border-radius: 12px;
                 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
                 padding: 24px;
                 text-align: left;
                 display: flex;
                 flex-direction: column;
                 justify-content: space-between;
             }
     
             .user-info {
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
                 margin-bottom: 16px;
             }
     
             .user-details {
                 display: flex;
                 align-items: center;
             }
     
             .user-icon {
                 width: 48px;
                 height: 48px;
                 border-radius: 50%;
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 font-size: 24px;
                 color: #fff;
                 margin-right: 12px;
             }
     
             .user-icon.purple { background-color: #7e22ce; }
             .user-icon.red { background-color: #b91c1c; }
             .user-icon.dark { background-color: #1f2937; }
             .user-icon.blue { background-color: #1d4ed8; }
             .user-icon.green { background-color: #15803d; }
         .user-icon i {
           color:#fff;
         }
             .user-text h3, #neworder .user-text strong.reviewer  {
                 font-size: 16px;
                 margin: 0 0 4px;
                 color: #333;
             }
     
             .user-text p {
                 font-size: 14px;
                 color: #666;
                 margin: 0;
             }
     
             .platform-btn {
                 padding: 6px 12px;
                 border-radius: 20px;
                 font-size: 12px;
                 display: flex;
                 align-items: center;
                 color: #fff;
                 text-decoration: none;
             }
         .platform-btn i {color:#fff;}
             .platform-btn.purple { background-color: #7e22ce; }
             .platform-btn.red { background-color: #b91c1c; }
             .platform-btn.dark { background-color: #1f2937; }
             .platform-btn.blue { background-color: #1d4ed8; }
             .platform-btn.green { background-color: #15803d; }
     
             .platform-btn i {
                 margin-right: 6px;
             }
     
             .stars {
                 color: #f59e0b;
                 margin-bottom: 12px;
             }
     
             .review-text {
                 font-size: 14px;
                 color: #555;
                 line-height: 1.6;
                 margin: 0;
             }
     .service-card:nth-child(odd) .main-content {
         border-right: 1px solid #eee;
     }
     
     .service-card:nth-child(even) .main-content {
         border-left: 1px solid #eee;
     }
       #premium-services.seo-section h2 {
         text-align:left;
       }
       #premium-services.seo-section h2.textCenter , #neworder #sns-bento-section h2.textCenter {
        text-align: center;
       }
       .feature-list li {
         text-align:left;
       }
       .seo-section  .side-info  p {
         text-align:left;
       }
     
             /* ==================== 태블릿 반응형 (1024px 이하) ==================== */
             @media (max-width: 1024px) {
                 .seo-section.seo-marketing-section {
                     padding: 60px 24px;
                 }
     
                 .seo-section h2, .seo-section .seo-title {
                     font-size: 24px;
                 }
     
                 .seo-section p {
                     font-size: 14px;
                 }
     
                 /* 서비스 카드 */
                 .main-content {
                     padding: 40px;
                 }
     
                 .service-title {
                     font-size: 30px;
                 }
     
                 .feature-list li {
                     font-size: 15px;
                 }
     
                 .side-info {
                     padding: 35px;
                 }
             }
     
         /* ==================== 대형 화면 (1300px 이상) ==================== */
            @media (min-width: 1300px) {
                .seo-container {
                    max-width: 1280px;
                }
   
                .seo-section.seo-marketing-section {
                    padding: 100px 24px;
                }
   
                .seo-section h2, .seo-section .seo-title {
                    font-size: 2.143em;
                    font-weight: 600;
                }
   
                .seo-section p {
                    font-size: 1.1rem;
                    line-height: 1.4;
                    color: rgb(111, 111, 111);
                }
   
                .seo-section p > span {
                    font-size: 1.1rem;
                    color: rgb(111, 111, 111);
                }
   
                #neworder .seo-section.seo-marketing-section {
                    padding: 60px 16px;
                }
   
                /* 서비스 카드 */
                .services-container {
                    max-width: 1220px;
                }
            }
             /* ==================== 모바일 반응형 (1200px 이하) ==================== */
             @media (max-width: 1200px) {
               .feature-list li {
                     margin-bottom: 5px;
               }
               .bento-card {
                 padding:16px;
               }
               .user-icon {
                     width: 30px;
       height: 30px;
               }
               .user-info {
                 margin-bottom:5px;
               }
               .seo-section p.review-text {
                 font-size:13px;
               }
               .user-text h3 {
                 font-size:12px;
               }
               .user-icon i {
                 font-size:16px;
               }
               .table-viewport {
                 padding:0 0 60px;
               }
               #comparison-table thead th.col-meme::before{
                 border-top-left-radius: 20px;
                 border-top-right-radius: 20px;
               }
               #comparison-table tbody tr:last-child td.col-meme::before {
                 border-bottom-left-radius: 20px;
       border-bottom-right-radius: 20px;
               }
                       .step-text {
                    width:100%;
                }
               .card-icon {
                 height:auto;
                 margin-bottom: 0;
               }
               .card-tag {
                 font-size:13px;
                 margin-bottom:0;
               }
               .process-grid {
                 gap:15px;
               }
               .process-card h3 {
                 font-size:20px;
               }
               .card-icon svg {
                 width:100px;
                 height:auto;
                 margin-bottom:10px;
               }
               .process-card {
                 padding:16px;
                 border-radius:12px;
               }
               .grid-header {
                 margin-bottom:30px;
               }
               .selection-guide-box {
                 max-width:100%;
                 margin:0;
               }
                 .seo-section.seo-marketing-section {
                     padding: 50px 20px;
                 }
     
                 #neworder div.wrapper {
                     padding: 28px 16px 30px;
                 }
     
                 #neworder .seo-section.seo-marketing-section {
                     padding: 28px 16px;
                 }
     
                 .seo-section p {
                     font-size: 14px;
                 }
     
                 .seo-section h2, .seo-section .seo-title {
                     font-size: 23px;
                 }
     
                 /* 이미지 전환 */
                 figure img.pc-image {
                     display: none;
                 }
     
                 figure img.mo-image {
                     display: block;
                 }
     
                 .mo-br {
                     display: block;
                 }
     
                 .seo-marketing-section p br {
                     display: none;
                 }
     
                 /* 프로세스 섹션 */
                 .step-item,
                 .step-item:nth-child(even) {
                     flex-direction: column;
                     gap: 30px;
                     margin-bottom: 20px;
                     text-align: left;
                 }
     
                 .step-image {
                     max-width: 100%;
                     order: 2;
                   aspect-ratio: initial;
                 }
     
                 .step-text {
                     order: 1;
                 }
     
                
                 .step-text h3 {
                     font-size: 20px;
                 }
     
                 #sns-helper-process {
                     padding: 60px 16px;
                 }
     
                 .process-header {
                     margin-bottom: 50px;
                 }
     
                 .step-text p {
                     font-size: 13px;
                 }
     
                 /* 그리드 프로세스 */
                 .process-grid {
                     grid-template-columns: 1fr;
                     max-width: 500px;
                     margin: 0 auto;
                 }
     
                 #sns-meme-grid-process {
                     padding: 60px 20px;
                 }
     
                 /* 비교 테이블 */
                 #meme-premium-comparison {
                     padding: 80px 16px;
                 }
               .col-label {
                 padding-left:0!important;
               }
              
     
                 .meme-text {
                     font-size: 15px;
                 }
     
                 #comparison-table th,
                 #comparison-table td {
                     padding: 4px 5px;
                     font-size: 10px;
                 }
     
                
     
                 #comparison-table thead th.col-meme {
                     font-size: 16px;
                     width: 35%;
                 }
     
                 .check-icon {
                     width: 15px;
                     height: 15px;
                     font-size: 11px;
                 }
     
                 /* 서비스 카드 */
                 #premium-services {
                     padding: 60px 16px;
                 }
     
                 .service-card {
                     margin-bottom: 10px;
                 }
     
                 .main-content {
                     padding: 16px;
                 }
     
                 .service-title {
                     font-size: 26px;
                 }
     
                 .feature-list li {
                     font-size: 14px;
                 }
     
                 .side-info {
                     padding: 16px;
                 }
     
                 .info-item h4 ,  .info-item h3{
                     font-size: 16px;
                 }
     
                 .info-item p {
                     font-size: 13px;
                 }
     
                /* 리뷰 */
                .review-grid {
                    grid-template-columns: 1fr;
                  margin-top:20px;
                }
                
                /* 벤토 그리드 1열 */
                .bento-container { 
                    grid-template-columns: 1fr; 
                }
                .card-large, .card-medium, .card-full { 
                    grid-column: span 1; 
                    grid-row: auto; 
                }
                .card-title { 
                    font-size: 24px; 
                    text-align: left;
                }
                
                /* 입력 UI 반응형 */
                .input-row { 
                    flex-direction: column; 
                }
             
                .pointer-wrap { 
                    right: 10px; 
                    top: 85px; 
                }
                .guide-dot { 
                    right: 50px; 
                    bottom: -45px; 
                }
               .mo-br {
                display:inline;
              }
                /* 벤토 그리드 1열로 */
                .bento-container {
                    grid-template-columns: 1fr;
                    padding: 0 20px;
                }
                
                .card-large, .card-medium, .card-full {
                    grid-column: span 1;
                    grid-row: auto;
                }
                
                /* 서비스 카드 1열로 */
                .service-card {
                    flex-direction: column !important;
                }
                
                .main-content,
                .side-info {
                    width: 100% !important;
                }
                
                /* 프로세스 그리드 1열로 */
                .process-grid {
                    grid-template-columns: 1fr;
                }
                
                /* 컨테이너 너비 조정 */
                .seo-container,
                .process-container,
                .meme-grid-container,
                .meme-container,
                .services-container {
                    padding: 0;
                }
            }
     
     
            /* ==================== 중형 화면 (992px 이하) ==================== */
            @media (max-width: 992px) {
                .step-item,
                .step-item:nth-child(even) {
                    flex-direction: column;
                    gap: 30px;
                    margin-bottom: 20px;
                    text-align: left;
                }
   
                .step-image {
                    max-width: 100%;
                    order: 2;
                }
   
                .step-text {
                    order: 1;
                }
   
               
   
                .step-text h3 {
                    font-size: 20px;
                }
   
                /* 서비스 카드 */
                .service-card {
                    flex-direction: column !important;
                }
   
                .main-content,
                .side-info {
                    flex: 1;
                }
                
                /* 벤토 그리드 2열 */
                .bento-container { 
                           display: flex;
           flex-direction: column;
                }
                .card-full, .card-large { 
                    grid-column: span 2; 
                }
            }
     /* ==================== 중형 화면 (500px 이하) ==================== */
       @media (max-width: 500px) {
         #neworder .bento-card strong {
           background-image:initial;
         }
         .side-info {
           border:1px solid #eee;
         }
         .feature-list li {
           font-size:12px;
         }
         .bento-btn {
           font-size:12px;
         }
         .comparison-header {
           margin-bottom:30px;
         }
         #meme-premium-comparison .mo-br {
           display:none;
         }
         .table-viewport {
           padding:0 0 20px;
         }
         .selection-guide-box {
                  padding: 20px 10px;
         }
         .process-header {
           margin-bottom:20px;
         }
         .step-title {
           font-size:14px;
           margin-bottom:10px;
         }
         .step-number {
               width: 18px;
       height: 18px;
           font-size:10px;
         }
         .service-item-btn {
           font-size:11px;
         }
         .service-item-btn {gap:4px;}
         .step-image, .service-item-btn {
           border-radius:8px;
         }
         .account-input {
               padding: 5px 12px;
         }
       }
          .info-item:nth-child(1) h4::before, .info-item:nth-child(1) h3::before  {
       content: '01.';
   }
   .info-item:nth-child(2) h4::before, .info-item:nth-child(2) h3::before {
      content: '02.';
   }
   .info-item:nth-child(3) h4::before, .info-item:nth-child(3) h3::before {
       content: '03.'
   }
   .instagram h4::before,  .instagram h3::before {
        color:#ad1457;
   }
   .youtube h4::before, .youtube h3::before {
       color:#b91c1c;
   }
   .facebook .info-item h4::before, .facebook h3::before {
       color:#1e40af;
   }