/* =============================================================
   highplus-marketing inline CSS bundle
   index.html 의 <style> 7 blocks 를 그대로 합친 파일 (순서 보존)
   ============================================================= */

/* === block 1 (was index.html L244-2019) === */
      /* ─── Design Tokens v2 ─── */
      :root {
        --hp-brand: #3478F6;
        --hp-brand-deep: #1A4FE0;
        --hp-brand-light: #5B9BF7;
        --hp-brand-tint: rgba(52, 120, 246, 0.08);
        --hp-accent: #7C5BF5;
        --hp-grad: linear-gradient(135deg, #1A4FE0 0%, #3478F6 50%, #7C5BF5 100%);
        --hp-grad-soft: linear-gradient(135deg, #DBEAFE, #E0E7FF);
        --hp-ink: #0F172A;
        --hp-ink-2: #1E293B;
        --hp-ink-3: #475569;
        --hp-ink-4: #64748B;
        --hp-line: #E2E8F0;
        --hp-line-soft: #F1F5F9;
        --hp-bg-soft: #F8FAFC;
        --hp-bg-blue: #F0F6FF;
        --hp-shadow: 0 8px 24px -8px rgba(15, 23, 42, 0.12), 0 2px 6px rgba(15, 23, 42, 0.04);
        --hp-shadow-lg: 0 28px 56px -16px rgba(15, 23, 42, 0.18), 0 8px 16px -4px rgba(15, 23, 42, 0.06);
        --hp-shadow-brand: 0 16px 32px -8px rgba(52, 120, 246, 0.3);
        --hp-radius: 16px;
        --hp-radius-lg: 24px;
        --hp-radius-xl: 32px;
        --hp-ease: cubic-bezier(.4, 0, .2, 1);

        /* ───────── DESIGN_REFACTOR 1단계: 토큰 보강 (기존 변수 유지) ───────── */
        /* spacing — 8px scale */
        --hp-space-1: 8px;
        --hp-space-2: 16px;
        --hp-space-3: 24px;
        --hp-space-4: 32px;
        --hp-space-5: 40px;
        --hp-space-6: 48px;
        --hp-space-7: 64px;

        /* radius — 카드 표준 20px 반영, pill 추가 */
        --hp-radius-sm: 8px;
        --hp-radius-md: 12px;
        --hp-radius-card: 20px;    /* 메모리 규칙: 카드 표준 */
        --hp-radius-pill: 999px;

        /* transition duration */
        --hp-dur-fast: 0.2s;
        --hp-dur-mid: 0.3s;
        --hp-dur-slow: 0.6s;

        /* easing — 호버는 기존 --hp-ease, 진입은 신규 ease-out */
        --hp-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

        /* ───────── apple-v2 시안 다색 액센트 (2026-05-14) ───────── */
        /* 너무 파랑만 들어가던 톤을 깨기 위한 보조 강조색 */
        --hp-amber: #F59E0B;
        --hp-amber-deep: #F97316;
        --hp-mint: #10B981;
        --hp-mint-deep: #14B8A6;
        --hp-rose: #F43F5E;
        --hp-rose-deep: #EC4899;
        --hp-violet: #8B5CF6;
        --hp-violet-deep: #A855F7;

        /* 강조 그라데이션 */
        --hp-grad-amber: linear-gradient(135deg, #F59E0B 0%, #F97316 100%);
        --hp-grad-mint:  linear-gradient(135deg, #10B981 0%, #14B8A6 100%);
        --hp-grad-rose:  linear-gradient(135deg, #F43F5E 0%, #EC4899 100%);
        --hp-grad-violet:linear-gradient(135deg, #8B5CF6 0%, #A855F7 100%);

        /* 형광펜 색 */
        --hp-hl-yellow: #FDE68A;
        --hp-hl-blue:   #C6D8FF;
        --hp-hl-mint:   #BBF7D0;
        --hp-hl-rose:   #FECDD3;
      }

      /* ───────── 형광펜 마크 유틸 (apple-v2 시그니처) ─────────
         사용: <span class="hl-mark">초진</span>
              <span class="hl-mark grad">차원이 다른</span>  ← .grad와 조합 가능 (텍스트는 블루 그라데이션, 띠는 노랑)
         ::before 레이어로 띠를 그려서 .grad/.grad-highlight의 background-clip 덮어쓰기 문제 회피. */
      .hl-mark {
        position: relative;
        isolation: isolate;
        padding: 0 4px;
        font-weight: 800;
      }
      .hl-mark::before {
        content: '';
        position: absolute;
        left: 0; right: 0;
        bottom: 4%;
        height: 42%;
        background: var(--hp-hl-yellow);
        z-index: -1;
        border-radius: 2px;
      }
      .hl-mark--blue::before  { background: var(--hp-hl-blue); }
      .hl-mark--mint::before  { background: var(--hp-hl-mint); }
      .hl-mark--rose::before  { background: var(--hp-hl-rose); }
      /* 솔리드 블록 — 강한 시선 고정용 */
      .hl-mark--solid-amber {
        background: var(--hp-grad-amber);
        color: #fff;
        -webkit-text-fill-color: #fff;
        padding: 2px 10px;
        border-radius: 6px;
        font-weight: 800;
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
      }

      /* ─── Typography 통일 (시안 A 톤) ─── */
      body {
        font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif !important;
        letter-spacing: -0.011em;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
      }
      h1, h2, h3, h4 { letter-spacing: -0.025em; }

      /* ─── eyebrow / section-tag 통일 ─── */
      .section-tag, .empathy-tag {
        display: inline-flex !important; align-items: center; gap: 8px !important;
        padding: 7px 16px !important; border-radius: 999px !important;
        background: var(--hp-brand-tint) !important; color: var(--hp-brand-deep) !important;
        font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.04em;
        border: 1px solid rgba(52, 120, 246, 0.18) !important;
        margin-bottom: 24px !important; text-transform: uppercase;
      }
      .section-tag::before, .empathy-tag::before {
        content: ''; width: 6px; height: 6px; border-radius: 50%;
        background: var(--hp-brand); box-shadow: 0 0 8px var(--hp-brand);
      }

      /* ─── 카드 스타일 통일 ─── */
      .pain-card, .service-card, .phil-card-wrapper > div:last-child,
      .growth-card, .empathy-bar, .ai-feat-card, .feat-card {
        border-radius: var(--hp-radius-lg) !important;
        transition: transform var(--hp-dur-mid) var(--hp-ease), box-shadow var(--hp-dur-mid) var(--hp-ease), border-color var(--hp-dur-mid) var(--hp-ease) !important;
      }

      /* ─── Buttons (시안 A 톤) ─── */
      .btn-primary {
        background: var(--hp-grad) !important;
        box-shadow: var(--hp-shadow-brand) !important;
        border-radius: 999px !important;
        font-weight: 800 !important;
        transition: transform var(--hp-dur-mid) var(--hp-ease), box-shadow var(--hp-dur-mid) var(--hp-ease) !important;
      }
      .btn-primary:hover {
        transform: translateY(-2px); box-shadow: 0 20px 40px -8px rgba(52, 120, 246, 0.45) !important;
      }
      .btn-secondary {
        background: rgba(255, 255, 255, 0.85) !important;
        color: var(--hp-ink) !important; border: 1.5px solid var(--hp-line) !important;
        backdrop-filter: blur(8px);
        border-radius: 999px !important; font-weight: 800 !important;
        box-shadow: 0 4px 20px rgba(52, 120, 246, 0.3) !important;
      }
      .btn-secondary:hover {
        border-color: var(--hp-brand) !important; color: var(--hp-brand) !important; transform: translateY(-2px);
        box-shadow: 0 8px 30px rgba(52, 120, 246, 0.4) !important;
      }

      /* ─── 섹션 배경 부드러운 전환 (apple-v2 neutral 톤) ─── */
      #ai-manager { background: #f7f8fc !important; }
      #compare { background: var(--hp-bg-soft) !important; }
      #scarcity { background: var(--hp-bg-blue) !important; }

      /* ─── HERO v2 (시안 B 그라데이션 메쉬 + 플로팅 카드) ─── */
      /* apple-v2 히어로 톤 — 좌상단 블루 + 우상단 웜 옐로 radial + 라이트 베이스 */
      #hero.hero-v2 {
        padding: 120px 0 100px !important; min-height: auto !important;
        position: relative; overflow: hidden !important;
        background:
          radial-gradient(900px 500px at 12% -10%, rgba(52, 120, 246, 0.10), transparent 60%),
          radial-gradient(700px 400px at 90% 10%, rgba(255, 200, 80, 0.10), transparent 60%),
          linear-gradient(180deg, #f7f8fc 0%, #ffffff 70%) !important;
      }
      #hero.hero-v2::after {
        content: none;
      }
      #hero.hero-v2 .hero-eyebrow {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 8px 16px; border-radius: 999px;
        background: var(--hp-brand-tint); color: var(--hp-brand-deep);
        font-size: 15.6px; font-weight: 700; letter-spacing: 0.04em;
        border: 1px solid rgba(52, 120, 246, 0.18);
        margin-bottom: 24px;
      }
      #hero.hero-v2 .hero-eyebrow::before {
        content: ''; width: 6px; height: 6px; border-radius: 50%;
        background: var(--hp-brand); box-shadow: 0 0 10px var(--hp-brand);
      }
      #hero.hero-v2 .hero-title {
        font-size: clamp(40px, 6.2vw, 72px) !important;
        font-weight: 900 !important; line-height: 1.12 !important;
        letter-spacing: -0.03em; color: var(--hp-ink); margin: 0 0 24px;
      }
      /* PC에서 첫 줄 한 줄 강제, 작은 화면은 자연 줄바꿈 허용 */
      @media (min-width: 1024px) {
        #hero.hero-v2 .hero-title .hero-line {
          white-space: nowrap;
        }
      }
      /* 히어로 타이틀 내 span 기본 — .hl-mark, .hero-line은 제외 (각자 자기 스타일 유지) */
      #hero.hero-v2 .hero-title .grad-highlight,
      #hero.hero-v2 .hero-title span:not(.hl-mark):not(.hero-line) {
        background: var(--hp-grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
        font-size: inherit !important;   /* style.css의 .grad-highlight 모바일 룰 차단 — 부모 hero-title 사이즈 따름 */
      }
      /* .hero-line은 잉크 블랙 (두 줄 다 동일 톤, 형광펜 강조와 분리) */
      #hero.hero-v2 .hero-title .hero-line {
        background: none !important;
        -webkit-text-fill-color: var(--hp-ink) !important;
        color: var(--hp-ink) !important;
        font-size: inherit !important;
      }
      /* 히어로 타이틀 내 형광펜 강조 — 사이즈/굵기 인헤리트, color는 hl-mark 클래스가 결정 */
      #hero.hero-v2 .hero-title .hl-mark {
        font-size: inherit !important;
        font-weight: 800 !important;
      }
      /* 형광펜(노랑) + 블루 그라데이션 텍스트 콤보 — 노란 띠는 ::before로 뒤에, 텍스트는 그라데이션 클립 */
      #hero.hero-v2 .hero-title .hl-mark.grad-highlight {
        position: relative;
        background: var(--hp-grad) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
        padding: 0 4px;
        isolation: isolate;
      }
      #hero.hero-v2 .hero-title .hl-mark.grad-highlight::before {
        content: '';
        position: absolute;
        left: 0; right: 0;
        bottom: 4%;
        height: 42%;
        background: var(--hp-hl-yellow);
        z-index: -1;
        border-radius: 2px;
      }
      #hero.hero-v2 .hero-subline {
        font-size: clamp(17px, 2vw, 21px) !important; color: var(--hp-ink-3) !important;
        margin: 32px auto 48px !important; line-height: 1.75 !important; max-width: 720px;
      }
      #hero.hero-v2 .hero-btns {
        display: flex; gap: 14px; flex-wrap: wrap; justify-content: center;
      }
      #hero.hero-v2 .hero-btns .btn-primary,
      #hero.hero-v2 .hero-btns .btn-secondary {
        padding: 16px 30px !important; font-size: 16px !important;
        white-space: nowrap !important;
      }
      @media (max-width: 768px) {
        #hero.hero-v2 .hero-btns .btn-primary,
        #hero.hero-v2 .hero-btns .btn-secondary {
          padding: 14px 22px !important;
          font-size: 14px !important;
          width: auto !important;
        }
      }
      .hp-hero-counter {
        display: flex; gap: 36px; margin-top: 72px; justify-content: center; flex-wrap: wrap;
        position: relative; z-index: 2;
      }
      .hp-counter-item {
        position: relative;
        text-align: center;
        padding: 28px 44px;
        min-width: 200px;
        background: rgba(255, 255, 255, 0.78);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border: 1px solid rgba(52, 120, 246, 0.18);
        border-radius: 18px;
        box-shadow:
          0 16px 40px -16px rgba(52, 120, 246, 0.25),
          0 4px 12px -2px rgba(52, 120, 246, 0.08),
          inset 0 1px 0 rgba(255, 255, 255, 0.90);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        overflow: hidden;
      }
      .hp-counter-item::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; height: 2px;
        background: linear-gradient(90deg, transparent 0%, rgba(52, 120, 246, 0.45) 50%, transparent 100%);
        transform: scaleX(0.5);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .hp-counter-item::after {
        content: '';
        position: absolute;
        bottom: -50%; left: 50%;
        transform: translateX(-50%);
        width: 80%; height: 100%;
        background: radial-gradient(ellipse at top, rgba(124, 91, 245, 0.15) 0%, transparent 60%);
        filter: blur(20px);
        pointer-events: none;
        z-index: 0;
      }
      .hp-counter-item:hover {
        transform: translateY(-4px);
        border-color: rgba(52, 120, 246, 0.40);
        box-shadow:
          0 24px 56px -16px rgba(52, 120, 246, 0.35),
          0 8px 20px -4px rgba(124, 91, 245, 0.18),
          inset 0 1px 0 rgba(255, 255, 255, 0.95);
      }
      .hp-counter-item:hover::before {
        transform: scaleX(1);
      }
      .hp-counter-num {
        position: relative; z-index: 1;
        font-size: 58px; font-weight: 900; letter-spacing: -0.04em; line-height: 1;
        background: linear-gradient(135deg, #1A4FE0 0%, #3478F6 50%, #7C5BF5 100%);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
        display: inline-block;
        filter: drop-shadow(0 2px 10px rgba(52, 120, 246, 0.22));
      }
      .hp-counter-label {
        position: relative; z-index: 1;
        font-size: 14.5px; color: var(--hp-ink-3); font-weight: 700;
        margin-top: 10px; letter-spacing: 0.01em;
        text-transform: uppercase;
      }
      /* ─── 카운터 4색 분기 (apple-v2 다색 액센트, 2026-05-14) ─── */
      /* 1) 35+ 파트너 — INDIGO (브랜드 유지) */
      .hp-counter-item:nth-child(1) .hp-counter-num {
        background: linear-gradient(135deg, #1A4FE0 0%, #3478F6 50%, #7C5BF5 100%);
        -webkit-background-clip: text; background-clip: text;
        filter: drop-shadow(0 2px 10px rgba(52, 120, 246, 0.22));
      }
      /* 2) 98% 유지율 — MINT (성공/지속) */
      .hp-counter-item:nth-child(2) .hp-counter-num {
        background: var(--hp-grad-mint);
        -webkit-background-clip: text; background-clip: text;
        filter: drop-shadow(0 2px 10px rgba(16, 185, 129, 0.28));
      }
      .hp-counter-item:nth-child(2)::before {
        background: linear-gradient(90deg, transparent 0%, rgba(16,185,129,0.55) 50%, transparent 100%);
      }
      .hp-counter-item:nth-child(2)::after {
        background: radial-gradient(ellipse at top, rgba(16, 185, 129, 0.15) 0%, transparent 60%);
      }
      .hp-counter-item:nth-child(2):hover { border-color: rgba(16,185,129,0.40); }
      /* 3) 9년 노하우 — AMBER (경험/연륜) */
      .hp-counter-item:nth-child(3) .hp-counter-num {
        background: var(--hp-grad-amber);
        -webkit-background-clip: text; background-clip: text;
        filter: drop-shadow(0 2px 10px rgba(245, 158, 11, 0.30));
      }
      .hp-counter-item:nth-child(3)::before {
        background: linear-gradient(90deg, transparent 0%, rgba(245,158,11,0.55) 50%, transparent 100%);
      }
      .hp-counter-item:nth-child(3)::after {
        background: radial-gradient(ellipse at top, rgba(245, 158, 11, 0.15) 0%, transparent 60%);
      }
      .hp-counter-item:nth-child(3):hover { border-color: rgba(245,158,11,0.40); }
      /* 4) ZERO — ROSE (강한 pop, 시선 고정점) */
      .hp-counter-item:nth-child(4) .hp-counter-num {
        background: var(--hp-grad-rose);
        -webkit-background-clip: text; background-clip: text;
        filter: drop-shadow(0 2px 10px rgba(244, 63, 94, 0.32));
        letter-spacing: -0.05em; /* ZERO 4글자 → 살짝 좁혀 다른 카드와 시각 균형 */
      }
      .hp-counter-item:nth-child(4)::before {
        background: linear-gradient(90deg, transparent 0%, rgba(244,63,94,0.55) 50%, transparent 100%);
      }
      .hp-counter-item:nth-child(4)::after {
        background: radial-gradient(ellipse at top, rgba(244, 63, 94, 0.15) 0%, transparent 60%);
      }
      .hp-counter-item:nth-child(4):hover { border-color: rgba(244,63,94,0.40); }

      @media (max-width: 768px) {
        .hp-counter-item { padding: 16px 20px; min-width: 0; flex: 1 1 30%; }
        .hp-hero-counter { gap: 10px; }
      }
      .hp-hero-float {
        position: absolute; padding: 14px 18px; border-radius: 14px;
        background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px);
        border: 1px solid rgba(226, 232, 240, 0.8);
        box-shadow: var(--hp-shadow);
        font-size: 13px; font-weight: 700; color: var(--hp-ink-2);
        display: flex; align-items: center; gap: 10px;
        animation: hpFloat 5s ease-in-out infinite;
        z-index: 2;
      }
      .hp-hero-float .dot {
        width: 8px; height: 8px; border-radius: 50%;
        background: #10B981; box-shadow: 0 0 10px #10B981;
      }
      .hp-hero-float-1 { top: 14%; left: 14%; }
      .hp-hero-float-2 { top: 18%; right: 14%; animation-delay: 1.2s; }
      .hp-hero-float-3 { bottom: 22%; left: 16%; animation-delay: 2.4s; }
      /* 좁은 데스크탑/태블릿에서 헤드라인 침범 방지 */
      @media (max-width: 1280px) {
        .hp-hero-float-1 { top: 12%; left: 6%; }
        .hp-hero-float-2 { top: 16%; right: 6%; }
        .hp-hero-float-3 { bottom: 18%; left: 8%; }
      }
      @keyframes hpFloat {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-12px); }
      }

      /* ─── #contact 배경 완전 흰색 (블롭/도트 패턴 비활성) ─── */
      #contact .contact-blob,
      #contact .contact-grid-pattern {
        display: none !important;
      }
      #contact {
        background: #ffffff !important;
      }

      /* ─── #contact 풍부한 배경 레이어 (현재 비활성) ─── */
      .contact-blob {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
      }
      .contact-blob-1 {
        top: -18%; right: -12%;
        width: 52vw; height: 52vw;
        background: radial-gradient(circle, rgba(52, 120, 246, 0.22) 0%, rgba(52, 120, 246, 0.06) 35%, transparent 65%);
        filter: blur(60px);
      }
      .contact-blob-2 {
        bottom: -22%; left: -14%;
        width: 46vw; height: 46vw;
        background: radial-gradient(circle, rgba(124, 91, 245, 0.18) 0%, rgba(124, 91, 245, 0.05) 40%, transparent 70%);
        filter: blur(70px);
      }
      .contact-blob-3 {
        top: 38%; right: 18%;
        width: 26vw; height: 26vw;
        background: radial-gradient(circle, rgba(91, 155, 247, 0.16) 0%, transparent 65%);
        filter: blur(50px);
      }
      .contact-blob-4 {
        bottom: 12%; right: -6%;
        width: 22vw; height: 22vw;
        background: radial-gradient(circle, rgba(52, 120, 246, 0.10) 0%, transparent 60%);
        filter: blur(40px);
      }
      /* 도트 그리드 텍스처 */
      .contact-grid-pattern {
        position: absolute; inset: 0;
        background-image: radial-gradient(circle, rgba(52, 120, 246, 0.18) 1px, transparent 1px);
        background-size: 28px 28px;
        background-position: 0 0;
        opacity: 0.45;
        mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.55) 0%, transparent 75%);
        -webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.55) 0%, transparent 75%);
        pointer-events: none;
        z-index: 0;
      }
      /* 떠다니는 액센트 핀 */
      .contact-float {
        position: absolute;
        padding: 12px 18px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(52, 120, 246, 0.15);
        box-shadow: 0 12px 32px -8px rgba(52, 120, 246, 0.20);
        font-size: 13px; font-weight: 700;
        color: #1E293B;
        display: inline-flex; align-items: center; gap: 8px;
        animation: hpFloat 5.5s ease-in-out infinite;
        z-index: 2;
      }
      .contact-float .emoji { font-size: 16px; }
      .contact-float-1 { top: 12%; left: 6%; }
      .contact-float-2 { top: 18%; right: 6%; animation-delay: 1.2s; }
      .contact-float-3 { bottom: 14%; left: 8%; animation-delay: 2.4s; }
      .contact-float-4 { bottom: 18%; right: 7%; animation-delay: 0.8s; }

      /* 폼 카드 자체 강조 — 브랜드 글로우 보더 */
      #contact form#quickForm {
        position: relative;
      }
      #contact .contact-form-wrap {
        position: relative;
      }
      #contact .contact-form-wrap::before {
        content: '';
        position: absolute;
        inset: -1.5px;
        border-radius: 26px;
        background: linear-gradient(135deg,
          rgba(52, 120, 246, 0.50),
          rgba(124, 91, 245, 0.50),
          rgba(91, 155, 247, 0.50));
        z-index: -1;
        opacity: 0.85;
      }

      @media (max-width: 968px) {
        .contact-blob-1 { width: 80vw; height: 80vw; }
        .contact-blob-2 { width: 70vw; height: 70vw; }
        .contact-blob-3, .contact-blob-4 { display: none; }
        .contact-float { display: none; }
        .contact-grid-pattern { background-size: 22px 22px; opacity: 0.3; }
      }
      @media (max-width: 968px) {
        #hero.hero-v2 { padding: 80px 0 60px !important; }
        .hp-hero-float { display: none; }
        .hp-hero-counter { gap: 10px; margin-top: 40px; }
        .hp-counter-num { font-size: 30px; }
        .hp-counter-label { font-size: 11.5px; }
      }

      /* ─── SCARCITY 2분할 (좌: 대행 카드, 우: LIMITED SLOT) ─── */
      .hp-scarcity-grid {
        display: grid; grid-template-columns: 1fr 1fr; gap: 32px;
        max-width: 1100px; margin: 0 auto; align-items: stretch;
      }
      .hp-agency-card {
        padding: 40px 36px; border-radius: var(--hp-radius-xl);
        background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
        color: #fff; position: relative; overflow: hidden;
        box-shadow: var(--hp-shadow-lg);
        display: flex; flex-direction: column;
      }
      .hp-agency-card::before {
        content: ''; position: absolute; top: -150px; right: -150px;
        width: 350px; height: 350px;
        background: var(--hp-grad); opacity: 0.18; filter: blur(80px); border-radius: 50%;
      }
      .hp-agency-card > * { position: relative; z-index: 1; }
      .hp-agency-tag {
        display: inline-block; padding: 6px 14px; border-radius: 999px;
        background: rgba(52, 120, 246, 0.18); color: #3478F6;
        font-size: 12px; font-weight: 800; letter-spacing: 0.08em;
        margin-bottom: 20px; align-self: flex-start;
      }
      .hp-agency-card h3 {
        color: #fff !important; font-size: clamp(22px, 3vw, 28px) !important;
        font-weight: 900 !important; margin: 0 0 8px !important; letter-spacing: -0.03em;
      }
      .hp-agency-card .lead {
        color: rgba(255, 255, 255, 0.88);
        font-size: clamp(0.98rem, 1.7vw, 1.08rem);
        line-height: 1.75; font-weight: 500;
        letter-spacing: -0.005em;
        margin-bottom: 28px; word-break: keep-all;
      }
      .hp-agency-price {
        display: flex; align-items: baseline; gap: 8px;
        padding-bottom: 24px; margin-bottom: 24px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      }
      .hp-agency-price .num {
        font-size: clamp(38px, 5vw, 50px); font-weight: 900; letter-spacing: -0.04em; color: #fff;
      }
      .hp-agency-price .unit { font-size: 16px; color: rgba(255, 255, 255, 0.7); font-weight: 600; }
      .hp-agency-list { list-style: none; padding: 0; margin: 0 0 28px; flex: 1; }
      /* 체크리스트 2그룹 분리 (기본 포함 / 추가 항목) */
      .hp-agency-groups {
        flex: 1; display: flex; flex-direction: column;
        gap: 18px; margin-bottom: 28px;
      }
      .hp-agency-groups .hp-agency-list {
        margin: 0; flex: initial;
      }
      .hp-agency-group { display: flex; flex-direction: column; }
      /* 챕터 디바이더 스타일 라벨 ─── 텍스트 ─── */
      .hp-agency-group-label {
        display: flex; align-items: center; gap: 16px;
        font-size: 11.5px; font-weight: 800;
        letter-spacing: 0.22em; text-transform: uppercase;
        color: rgba(255, 255, 255, 0.55);
        margin: 0 0 22px; padding: 0;
        align-self: stretch;
        background: transparent;
        border: none;
        border-radius: 0;
      }
      .hp-agency-group-label::before,
      .hp-agency-group-label::after {
        content: '';
        flex: 1;
        height: 1px;
        background: linear-gradient(90deg,
          transparent,
          rgba(255, 255, 255, 0.16) 50%,
          transparent);
      }
      .hp-agency-group--addon {
        padding-top: 8px;
      }
      .hp-agency-group--addon .hp-agency-group-label {
        color: rgba(52, 120, 246, 0.95);
        text-shadow: 0 0 12px rgba(52, 120, 246, 0.35);
      }
      .hp-agency-group--addon .hp-agency-group-label::before,
      .hp-agency-group--addon .hp-agency-group-label::after {
        background: linear-gradient(90deg,
          transparent,
          rgba(52, 120, 246, 0.35) 50%,
          transparent);
      }
      .hp-agency-list li {
        display: flex; gap: 12px; align-items: flex-start;
        padding: 9px 0; font-size: 16.1px; color: rgba(255, 255, 255, 0.92); line-height: 1.6;
      }
      .hp-agency-list li::before {
        content: ''; flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px;
        background: var(--hp-grad); border-radius: 50%;
        background-image:
          linear-gradient(135deg, #3478F6 0%, #7C5BF5 100%),
          url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
        background-size: cover, 12px;
        background-repeat: no-repeat;
        background-position: center;
      }
      .hp-agency-cta {
        display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        padding: 16px 24px; border-radius: 999px;
        background: #fff; color: var(--hp-brand-deep);
        font-size: 15px; font-weight: 800; text-decoration: none;
        transition: transform var(--hp-dur-mid) var(--hp-ease), background var(--hp-dur-mid) var(--hp-ease);
      }
      .hp-agency-cta:hover { background: #3478F6; color: var(--hp-ink); transform: translateY(-2px); }
      .hp-agency-note {
        margin-top: 14px; padding: 12px 16px;
        background: rgba(255, 255, 255, 0.06); border-radius: 12px;
        font-size: 12px; color: rgba(255, 255, 255, 0.78); line-height: 1.55;
      }
      .hp-agency-note strong { color: #3478F6; }
      .hp-scarcity-card {
        padding: 40px 36px; border-radius: var(--hp-radius-xl);
        background: #fff; border: 1px solid var(--hp-line);
        box-shadow: var(--hp-shadow);
        display: flex; flex-direction: column; justify-content: center;
      }
      /* LIMITED 카드 하단 풀폭 변형 (별도 레이아웃 블록, 가운데 정렬) */
      .hp-scarcity-card--full {
        margin-top: 64px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 64px 56px !important;
        text-align: center;
        align-items: center !important;
        position: relative;
      }
      .hp-scarcity-card--full::before {
        content: '';
        position: absolute;
        top: -32px; left: 50%;
        transform: translateX(-50%);
        width: 1px; height: 32px;
        background: linear-gradient(180deg, transparent 0%, rgba(52, 120, 246, 0.55) 100%);
      }
      .hp-scarcity-card--full .section-tag {
        align-self: center !important;
        margin: 0 auto 1.4rem !important;
      }
      .hp-scarcity-card--full h2 {
        text-align: center !important;
      }
      .hp-scarcity-card--full p {
        text-align: center !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .hp-scarcity-card--full .btn-primary {
        align-self: center !important;
      }
      @media (max-width: 768px) {
        .hp-scarcity-card--full {
          margin-top: 48px;
          padding: 44px 28px !important;
        }
      }

      /* ─── 대행사 접수폼 카드 (FULL MANAGEMENT 옆) ─── */
      .hp-agency-form-card {
        padding: 40px 36px; border-radius: var(--hp-radius-xl);
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
        color: #fff; position: relative; overflow: hidden;
        box-shadow: var(--hp-shadow-lg);
        display: flex; flex-direction: column;
      }
      .hp-agency-form-card::before {
        content: ''; position: absolute; top: -150px; left: -150px;
        width: 350px; height: 350px;
        background: radial-gradient(circle, rgba(124, 131, 255, 0.20) 0%, transparent 65%);
        filter: blur(80px); border-radius: 50%;
      }
      .hp-agency-form-card > * { position: relative; z-index: 1; }
      .hp-agency-form-card .hp-agency-tag {
        background: rgba(124, 131, 255, 0.18) !important;
        color: #7c83ff !important;
      }
      .hp-agency-form-card h3 {
        color: #fff !important; font-size: clamp(22px, 3vw, 28px) !important;
        font-weight: 900 !important; margin: 0 0 8px !important; letter-spacing: -0.03em;
      }
      .hp-agency-form-card .lead {
        color: rgba(255, 255, 255, 0.88);
        font-size: clamp(0.98rem, 1.7vw, 1.08rem);
        line-height: 1.75; font-weight: 500;
        letter-spacing: -0.005em;
        margin-bottom: 24px; word-break: keep-all;
      }
      .hp-agency-form {
        display: flex; flex-direction: column; gap: 16px;
        flex: 1;
      }
      .hp-agency-form .hp-form-group {
        display: flex; flex-direction: column; gap: 6px;
      }
      .hp-agency-form .hp-form-group label {
        font-size: 13px; font-weight: 700;
        color: rgba(255, 255, 255, 0.85);
        letter-spacing: -0.005em;
      }
      .hp-agency-form input,
      .hp-agency-form textarea {
        width: 100%;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 12px;
        padding: 12px 16px;
        color: #fff;
        font-size: 15px;
        font-family: inherit;
        transition: border-color 0.2s, background 0.2s;
      }
      .hp-agency-form input::placeholder,
      .hp-agency-form textarea::placeholder {
        color: rgba(255, 255, 255, 0.40);
      }
      .hp-agency-form input:focus,
      .hp-agency-form textarea:focus {
        outline: none;
        border-color: #7c83ff;
        background: rgba(255, 255, 255, 0.10);
        box-shadow: 0 0 0 3px rgba(124, 131, 255, 0.18);
      }
      /* ─── 다크 + 골드 체크박스 (관심 서비스 선택) ─── */
      .hp-checkbox-group {
        display: flex; flex-wrap: wrap; gap: 8px;
        margin-top: 4px;
      }
      .hp-checkbox {
        position: relative;
        display: inline-flex; align-items: center; gap: 10px;
        padding: 10px 16px;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 12px;
        cursor: pointer;
        flex: 1;
        min-width: 30%;
        justify-content: center;
        transition: background 0.25s, border-color 0.25s, box-shadow 0.25s, transform 0.25s;
      }
      .hp-checkbox:hover {
        background: rgba(124, 131, 255, 0.08);
        border-color: rgba(124, 131, 255, 0.30);
      }
      .hp-checkbox input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
      }
      .hp-checkbox__box {
        position: relative;
        width: 18px; height: 18px;
        background: rgba(255, 255, 255, 0.06);
        border: 1.5px solid rgba(255, 255, 255, 0.30);
        border-radius: 5px;
        transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
        flex-shrink: 0;
      }
      .hp-checkbox__box::after {
        content: '';
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -55%) rotate(45deg) scale(0);
        width: 5px; height: 9px;
        border-right: 2px solid #1a1208;
        border-bottom: 2px solid #1a1208;
        transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .hp-checkbox__label {
        font-size: 14px; font-weight: 700;
        color: rgba(255, 255, 255, 0.85);
        letter-spacing: -0.005em;
        transition: color 0.2s;
      }
      .hp-checkbox input[type="checkbox"]:checked ~ .hp-checkbox__box {
        background: linear-gradient(135deg, #A5B0FF 0%, #7c83ff 100%);
        border-color: #7c83ff;
        box-shadow: 0 0 0 3px rgba(124, 131, 255, 0.20), 0 0 12px rgba(124, 131, 255, 0.40);
      }
      .hp-checkbox input[type="checkbox"]:checked ~ .hp-checkbox__box::after {
        transform: translate(-50%, -65%) rotate(45deg) scale(1);
      }
      .hp-checkbox:has(input[type="checkbox"]:checked) {
        background: rgba(124, 131, 255, 0.12);
        border-color: var(--neon-gold-core, #7c83ff);
        box-shadow: 0 0 0 1px rgba(124, 131, 255, 0.30), 0 8px 20px -8px rgba(124, 131, 255, 0.30);
      }
      .hp-checkbox:has(input[type="checkbox"]:checked) .hp-checkbox__label {
        color: var(--neon-gold-bright, #C7D2FE);
      }
      @media (max-width: 480px) {
        .hp-checkbox { min-width: 100%; flex: 0 0 100%; }
      }
      .hp-agency-form textarea {
        resize: vertical;
        min-height: 84px;
        line-height: 1.55;
      }
      .hp-agency-form .hp-agency-submit {
        display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        padding: 16px 24px; border-radius: 999px;
        background: linear-gradient(135deg, #7c83ff 0%, #6366f1 100%);
        color: #1a1a2e;
        font-size: 15px; font-weight: 900; letter-spacing: -0.005em;
        border: none; cursor: pointer; margin-top: 8px;
        box-shadow: 0 10px 24px -8px rgba(124, 131, 255, 0.40);
        transition: transform 0.2s, box-shadow 0.2s;
      }
      .hp-agency-form .hp-agency-submit:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 32px -8px rgba(124, 131, 255, 0.55);
      }
      .hp-agency-form .hp-form-note {
        font-size: 12px; color: rgba(255, 255, 255, 0.55);
        text-align: center; margin: 4px 0 0; line-height: 1.55;
      }

      @media (max-width: 968px) {
        .hp-scarcity-grid { grid-template-columns: 1fr; gap: 20px; }
        .hp-scarcity-card--full { margin-top: 20px; }
        .hp-agency-form-card { padding: 32px 24px; }
      }

      /* ─── PART 1 / PART 2 구분 그라데이션 디바이더 ─── */
      .hp-part-divider {
        position: relative; padding: 80px 5%;
        background:
          radial-gradient(ellipse 60% 100% at 50% 50%, rgba(52, 120, 246, 0.08), transparent 70%),
          linear-gradient(180deg, #ffffff 0%, #F8FAFC 50%, #ffffff 100%);
        text-align: center; overflow: hidden;
      }
      .hp-part-divider.is-clickable {
        cursor: pointer; transition: background var(--hp-dur-mid) var(--hp-ease);
        outline: none;
      }
      .hp-part-divider.is-clickable:hover {
        background:
          radial-gradient(ellipse 60% 100% at 50% 50%, rgba(52, 120, 246, 0.16), transparent 70%),
          linear-gradient(180deg, #F8FAFC 0%, #EFF4FE 50%, #F8FAFC 100%);
      }
      .hp-part-divider.is-clickable:hover .hp-part-divider__arrow {
        background: var(--hp-brand); color: #fff; border-color: var(--hp-brand);
        box-shadow: 0 12px 28px -8px rgba(52, 120, 246, 0.55);
      }
      .hp-part-divider.is-clickable:focus-visible {
        box-shadow: inset 0 0 0 2px rgba(52, 120, 246, 0.5);
      }
      .hp-part-divider::before,
      .hp-part-divider::after {
        content: ''; position: absolute; left: 50%; transform: translateX(-50%);
        width: 60%; height: 1px;
        background: linear-gradient(90deg, transparent, rgba(52, 120, 246, 0.35), transparent);
      }
      .hp-part-divider::before { top: 0; }
      .hp-part-divider::after  { bottom: 0; }
      .hp-part-divider__inner { max-width: 880px; margin: 0 auto; position: relative; z-index: 1; }
      .hp-part-badge {
        display: inline-flex; align-items: center; gap: 10px;
        padding: 8px 18px; border-radius: 999px;
        background: var(--hp-grad);
        color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 0.12em;
        text-transform: uppercase;
        box-shadow: 0 12px 28px -8px rgba(52, 120, 246, 0.45);
        margin-bottom: 22px;
      }
      .hp-part-badge::before {
        content: ''; width: 6px; height: 6px; border-radius: 50%;
        background: #3478F6; box-shadow: 0 0 10px #3478F6;
      }
      /* PART 02 서비스명 라벨 — 다크 pill + 블루 텍스트 (이전 골드 → 블루 retarget) */
      .hp-part-service-name {
        display: inline-block;
        margin: -4px 0 20px;
        padding: 6px 18px;
        background: linear-gradient(135deg, #1a1a2e 0%, #252550 100%);
        border: 1px solid rgba(124, 131, 255, 0.40);
        border-radius: 6px;
        font-size: clamp(0.88rem, 1.45vw, 1.02rem);
        font-weight: 800;
        color: #A5B0FF;
        letter-spacing: 0.05em;
        box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(124, 131, 255, 0.10);
        text-shadow: 0 0 14px rgba(124, 131, 255, 0.30);
      }
      .hp-part-divider p .gold-emph {
        color: #A5B0FF;
        font-weight: 800;
        background: linear-gradient(180deg, transparent 62%, rgba(124, 131, 255, 0.22) 62%);
        padding: 0 2px;
      }
      @media (max-width: 768px) {
        .hp-part-service-name {
          padding: 5px 14px;
          letter-spacing: 0.04em;
          margin: -2px 0 16px;
        }
      }
      .hp-part-divider h3 {
        font-size: clamp(1.5rem, 3.4vw, 2.2rem); font-weight: 900; color: var(--hp-ink);
        letter-spacing: -0.035em; line-height: 1.3; margin: 0 0 14px;
      }
      .hp-part-divider h3 .grad {
        background: var(--hp-grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .hp-part-divider p {
        font-size: clamp(0.95rem, 1.7vw, 1.05rem); color: var(--hp-ink-3);
        line-height: 1.7; margin: 0 auto; max-width: 840px; word-break: keep-all;
      }
      .hp-part-divider p .hp-part-bridge {
        display: inline-block;
        color: var(--hp-ink-4);
        font-size: 0.95em;
        font-weight: 500;
        margin-bottom: 4px;
      }
      .hp-part-divider p .hp-part-detail {
        display: inline-block;
        white-space: nowrap;
      }
      @media (max-width: 900px) {
        .hp-part-divider p .hp-part-detail {
          white-space: normal;
        }
      }
      .hp-part-divider__arrow {
        margin-top: 28px; display: inline-flex; align-items: center; justify-content: center;
        width: 44px; height: 44px; border-radius: 50%;
        background: #fff; border: 1.5px solid var(--hp-line);
        color: var(--hp-brand-deep); animation: hpDownBounce 1.8s ease-in-out infinite;
        box-shadow: var(--hp-shadow);
      }
      @keyframes hpDownBounce {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(8px); }
      }
      @media (max-width: 768px) {
        .hp-part-divider { padding: 56px 5%; }
      }

      /* ─── #ai-features (3개 기능 쇼케이스, apple-v2 white 톤) ─── */
      #ai-features {
        padding: 6rem 5%;
        background: #ffffff;
        position: relative; overflow: hidden;
      }
      #ai-features::before {
        content: none;
      }
      #ai-features .features-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
      #ai-features .features-head {
        text-align: center; max-width: 720px; margin: 0 auto 4rem;
      }
      #ai-features .features-head h2 {
        font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; color: var(--hp-ink);
        letter-spacing: -0.03em; margin: 0 0 1rem; line-height: 1.25;
      }
      #ai-features .features-head h2 .grad {
        background: var(--hp-grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      #ai-features .features-head p {
        color: var(--hp-ink-2); font-size: clamp(1.05rem, 2vw, 1.22rem);
        line-height: 1.7; font-weight: 600; margin: 0.4rem 0 0; word-break: keep-all; letter-spacing: -0.012em;
      }
      #ai-features .features-head p strong {
        font-weight: 800;
        background: linear-gradient(135deg, #1A4FE0, #3478F6 50%, #7C5BF5);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .hp-feat-list { display: flex; flex-direction: column; gap: 80px; }
      .hp-feat-row {
        display: grid; grid-template-columns: 1fr 1fr;
        gap: 64px; align-items: center;
      }
      .hp-feat-row:nth-child(even) .hp-feat-text { order: 2; }
      .hp-feat-row:nth-child(even) .hp-feat-visual { order: 1; }
      /* 카드 사이 구분선 (데스크톱/모바일 공통) */
      .hp-feat-row:not(:last-child) {
        padding-bottom: 80px;
        border-bottom: 1px solid rgba(52, 120, 246, 0.18);
      }
      .hp-feat-title {
        font-size: clamp(1.55rem, 3vw, 2.2rem); font-weight: 900;
        color: var(--hp-ink); letter-spacing: -0.035em;
        line-height: 1.22; margin: 0 0 24px;
      }
      .hp-feat-title .grad {
        background: var(--hp-grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      /* 첫 번째 단락 — 리드 콜아웃 (브랜드 보더 + 살짝 큰 본문) */
      .hp-feat-desc:first-of-type {
        font-size: clamp(1.05rem, 1.9vw, 1.16rem);
        color: var(--hp-ink); line-height: 1.65; font-weight: 700;
        margin: 0 0 18px; word-break: keep-all; letter-spacing: -0.012em;
        padding: 4px 0 4px 16px;
        border-left: 3px solid #3478F6;
        background: linear-gradient(90deg, rgba(52, 120, 246, 0.06) 0%, transparent 50%);
        border-radius: 0 8px 8px 0;
      }
      /* 나머지 본문 단락 */
      .hp-feat-desc {
        font-size: clamp(0.96rem, 1.65vw, 1.04rem);
        color: var(--hp-ink-3); line-height: 1.78; font-weight: 500;
        margin: 0 0 10px; word-break: keep-all; letter-spacing: -0.008em;
      }
      .hp-feat-desc strong {
        color: var(--hp-ink); font-weight: 700;
      }
      .hp-feat-desc:last-of-type { margin-bottom: 24px; }

      /* 체크리스트 — 2열 그리드 카드 형태 */
      .hp-feat-checks {
        list-style: none; padding: 20px 0 0; margin: 0;
        display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
        border-top: 1px dashed rgba(52, 120, 246, 0.18);
      }
      .hp-feat-checks li {
        display: flex; gap: 12px; align-items: flex-start;
        font-size: 15.5px; color: var(--hp-ink); line-height: 1.5;
        font-weight: 700; letter-spacing: -0.012em;
        padding: 13px 16px;
        background: linear-gradient(135deg, rgba(52, 120, 246, 0.05), rgba(124, 91, 245, 0.03));
        border: 1px solid rgba(52, 120, 246, 0.14);
        border-radius: 12px;
        word-break: keep-all;
        transition: background 0.2s, border-color 0.2s, transform 0.2s;
      }
      .hp-feat-checks li:hover {
        background: linear-gradient(135deg, rgba(52, 120, 246, 0.09), rgba(124, 91, 245, 0.06));
        border-color: rgba(52, 120, 246, 0.28);
        transform: translateY(-1px);
      }
      .hp-feat-checks li::before {
        content: ''; flex-shrink: 0; width: 22px; height: 22px; margin-top: 2px;
        background: var(--hp-grad);
        border-radius: 50%;
        background-image:
          linear-gradient(135deg, #3478F6 0%, #7C5BF5 100%),
          url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
        background-size: cover, 12px;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0 2px 8px rgba(52, 120, 246, 0.30);
      }
      @media (max-width: 768px) {
        .hp-feat-checks { grid-template-columns: 1fr; }
        .hp-feat-checks li { font-size: 14.5px; padding: 12px 14px; }
      }

      /* ═════════ FEATURE 미리보기 모달 ═════════ */
      /* 영상 + 버튼 묶음 (오른쪽 칸을 세로로 쌓음) */
      .hp-feat-visual-col {
        display: flex; flex-direction: column; gap: 48px;
      }
      .hp-feat-preview-group {
        display: flex; flex-wrap: wrap; gap: 8px;
      }
      .hp-feat-preview-group--below {
        justify-content: center;
      }
      @media (max-width: 968px) {
        .hp-feat-visual-col { gap: 32px; }
        .hp-feat-preview-group--below { justify-content: flex-start; }
      }
      .hp-feat-preview-btn {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 9px 16px;
        background: var(--hp-grad);
        color: #fff; border: none; border-radius: 999px;
        font-size: 13px; font-weight: 700; letter-spacing: -0.012em;
        cursor: pointer;
        box-shadow: 0 8px 18px -8px rgba(52, 120, 246, 0.45);
        transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s;
      }
      .hp-feat-preview-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 26px -10px rgba(52, 120, 246, 0.55);
      }
      .hp-feat-preview-btn:active { transform: translateY(0); }

      /* 의과 — 시그니처 블루 (기본 톤 명시) */
      .hp-feat-preview-btn--medical {
        background: linear-gradient(135deg, #3478F6 0%, #5B9BF7 100%);
        box-shadow: 0 8px 18px -8px rgba(52, 120, 246, 0.45);
      }
      .hp-feat-preview-btn--medical:hover {
        box-shadow: 0 14px 26px -10px rgba(52, 120, 246, 0.55);
      }

      /* 한의과 — 자연 그린 톤 */
      .hp-feat-preview-btn--oriental {
        background: linear-gradient(135deg, #16A37F 0%, #2BC196 100%);
        box-shadow: 0 8px 18px -8px rgba(22, 163, 127, 0.45);
      }
      .hp-feat-preview-btn--oriental:hover {
        box-shadow: 0 14px 26px -10px rgba(22, 163, 127, 0.55);
      }

      /* 치과 — 준비중, 연한 핑크 muted */
      .hp-feat-preview-btn--soon {
        background: #fdeef2;
        color: #c4677b;
        border: 1.5px dashed #f3c1cd;
        box-shadow: none;
        cursor: not-allowed;
      }
      .hp-feat-preview-btn--soon:hover {
        transform: none;
        box-shadow: none;
      }
      .hp-feat-preview-btn__badge {
        display: inline-flex; align-items: center;
        margin-left: 2px;
        padding: 2px 7px;
        background: #fff;
        color: #c4677b;
        border: 1px solid #f3c1cd;
        border-radius: 999px;
        font-size: 10.5px; font-weight: 800; letter-spacing: 0;
      }

      .hp-modal {
        position: fixed; inset: 0; z-index: 1000;
        display: none;
        align-items: center; justify-content: center;
        padding: 24px;
      }
      .hp-modal.is-open { display: flex; }
      .hp-modal__backdrop {
        position: absolute; inset: 0;
        background: rgba(15, 23, 42, 0.55);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        animation: hpModalFade 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .hp-modal__panel {
        position: relative;
        width: 100%; max-width: 720px;
        max-height: 85vh;
        background: #fff;
        border-radius: 24px;
        box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.40);
        overflow: hidden;
        display: flex; flex-direction: column;
        animation: hpModalSlide 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      }
      @keyframes hpModalFade {
        from { opacity: 0; }
        to { opacity: 1; }
      }
      @keyframes hpModalSlide {
        from { opacity: 0; transform: translateY(20px) scale(0.97); }
        to { opacity: 1; transform: translateY(0) scale(1); }
      }
      .hp-modal__close {
        position: absolute; top: 16px; right: 16px;
        width: 36px; height: 36px;
        border-radius: 50%;
        background: rgba(15, 23, 42, 0.06);
        border: none;
        font-size: 18px;
        cursor: pointer;
        display: flex; align-items: center; justify-content: center;
        z-index: 2;
        color: var(--hp-ink-2);
        transition: background 0.2s;
      }
      .hp-modal__close:hover { background: rgba(15, 23, 42, 0.12); }
      .hp-modal__header {
        padding: 32px 36px 20px;
        border-bottom: 1px solid var(--hp-line);
      }
      .hp-modal__tag {
        display: inline-block;
        font-size: 12px; font-weight: 800;
        letter-spacing: 0.1em; text-transform: uppercase;
        color: var(--hp-brand);
        background: rgba(52, 120, 246, 0.08);
        border: 1px solid rgba(52, 120, 246, 0.18);
        padding: 5px 12px; border-radius: 999px;
        margin-bottom: 12px;
      }
      .hp-modal__title {
        font-size: 22px; font-weight: 800;
        color: var(--hp-ink); line-height: 1.35;
        margin: 0 0 6px; letter-spacing: -0.018em;
        word-break: keep-all;
      }
      .hp-modal__sub {
        font-size: 13.5px; color: var(--hp-ink-3);
        margin: 0; font-weight: 600;
      }
      .hp-modal__body {
        padding: 24px 36px 32px;
        overflow-y: auto; flex: 1;
        font-size: 15px; line-height: 1.75;
        color: var(--hp-ink-2);
      }
      .hp-modal__body h4 {
        font-size: 17px; font-weight: 800;
        color: var(--hp-ink); margin: 24px 0 10px;
        letter-spacing: -0.012em;
      }
      .hp-modal__body h4:first-child { margin-top: 0; }
      .hp-modal__body p {
        margin: 0 0 12px;
        word-break: keep-all;
      }
      .hp-modal__body strong {
        color: var(--hp-brand-deep); font-weight: 700;
      }
      @media (max-width: 768px) {
        .hp-modal { padding: 16px; }
        .hp-modal__panel { max-height: 90vh; border-radius: 18px; }
        .hp-modal__header { padding: 24px 22px 16px; }
        .hp-modal__body { padding: 20px 22px 24px; font-size: 14px; }
        .hp-modal__title { font-size: 19px; }
        .hp-feat-preview-btn { padding: 8px 14px; font-size: 12.5px; }
      }

      .hp-feat-visual {
        position: relative; border-radius: 24px;
        background: linear-gradient(135deg, #F4F7FF 0%, #E5EEFD 50%, #DDE7FC 100%);
        padding: 14px; aspect-ratio: 16 / 10;
        box-shadow:
          0 28px 64px -16px rgba(52, 120, 246, 0.28),
          0 8px 24px -8px rgba(124, 91, 245, 0.18),
          0 0 0 1px rgba(52, 120, 246, 0.10),
          inset 0 1px 0 rgba(255, 255, 255, 0.90),
          inset 0 -1px 0 rgba(52, 120, 246, 0.08);
        display: flex; align-items: center; justify-content: center;
        overflow: hidden;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .hp-feat-visual::before {
        content: ''; position: absolute; inset: 8px;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: inset 0 0 0 1px rgba(52, 120, 246, 0.10);
        pointer-events: none;
        z-index: 0;
      }
      .hp-feat-visual::after {
        content: ''; position: absolute;
        top: -40%; right: -10%;
        width: 60%; height: 60%;
        background: radial-gradient(circle, rgba(124, 91, 245, 0.18) 0%, transparent 70%);
        filter: blur(40px);
        pointer-events: none;
        z-index: 0;
      }
      .hp-feat-visual video {
        position: relative;
        z-index: 1;
        border-radius: 14px !important;
      }
      .hp-feat-visual:hover {
        transform: translateY(-6px);
        box-shadow:
          0 36px 80px -16px rgba(52, 120, 246, 0.40),
          0 12px 32px -8px rgba(124, 91, 245, 0.28),
          0 0 0 1px rgba(52, 120, 246, 0.20),
          inset 0 1px 0 rgba(255, 255, 255, 0.95),
          inset 0 -1px 0 rgba(52, 120, 246, 0.12);
      }
      @media (max-width: 968px) {
        .hp-feat-list { gap: 48px; }
        .hp-feat-row { grid-template-columns: 1fr; gap: 24px; }
        .hp-feat-row:nth-child(even) .hp-feat-text { order: 1; }
        .hp-feat-row:nth-child(even) .hp-feat-visual { order: 2; }
        .hp-feat-visual { padding: 24px; aspect-ratio: 16/11; }
        /* 모바일은 padding-bottom 만 줄임 (border 는 베이스 룰 사용) */
        .hp-feat-row:not(:last-child) {
          padding-bottom: 48px;
        }
      }
      /* ─── #ai-benefits (8개 기능 빠른 요약, apple-v2 soft 톤) ─── */
      #ai-benefits {
        padding: 6rem 5%;
        background: #f7f8fc;
        position: relative;
      }
      #ai-benefits .benefits-inner { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; }
      #ai-benefits .hp-benefit-card {
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
      }
      #ai-benefits .hp-benefit-card:hover {
        box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.15);
      }
      #ai-benefits .benefits-head {
        text-align: center; max-width: 720px; margin: 0 auto 3rem;
      }
      #ai-benefits .benefits-head h2 {
        font-size: clamp(1.6rem, 3.6vw, 2.4rem); font-weight: 900;
        color: var(--hp-ink); letter-spacing: -0.03em;
        line-height: 1.3; margin: 0 0 0.8rem;
      }
      #ai-benefits .benefits-head h2 .grad {
        background: var(--hp-grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      #ai-benefits .benefits-head p {
        color: var(--hp-ink-2); font-size: clamp(1.05rem, 1.9vw, 1.22rem);
        line-height: 1.7; font-weight: 600; margin: 0.4rem 0 0; word-break: keep-all; letter-spacing: -0.012em;
      }
      #ai-benefits .benefits-head p strong {
        font-weight: 800;
        background: linear-gradient(135deg, #1A4FE0, #3478F6 50%, #7C5BF5);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .hp-benefit-grid {
        display: grid; grid-template-columns: repeat(4, 1fr); gap: 44px 16px;
      }
      .hp-benefit-card {
        padding: 30px 24px; border-radius: var(--hp-radius-lg);
        background: #fff; border: 1px solid var(--hp-line);
        text-align: center;
        transition: transform var(--hp-dur-mid) var(--hp-ease), border-color var(--hp-dur-mid) var(--hp-ease), box-shadow var(--hp-dur-mid) var(--hp-ease);
      }
      .hp-benefit-card:hover {
        transform: translateY(-4px); border-color: var(--hp-brand);
        box-shadow: var(--hp-shadow);
      }
      .hp-benefit-card__icon {
        width: 52px; height: 52px; border-radius: 14px;
        background: var(--hp-grad);
        color: #fff;
        display: flex; align-items: center; justify-content: center;
        font-size: 24px; margin: 0 auto 18px;
        box-shadow: 0 12px 22px -10px rgba(52, 120, 246, 0.45);
      }
      /* apple-v2 다색 액센트 — 8 cards × 4 colors rotate */
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+1) .hp-benefit-card__icon { background: var(--hp-grad-amber); box-shadow: 0 12px 22px -10px rgba(245,158,11,0.45); }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+2) .hp-benefit-card__icon { background: var(--hp-grad-rose);  box-shadow: 0 12px 22px -10px rgba(244,63,94,0.45); }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+3) .hp-benefit-card__icon { background: var(--hp-grad);        box-shadow: 0 12px 22px -10px rgba(52,120,246,0.45); }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+4) .hp-benefit-card__icon { background: var(--hp-grad-violet); box-shadow: 0 12px 22px -10px rgba(139,92,246,0.45); }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+5) .hp-benefit-card__icon { background: var(--hp-grad-mint);   box-shadow: 0 12px 22px -10px rgba(16,185,129,0.45); }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+6) .hp-benefit-card__icon { background: linear-gradient(135deg,#0ea5e9,#38bdf8); box-shadow: 0 12px 22px -10px rgba(14,165,233,0.45); }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+7) .hp-benefit-card__icon { background: linear-gradient(135deg,#f97316,#ea580c); box-shadow: 0 12px 22px -10px rgba(249,115,22,0.45); }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n)   .hp-benefit-card__icon { background: var(--hp-grad-rose); box-shadow: 0 12px 22px -10px rgba(244,63,94,0.45); }
      .hp-benefit-card h4 {
        font-size: 18.7px; font-weight: 800; color: var(--hp-ink);
        margin: 0 0 10px; letter-spacing: -0.02em;
      }
      /* 카드 제목 컬러 — 각 아이콘 배경과 동일 톤으로 강조 (8n nth-child 매칭) */
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+1) h4 { color: #d97706; }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+2) h4 { color: #e11d48; }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+3) h4 { color: #1A4FE0; }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+4) h4 { color: #7c3aed; }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+5) h4 { color: #059669; }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+6) h4 { color: #0284c7; }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n+7) h4 { color: #ea580c; }
      .hp-benefit-grid .hp-benefit-card:nth-child(8n)   h4 { color: #e11d48; }
      .hp-benefit-card p {
        font-size: 14.85px; color: var(--hp-ink-2);
        margin: 0; line-height: 1.6; word-break: keep-all;
        font-weight: 700; letter-spacing: -0.012em;
      }
      .hp-benefit-card__note {
        margin-top: 10px; padding-top: 10px;
        border-top: 1px dashed var(--hp-line);
        font-size: 12px; color: var(--hp-ink-3); font-weight: 600;
        line-height: 1.5;
      }
      .hp-benefit-card__note strong { color: var(--hp-brand-deep); }
      @media (max-width: 968px) {
        .hp-benefit-grid { grid-template-columns: 1fr 1fr; }
      }
      @media (max-width: 480px) {
        .hp-benefit-grid { grid-template-columns: 1fr; }
      }

      /* ─── #ai-manager 가격카드 2단 높이 매칭 ─── */
      #ai-manager .ai-two-col > div { height: 100%; }

      /* ═════════ apple-v2 PAIN TILE (centered) ═════════ */
      #ai-manager .pain-tile-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 18px !important;
      }
      #ai-manager .pain-tile {
        background: #ffffff;
        border-radius: 20px;
        padding: 28px 24px 26px;
        border: 1px solid rgba(52,120,246,0.12);
        text-align: center;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
      }
      #ai-manager .pain-tile:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 34px -20px rgba(52,120,246,0.30);
        border-color: rgba(52,120,246,0.32);
      }
      #ai-manager .pain-tile__ic {
        width: 56px; height: 56px; border-radius: 16px;
        display: grid; place-items: center;
        color: #fff; margin: 0 auto 16px;
        font-size: 26px;
      }
      #ai-manager .pain-tile__ic--indigo { background: var(--hp-grad);        box-shadow: 0 12px 24px -10px rgba(52,120,246,0.45); }
      #ai-manager .pain-tile__ic--amber  { background: var(--hp-grad-amber);  box-shadow: 0 12px 24px -10px rgba(245,158,11,0.45); }
      #ai-manager .pain-tile__ic--mint   { background: var(--hp-grad-mint);   box-shadow: 0 12px 24px -10px rgba(16,185,129,0.45); }
      #ai-manager .pain-tile__ic--rose   { background: var(--hp-grad-rose);   box-shadow: 0 12px 24px -10px rgba(244,63,94,0.45); }
      #ai-manager .pain-tile__ic--violet { background: var(--hp-grad-violet); box-shadow: 0 12px 24px -10px rgba(139,92,246,0.45); }
      #ai-manager .pain-tile__ic--sky    { background: linear-gradient(135deg,#0ea5e9,#38bdf8); box-shadow: 0 12px 24px -10px rgba(14,165,233,0.45); }
      #ai-manager .pain-tile__title {
        font-size: 18.7px; line-height: 1.4; font-weight: 800; color: var(--hp-ink);
        margin: 0; letter-spacing: -0.012em; word-break: keep-all;
      }
      /* 각 아이콘 배경 톤의 deep 컬러로 제목 매칭 (adjacent sibling) */
      #ai-manager .pain-tile .pain-tile__ic--indigo + .pain-tile__title { color: #1A4FE0; }
      #ai-manager .pain-tile .pain-tile__ic--amber  + .pain-tile__title { color: #d97706; }
      #ai-manager .pain-tile .pain-tile__ic--mint   + .pain-tile__title { color: #059669; }
      #ai-manager .pain-tile .pain-tile__ic--rose   + .pain-tile__title { color: #e11d48; }
      #ai-manager .pain-tile .pain-tile__ic--violet + .pain-tile__title { color: #7c3aed; }
      #ai-manager .pain-tile .pain-tile__ic--sky    + .pain-tile__title { color: #0284c7; }
      #ai-manager .pain-tile__desc {
        font-size: 14.85px; color: var(--hp-ink-2); margin: 8px 0 0;
        line-height: 1.55; word-break: keep-all; font-weight: 700;
      }
      @media (max-width: 968px) {
        #ai-manager .pain-tile-grid { grid-template-columns: repeat(2, 1fr) !important; }
      }
      @media (max-width: 600px) {
        #ai-manager .pain-tile-grid { grid-template-columns: 1fr !important; }
      }
      /* Legacy empathy-bar 1열 보존 (다른 위치에서 사용될 가능성 대비) */
      @media (max-width: 768px) {
        #ai-manager .empathy-list--grid:not(.pain-tile-grid) {
          grid-template-columns: 1fr !important;
        }
      }

      /* ─── #ai-manager 가격 카드 (시안 A, BEST 뱃지 스타일) ─── */
      .hp-price-card {
        position: relative;
        padding: 44px 36px; border-radius: var(--hp-radius-xl);
        background: linear-gradient(180deg, #fff 0%, #F8FBFF 100%);
        border: 2px solid var(--hp-brand);
        box-shadow: 0 16px 40px -12px rgba(52, 120, 246, 0.30);
        display: flex; flex-direction: column;
      }
      .hp-price-card__badge {
        position: absolute; top: -17px; left: 36px;
        background: var(--hp-grad); color: #fff;
        padding: 9px 20px; border-radius: 999px;
        font-size: 14.4px; font-weight: 800; letter-spacing: 0.04em;
        box-shadow: 0 10px 24px -4px rgba(52, 120, 246, 0.50);
      }
      .hp-price-card__tag {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 7px 16px; border-radius: 999px;
        background: var(--hp-brand-tint); color: var(--hp-brand-deep);
        font-size: 0.79rem; font-weight: 800;
        letter-spacing: 0.05em; text-transform: uppercase;
        border: 1px solid rgba(52, 120, 246, 0.20);
        margin: 0 0 0.8rem;
      }
      .hp-price-card__tag::before {
        content: ''; width: 6px; height: 6px; border-radius: 50%;
        background: var(--hp-brand); box-shadow: 0 0 8px var(--hp-brand);
      }
      .hp-price-card__title {
        font-size: 1.72rem;
        font-weight: 800; color: #1a1a2e;
        letter-spacing: -0.025em; margin: 0 0 0.4rem;
        line-height: 1.25;
      }
      @media (max-width: 768px) {
        .hp-price-card__tag { font-size: 0.63rem; padding: 0.28rem 0.7rem; }
        .hp-price-card__title { font-size: 1.55rem; }
      }
      .hp-price-card__price {
        display: flex; flex-wrap: wrap; align-items: baseline;
        gap: 4px 8px; margin-bottom: 8px;
      }
      .hp-price-card__price .num {
        font-size: clamp(38px, 5vw, 48px); font-weight: 900;
        letter-spacing: -0.04em; color: var(--hp-ink);
      }
      .hp-price-card__price .unit {
        font-size: 15px; color: var(--hp-ink-3); font-weight: 600;
        letter-spacing: -0.01em;
      }
      .hp-price-card__price .unit strong {
        font-weight: 800; color: var(--hp-brand-deep);
      }
      .hp-price-card__sub {
        font-size: 15.6px; color: var(--hp-ink-2);
        margin: 0 0 24px; line-height: 1.6;
        font-weight: 700; letter-spacing: -0.01em;
      }
      .hp-price-card__sub strong { color: var(--hp-brand-deep); font-weight: 800; }
      .hp-price-card__list {
        list-style: none; padding: 24px 0 0; margin: 0 0 28px;
        border-top: 1px solid var(--hp-line); flex: 1;
        display: flex; flex-direction: column; gap: 0.9rem;
      }
      .hp-price-card__list li {
        background: #f0f2f5; border-radius: 16px;
        padding: 1.15rem 1.35rem;
        display: flex; align-items: center; gap: 1rem;
        word-break: keep-all;
      }
      .hp-price-card__list li .ico {
        flex-shrink: 0;
        width: 40px; height: 40px;
        background: #fff; border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        font-size: 1.25rem;
      }
      .hp-price-card__list li .txt {
        flex: 1;
        font-size: 1.01rem; font-weight: 700;
        color: #1a1a2e; line-height: 1.45;
      }
      .hp-price-card__list li strong { color: var(--hp-brand-deep); }
      @media (max-width: 768px) {
        .hp-price-card__list { gap: 0.75rem; }
        .hp-price-card__list li { padding: 1rem 1.15rem; gap: 0.85rem; }
        .hp-price-card__list li .ico { width: 36px; height: 36px; font-size: 1.1rem; }
        .hp-price-card__list li .txt { font-size: 0.95rem; }
      }
      .hp-price-card__cta {
        display: inline-flex; width: 100%; align-items: center;
        justify-content: center; gap: 8px;
        padding: 16px 24px; border-radius: 999px;
        background: var(--hp-grad); color: #fff;
        font-size: 15px; font-weight: 800; text-decoration: none;
        border: none;
        box-shadow: var(--hp-shadow-brand);
        transition: transform var(--hp-dur-mid) var(--hp-ease), box-shadow var(--hp-dur-mid) var(--hp-ease);
      }
      /* 전역 :focus-visible(2px 블루 outline) 무력화, 클릭 후 잔류하는 네온 경계선 방지 */
      .hp-price-card__cta:focus,
      .hp-price-card__cta:focus-visible {
        outline: none !important;
        outline-offset: 0 !important;
        /* 키보드 접근성용 부드러운 링 */
        box-shadow: var(--hp-shadow-brand), 0 0 0 4px rgba(52, 120, 246, 0.18);
      }
      .hp-price-card__cta:hover {
        transform: translateY(-2px);
        box-shadow: 0 20px 40px -8px rgba(52, 120, 246, 0.5);
      }
      .hp-price-card__note {
        position: relative;
        margin-top: 22px; padding: 18px 4px 0;
        background: transparent;
        font-size: 12.5px; color: var(--hp-ink-3); line-height: 1.7;
        word-break: keep-all; text-align: center;
        letter-spacing: -0.005em;
      }
      .hp-price-card__note::before {
        content: '';
        position: absolute;
        top: 0; left: 50%;
        transform: translateX(-50%);
        width: min(140px, 60%);
        height: 1px;
        background: linear-gradient(90deg,
          transparent 0%,
          rgba(52, 120, 246, 0.28) 50%,
          transparent 100%);
      }
      .hp-price-card__note strong { color: var(--hp-brand-deep); font-weight: 700; }
      /* 프리미엄 카드 풋노트는 보라 톤 디바이더 */
      .hp-price-card--premium .hp-price-card__note::before {
        background: linear-gradient(90deg,
          transparent 0%,
          rgba(110, 91, 242, 0.32) 50%,
          transparent 100%);
      }

      /* ─── Premium 카드 (보라 톤 variant) ─── */
      :root {
        --hp-premium-primary: #6E5BF2;
        --hp-premium-deep: #5443C9;
        --hp-premium-tint: #F4F1FF;
        --hp-premium-tint-2: #EEEAFF;
        --hp-premium-grad: linear-gradient(135deg, #6E5BF2 0%, #7C5BF5 55%, #9277F7 100%);
        --hp-premium-grad-cta: linear-gradient(135deg, #6E5BF2 0%, #7C5BF5 50%, #5B9BF7 100%);
      }
      .hp-price-card--premium {
        border-color: var(--hp-premium-primary);
        background: linear-gradient(180deg, #ffffff 0%, #FAF8FF 100%);
        box-shadow: 0 16px 40px -12px rgba(120, 90, 220, 0.30);
      }
      .hp-price-card--premium .hp-price-card__badge {
        background: var(--hp-premium-grad);
        box-shadow: 0 8px 20px -4px rgba(120, 90, 220, 0.45);
      }
      .hp-price-card--premium .hp-price-card__tag {
        background: var(--hp-premium-tint-2);
        color: var(--hp-premium-deep);
        border-color: rgba(120, 90, 220, 0.22);
      }
      .hp-price-card--premium .hp-price-card__tag::before {
        background: var(--hp-premium-primary);
        box-shadow: 0 0 8px var(--hp-premium-primary);
      }
      .hp-price-card--premium .hp-price-card__price .num--strike {
        text-decoration: line-through;
        text-decoration-thickness: 4px;
        text-decoration-color: #1a1a2e;
      }
      .hp-price-card--premium .hp-price-card__price .unit strong {
        color: var(--hp-premium-primary);
      }
      .hp-price-card--premium .hp-price-card__sub strong { color: var(--hp-premium-primary); }
      .hp-price-card--premium .hp-price-card__cta {
        background: var(--hp-premium-grad-cta);
        box-shadow: 0 14px 32px -8px rgba(120, 90, 220, 0.45);
      }
      .hp-price-card--premium .hp-price-card__cta:hover {
        box-shadow: 0 20px 40px -8px rgba(120, 90, 220, 0.55);
      }
      .hp-price-card--premium .hp-price-card__cta:focus,
      .hp-price-card--premium .hp-price-card__cta:focus-visible {
        box-shadow: 0 14px 32px -8px rgba(120, 90, 220, 0.45), 0 0 0 4px rgba(120, 90, 220, 0.18);
      }
      .hp-price-card--premium .hp-price-card__note strong { color: var(--hp-premium-primary); }

      /* 페르소나 하이라이트 박스 */
      .hp-premium-hero {
        background: var(--hp-premium-tint);
        border-left: 4px solid var(--hp-premium-primary);
        border-radius: 12px;
        padding: 16px 20px;
        margin: 0 0 22px;
      }
      .hp-premium-hero__title {
        font-size: 1.05rem; font-weight: 800;
        color: var(--hp-premium-primary);
        margin: 0 0 6px; letter-spacing: -0.02em;
        word-break: keep-all;
      }
      .hp-premium-hero__sub {
        font-size: 0.95rem; font-weight: 700;
        color: #1E293B; line-height: 1.55;
        margin: 0; word-break: keep-all; letter-spacing: -0.005em;
      }

      /* 추천 박스 */
      .hp-premium-recommend {
        background: var(--hp-premium-tint);
        border-radius: 16px;
        padding: 14px 18px;
        margin: 8px 0 22px;
        display: flex; align-items: center; gap: 14px;
      }
      .hp-premium-recommend__ico {
        flex-shrink: 0;
        width: 44px; height: 44px;
        background: #fff; border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        font-size: 1.4rem;
      }
      .hp-premium-recommend__label {
        font-size: 0.78rem; font-weight: 800;
        color: var(--hp-premium-primary);
        letter-spacing: 0.02em;
        margin: 0 0 2px;
      }
      .hp-premium-recommend__text {
        font-size: 1rem; font-weight: 800;
        color: #1a1a2e; line-height: 1.45;
        margin: 0; word-break: keep-all;
      }
      .hp-premium-recommend__text strong { color: var(--hp-premium-primary); }

      /* PREMIUM ONLY 섹션 */
      .hp-premium-only__header {
        display: flex; align-items: center; gap: 8px;
        font-size: 0.85rem; font-weight: 800;
        color: var(--hp-premium-primary);
        letter-spacing: 0.06em;
        margin: 4px 0 14px;
      }
      .hp-premium-feature {
        background: var(--hp-premium-tint);
        border-radius: 16px;
        padding: 18px 20px;
        margin-bottom: 12px;
        display: flex; align-items: flex-start; gap: 14px;
      }
      .hp-premium-feature__ico {
        flex-shrink: 0;
        width: 44px; height: 44px;
        background: #fff; border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        font-size: 1.4rem;
        margin-top: 2px;
      }
      .hp-premium-feature__title {
        font-size: 1.05rem; font-weight: 800;
        color: #1a1a2e; line-height: 1.4;
        margin: 0 0 6px; word-break: keep-all;
      }
      .hp-premium-feature__title strong { color: var(--hp-premium-primary); }
      .hp-premium-feature__desc {
        font-size: 0.95rem; font-weight: 600;
        color: #334155; line-height: 1.6;
        margin: 0; word-break: keep-all; letter-spacing: -0.005em;
      }

      /* 기본 플랜 포함 안내 */
      .hp-premium-included {
        display: flex; align-items: center; gap: 10px;
        background: #F5F7FA; border-radius: 12px;
        padding: 12px 16px;
        margin: 16px 0 20px;
        font-size: 0.95rem; font-weight: 700;
        color: #1a1a2e;
      }
      .hp-premium-included svg {
        flex-shrink: 0; color: var(--hp-premium-primary);
      }

      @media (max-width: 768px) {
        .hp-premium-hero { padding: 14px 16px; }
        .hp-premium-hero__title { font-size: 0.98rem; }
        .hp-premium-hero__sub { font-size: 0.88rem; }
        .hp-premium-recommend, .hp-premium-feature { padding: 14px 16px; }
        .hp-premium-recommend__ico, .hp-premium-feature__ico {
          width: 40px; height: 40px; font-size: 1.2rem;
        }
        .hp-premium-recommend__text, .hp-premium-feature__title { font-size: 0.96rem; }
        .hp-premium-feature__desc { font-size: 0.88rem; }
      }

/* === block 2 (was index.html L2021-2261) === */
      /* ─── 호버 애니메이션 수정: reveal 완료 후 빠른 전환 ─── */
      .pain-card:hover { transform: translateY(-6px) !important; }
      .stat-item:hover { transform: translateY(-8px) !important; }
      .service-card:hover { transform: translateY(-6px) !important; }
      .phil-card:hover { transform: translateY(-4px) !important; }
      /* 모바일 메뉴 - 요금제→애(Ai)실장 링크 */
      /* ─── 한국어 줄바꿈 전역 적용 ─── */
      #ai-manager, #growth-story, #trust, #pain-point, #services {
        word-break: keep-all;
        overflow-wrap: break-word;
      }
      /* ─── 플랜 카드 그리드 반응형 ─── */
      @media (max-width: 768px) {
        /* #ai-features 헤더 하단 구분선 (모바일) */
        #ai-features .features-head {
          padding-bottom: 24px !important;
          border-bottom: 1px solid rgba(52, 120, 246, 0.18) !important;
          margin-bottom: 2.4rem !important;
        }
        /* #contact 헤더 하단 구분선 (모바일) */
        #contact .section-inner > div:first-child {
          padding-bottom: 24px !important;
          border-bottom: 1px solid rgba(52, 120, 246, 0.18) !important;
          margin-bottom: 2.4rem !important;
        }
        /* #contact h2 한 줄 유지 (긴 카피 fit) */
        body #contact h2 {
          font-size: clamp(22px, 6vw, 30px) !important;
          white-space: nowrap !important;
        }
        /* #services h2 한 줄 유지 ("HighPlus가 직접 실행하는 것들") */
        body #services .section-title {
          font-size: clamp(20px, 5.5vw, 28px) !important;
          white-space: nowrap !important;
        }
        /* growth-lead 폰트 통일 (hp-feat-desc와 일치) */
        #growth-story .growth-lead {
          font-size: 0.95rem !important;
          line-height: 1.65 !important;
        }
        /* 헤딩 안의 .grad-highlight 일괄 — style.css의 2.04rem 모바일 룰 무력화 (부모 h1/h2 사이즈 상속) */
        h1 .grad-highlight,
        h2 .grad-highlight,
        h3 .grad-highlight,
        .section-title .grad-highlight,
        .hero-title .grad-highlight {
          font-size: inherit !important;
        }
        /* section-tag 모바일 확대 — 라벨 가독성 */
        .section-tag, .empathy-tag {
          font-size: 0.94rem !important;
        }
        /* hp-agency-price 한 줄 유지 (모바일) */
        .hp-agency-price {
          flex-wrap: nowrap !important;
        }
        .hp-agency-price .num {
          font-size: clamp(28px, 7vw, 32px) !important;
          white-space: nowrap !important;
        }
        .hp-agency-price .unit {
          white-space: nowrap !important;
          flex-shrink: 0;
        }
        /* hp-agency 그룹/리스트/CTA/note 모바일 확대 */
        .hp-agency-group-label {
          font-size: 13px !important;
        }
        .hp-agency-list li {
          font-size: 16px !important;
          line-height: 1.6 !important;
        }
        .hp-agency-cta {
          font-size: 16px !important;
        }
        .hp-agency-note {
          font-size: 14px !important;
          line-height: 1.6 !important;
        }
        /* 마감 카운트다운 숫자 모바일 축소 (1.4rem → 1.12rem, -20%) */
        #deadline-banner [id^="cd-"] {
          font-size: 1.12rem !important;
        }
        /* FAQ intro 가운데 정렬 + 질문 폰트 키움 (모바일) */
        #faq .faq-intro {
          text-align: center !important;
        }
        #faq .faq-intro p {
          margin-left: auto !important;
          margin-right: auto !important;
          font-size: 0.95rem !important;
          line-height: 1.65 !important;
        }
        body #faq .faq-cta {
          font-size: 1rem !important;
        }
        body #faq .faq-q {
          font-size: 1.32rem !important;
        }
        /* #services 카드 안 텍스트 모바일 확대 (base 대비 +10%) */
        body #services .service-card h3 {
          font-size: 21px !important;
        }
        body #services .service-card__lead {
          font-size: 14px !important;
        }
        body #services .service-card > p:not(.service-card__lead) {
          font-size: 15px !important;
          line-height: 1.65 !important;
        }
        body #services .service-list li {
          font-size: 14px !important;
          line-height: 1.6 !important;
        }
        #ai-manager .section-inner > .reveal[style*="grid-template-columns"] {
          grid-template-columns: 1fr !important;
        }
        /* 애(Ai)실장 카드 모바일 패딩 축소 */
        #ai-manager [style*="padding: 2.5rem 3rem"] {
          padding: 1.5rem 1rem !important;
        }
        #ai-manager [style*="padding: 3rem 2.5rem"] {
          padding: 1.5rem 1rem !important;
        }
        #ai-manager [style*="padding: 3rem 3.5rem"] {
          padding: 1.5rem 1rem !important;
        }
        /* 공감 카드 체크리스트 폰트 축소 */
        #ai-manager ul li {
          font-size: 0.82rem !important;
        }
        /* 기능 상세 2열 → 1열 */
        #ai-manager [style*="grid-template-columns: 1fr 1fr"] {
          grid-template-columns: 1fr !important;
        }
        /* 가격 폰트 모바일 잘림 방지 */
        .ai-price {
          font-size: 1.8rem !important;
          letter-spacing: -1px !important;
          padding-left: 2px;
        }
        /* 성장 타임라인 모바일 처리는 시안 B GROWTH CSS 블록에서 담당 */
        /* 비교표 모바일, VS 테이블 자체 반응형 처리 */
        /* 문의 폼 2컬럼 → 모바일 1컬럼 */
        #contact .section-inner {
          grid-template-columns: 1fr !important;
          gap: 2rem !important;
        }
        #contact .section-inner > div {
          padding: 1.5rem !important;
          border-radius: 18px !important;
        }
        /* 강점 배너 모바일 */
        #trust .reveal[style*="linear-gradient(135deg, #3478f6"] {
          padding: 1.5rem 1.2rem !important;
          border-radius: 16px !important;
        }
        #trust .reveal[style*="linear-gradient(135deg, #3478f6"] > div {
          flex-direction: column !important;
          gap: 1.2rem !important;
        }
        #trust .reveal[style*="linear-gradient(135deg, #3478f6"] > div > div {
          width: 100%;
        }
        #trust .reveal[style*="linear-gradient(135deg, #3478f6"] p:first-child {
          font-size: 1rem !important;
        }
        #trust .reveal[style*="linear-gradient(135deg, #3478f6"] p:last-child {
          font-size: 0.95rem !important;
          line-height: 1.65 !important;
        }
        /* 애(Ai)실장 공감 카드 모바일 텍스트 */
        #ai-manager h3[style*="font-size: 1.3rem"] {
          font-size: 1.05rem !important;
        }
        #ai-manager h3[style*="font-size: 1.1rem"] {
          font-size: 0.9rem !important;
        }
        #ai-manager h4[style*="font-size: 1.5rem"] {
          font-size: 1.1rem !important;
        }
        #ai-manager p[style*="font-size: 1rem"]:not(.empathy-sub),
        #ai-manager p[style*="font-size: 0.9rem"]:not(.empathy-sub) {
          font-size: 0.95rem !important;
          line-height: 1.65 !important;
        }
        /* empathy-bar 카드 텍스트 모바일 확대 */
        #ai-manager .empathy-bar p {
          font-size: 1.15rem !important;
        }
        #ai-manager ul li {
          font-size: 0.95rem !important;
          line-height: 1.65 !important;
        }
        /* 애(Ai)실장 기능 카드 모바일 */
        #ai-manager .ai-feature-grid > div {
          padding: 0.9rem !important;
          border-radius: 12px !important;
        }
        #ai-manager .ai-feature-grid > div span:first-child {
          font-size: 1.1rem !important;
        }
        #ai-manager .ai-feature-grid span[style*="font-weight: 800"] {
          font-size: 0.82rem !important;
        }
        #ai-manager .ai-feature-grid p {
          font-size: 0.95rem !important;
          line-height: 1.65 !important;
        }
        /* 애(Ai)실장 스펙 pill */
        #ai-manager [style*="grid-template-columns: 1fr 1fr"][style*="gap: 0.6rem"] > div {
          padding: 0.4rem 0.7rem !important;
        }
        #ai-manager [style*="grid-template-columns: 1fr 1fr"][style*="gap: 0.6rem"] span {
          font-size: 0.72rem !important;
        }
        /* 애(Ai)실장 섹션 패딩 모바일 */
        #ai-manager {
          padding: 60px 20px !important;
        }
        /* trust 섹션 모바일 */
        #trust .section-desc {
          font-size: 0.95rem !important;
          line-height: 1.65 !important;
        }
        /* pain-point 섹션 모바일 */
        #pain-point p {
          font-size: 0.95rem !important;
          line-height: 1.65 !important;
        }
        /* 희소성 섹션 */
        #scarcity {
          padding: 48px 20px !important;
        }
        /* 블루밴드 섹션 모바일 패딩 */
        #compare {
          padding: 48px 20px !important;
        }
      }

/* === block 3 (was index.html L2262-5696) === */
      /* ═════════ GROWTH 섹션 (복리 성장 타임라인) ═════════ */
      /* apple-v2 parchment 톤 — 미세 중성 그레이 */
      #growth-story.growth-section {
        padding: 120px 0; position: relative; overflow: hidden;
        background: #eff1f6;
        color: var(--hp-ink);
      }
      #growth-story.growth-section::before {
        content: none;
      }
      #growth-story.growth-section::after {
        content: none;
      }
      /* 외곽 화이트 카드 (이미지 reference 스타일) */
      #growth-story .growth-inner {
        position: relative; max-width: 1640px; margin: 0 auto; padding: 0 24px;
      }
      #growth-story .growth-card-wrap {
        margin-top: 48px;
        background: #ffffff;
        border-radius: 32px;
        padding: 40px 36px;
        box-shadow:
          0 32px 80px -28px rgba(52, 120, 246, 0.18),
          0 4px 16px -4px rgba(15, 23, 42, 0.04),
          inset 0 1px 0 rgba(255, 255, 255, 1);
        border: 1px solid rgba(52, 120, 246, 0.10);
        position: relative; overflow: hidden;
      }
      #growth-story .growth-card-wrap__tag-center {
        text-align: center;
        margin-bottom: 32px;
      }
      #growth-story .growth-card-wrap__tag {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 9px 18px; border-radius: 999px;
        background: var(--hp-grad);
        color: #fff;
        font-size: 13.5px; font-weight: 800;
        letter-spacing: 0.04em;
        box-shadow: 0 10px 24px -8px rgba(52, 120, 246, 0.45);
      }
      #growth-story .growth-card-wrap__tag::before {
        content: ''; width: 8px; height: 8px; border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
      }
      #growth-story .growth-inner {
        position: relative; max-width: 1640px; margin: 0 auto; padding: 0 24px;
      }
      #growth-story .growth-head { text-align: center; max-width: 720px; margin: 0 auto; }
      #growth-story .growth-head h2 {
        font-size: clamp(32px, 4.8vw, 52px); line-height: 1.18;
        color: var(--hp-ink); font-weight: 800; margin: 16px 0 0;
      }
      #growth-story .growth-head .grad {
        background: var(--hp-grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
      }
      #growth-story .growth-lead {
        font-size: clamp(1.05rem, 1.9vw, 1.22rem); color: var(--hp-ink-2);
        margin-top: 0.4rem; line-height: 1.7; font-weight: 600;
        word-break: keep-all; letter-spacing: -0.012em;
      }
      #growth-story .growth-lead strong {
        font-weight: 800;
        background: linear-gradient(135deg, #1A4FE0, #3478F6 50%, #7C5BF5);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      /* apple-v2 톤 — 흰 카드 + 위쪽 컬러 액센트 스트라이프 (차분하게) */
      #growth-story .growth-grid {
        position: relative;
        display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
      }
      #growth-story .growth-card {
        position: relative; overflow: hidden;
        background: #ffffff;
        border: 1px solid var(--hp-line);
        border-radius: 24px;
        padding: 32px 22px 30px;
        min-height: 260px;
        text-align: left;
        display: flex; flex-direction: column;
        color: var(--hp-ink);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
      }
      /* 위쪽 컬러 스트라이프 (액센트만 컬러, 카드는 흰색) */
      #growth-story .growth-card::before {
        content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
        opacity: 1;
      }
      #growth-story .growth-card:nth-child(1)::before { background: var(--hp-grad-amber); }
      #growth-story .growth-card:nth-child(2)::before { background: var(--hp-grad-mint); }
      #growth-story .growth-card:nth-child(3)::before { background: var(--hp-grad); }
      #growth-story .growth-card:nth-child(4)::before { background: var(--hp-grad-violet); }
      #growth-story .growth-card > * { position: relative; z-index: 1; }
      #growth-story .growth-card:hover {
        transform: translateY(-4px);
        border-color: rgba(52, 120, 246, 0.22);
        box-shadow: 0 18px 36px -14px rgba(15, 23, 42, 0.14);
      }

      /* Step 번호 — 비비드 솔리드 그라데이션 + 광택 + 그림자 (image #4 아이콘 톤) */
      #growth-story .growth-card__num {
        position: relative; overflow: hidden;
        display: inline-flex; width: 64px; height: 64px; border-radius: 18px;
        font-family: "SF Mono", ui-monospace, Menlo, monospace;
        font-weight: 800; font-size: 19px;
        align-items: center; justify-content: center;
        margin: 0 0 22px;
        color: #fff;
        letter-spacing: -0.005em;
      }
      /* 좌상단 광택 highlight (image #4 아이콘과 동일) */
      #growth-story .growth-card__num::after {
        content: ''; position: absolute; inset: 0;
        background: radial-gradient(circle at 28% 22%, rgba(255,255,255,0.40), transparent 55%);
        pointer-events: none;
      }
      #growth-story .growth-card:nth-child(1) .growth-card__num {
        background: var(--hp-grad-amber);
        box-shadow: 0 12px 22px -8px rgba(245,158,11,0.50);
      }
      #growth-story .growth-card:nth-child(2) .growth-card__num {
        background: var(--hp-grad-mint);
        box-shadow: 0 12px 22px -8px rgba(16,185,129,0.50);
      }
      #growth-story .growth-card:nth-child(3) .growth-card__num {
        background: var(--hp-grad);
        box-shadow: 0 12px 22px -8px rgba(52,120,246,0.50);
      }
      #growth-story .growth-card:nth-child(4) .growth-card__num {
        background: var(--hp-grad-violet);
        box-shadow: 0 12px 22px -8px rgba(139,92,246,0.50);
      }

      /* Month 기간 라벨 — 카드 안에 직접 (apple-v2 패턴) */
      #growth-story .growth-card__period {
        font-size: 11px; font-weight: 700;
        letter-spacing: 0.14em; text-transform: uppercase;
        color: var(--hp-ink-4); margin: 0 0 6px;
      }
      #growth-story .growth-card__title {
        font-size: 22px; font-weight: 800; color: var(--hp-ink);
        margin: 0 0 12px; letter-spacing: -0.018em;
      }
      #growth-story .growth-card__desc {
        font-size: 16.3px; color: var(--hp-ink-2);
        margin: 0; line-height: 1.6;
        font-weight: 700; word-break: keep-all; letter-spacing: -0.015em;
      }

      /* 결과 패널만 유지 (단계별 기간 패널은 카드 안으로 이동했으니 제거) */
      #growth-story .growth-meta-panel--result {
        margin-top: 20px;
        background: #ffffff;
        border: 1px solid var(--hp-line);
        border-radius: 16px;
        padding: 16px 20px;
        display: grid; grid-template-columns: 1fr auto; gap: 16px;
        align-items: center;
      }
      #growth-story .growth-meta-panel--result .growth-meta-panel__label {
        font-size: 14px; font-weight: 800; color: var(--hp-ink); letter-spacing: -0.012em;
      }
      #growth-story .growth-pill {
        display: inline-flex; align-items: center; justify-content: center;
        padding: 7px 14px; border-radius: 999px;
        font-size: 13px; font-weight: 800; letter-spacing: -0.005em;
        white-space: nowrap;
      }
      #growth-story .growth-pill--mint {
        background: #D1FAE5; color: #047857;
      }

      /* 인사이트 박스 — 오렌지 그라데이션 (warmth + 따뜻한 격려 톤) */
      #growth-story .growth-insight {
        margin-top: 28px; padding: 28px 36px; border-radius: 20px;
        background: linear-gradient(135deg, #FBBF24 0%, #F97316 50%, #EA580C 100%);
        color: #fff; display: flex; align-items: center; gap: 18px; justify-content: center;
        box-shadow: 0 24px 48px -16px rgba(249, 115, 22, 0.40);
        position: relative; overflow: hidden;
      }
      #growth-story .growth-insight::before {
        content: ''; position: absolute;
        top: -40%; right: -10%;
        width: 50%; height: 200%;
        background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 60%);
        filter: blur(30px);
        pointer-events: none;
      }
      #growth-story .growth-insight > * { position: relative; z-index: 1; }
      #growth-story .growth-insight .icon {
        font-size: 36px;
        filter: drop-shadow(0 4px 12px rgba(180, 83, 9, 0.40));
      }
      #growth-story .growth-insight p {
        font-size: clamp(16px, 2.2vw, 21px); font-weight: 800; color: #fff;
        margin: 0; line-height: 1.5; word-break: keep-all;
        letter-spacing: -0.012em;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.20);
      }

      #growth-story .growth-bottom {
        margin-top: 40px; text-align: center;
        font-size: clamp(16px, 2.2vw, 20px);
        color: var(--hp-ink-2); line-height: 1.8;
        font-weight: 600; letter-spacing: -0.012em;
        word-break: keep-all;
      }
      #growth-story .growth-bottom strong {
        font-weight: 900;
        background: linear-gradient(135deg, #1A4FE0, #3478F6 50%, #7C5BF5);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      @media (max-width: 768px) {
        #growth-story.growth-section { padding: 64px 0; }
        #growth-story .growth-card-wrap { padding: 24px 18px; border-radius: 24px; }
        #growth-story .growth-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
        #growth-story .growth-card { padding: 22px 18px; }
        #growth-story .growth-card__num { width: 48px; height: 48px; font-size: 15px; margin-bottom: 14px; border-radius: 14px; }
        #growth-story .growth-card__period { font-size: 10px; }
        #growth-story .growth-card__title { font-size: 16.5px; }
        #growth-story .growth-card__desc { font-size: 13px; }
        #growth-story .growth-meta-panel--result {
          grid-template-columns: 1fr; text-align: center; gap: 10px;
        }
        #growth-story .growth-pill { font-size: 12px; padding: 6px 12px; }
        #growth-story .growth-insight {
          padding: 24px 20px; flex-direction: column; gap: 12px; margin-top: 22px;
        }
        #growth-story .growth-insight .icon { font-size: 28px; }
      }
      /* ═════════ /GROWTH ═════════ */

      /* PAIN POINT 헤더, PC 기본값 */
      .empathy-tag { font-size: 0.79rem; padding: 0.35rem 0.9rem; }
      .empathy-title { font-size: 2.06rem; }
      .empathy-sub { font-size: 1.16rem; }
      /* PAIN POINT 헤더, 모바일 조정 (여기서 최종 덮어쓰기) */
      @media (max-width: 768px) {
        #ai-manager .empathy-tag { font-size: 0.50rem !important; padding: 0.22rem 0.6rem !important; }
        #ai-manager .empathy-title { font-size: 1.86rem !important; }
        #ai-manager .empathy-sub { font-size: 1.1rem !important; font-weight: 700 !important; color: #1E293B !important; }
      }
      /* 그래서 만들었습니다 모바일 컴팩트 */
      @media (max-width: 768px) {
        .made-it-box { padding: 1.5rem 1.2rem !important; }
        .made-it-box h3 { font-size: 1.4rem !important; margin-bottom: 0.8rem !important; }
        .made-it-box p { font-size: 0.88rem !important; line-height: 1.7 !important; }
      }

      /* ═════════ REAL REVIEWS, 시안 B 마키 ═════════ */
      #testimonials.test-section {
        padding: 80px 0; background: var(--hp-bg-soft);
        position: relative; overflow: hidden;
      }
      #testimonials .test-head h2 {
        font-size: clamp(28px, 4vw, 44px); font-weight: 900;
        color: var(--hp-ink); letter-spacing: -0.02em; line-height: 1.25;
        margin: 0 0 16px;
      }
      #testimonials .test-head h2 .grad {
        background: var(--hp-grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      #testimonials .test-head p {
        font-size: clamp(1.05rem, 1.9vw, 1.22rem); color: var(--hp-ink-2); margin: 0.4rem 0 0; line-height: 1.7;
        font-weight: 600; letter-spacing: -0.012em; word-break: keep-all;
      }
      #testimonials .test-head p strong {
        font-weight: 800;
        background: linear-gradient(135deg, #1A4FE0, #3478F6 50%, #7C5BF5);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .ai-mgr-lead strong {
        font-weight: 800;
        background: linear-gradient(135deg, #1A4FE0, #3478F6 50%, #7C5BF5);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      #testimonials .test-marquee {
        overflow: hidden; position: relative; margin-top: 56px;
        mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);
        -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);
      }
      #testimonials .test-marquee__track {
        display: flex; gap: 24px; width: max-content;
        padding: 12px 0;
        will-change: transform;
      }
      /* 좌·우 네비게이션 화살표 */
      #testimonials .test-marquee__arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 52px; height: 52px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(52, 120, 246, 0.18);
        box-shadow:
          0 8px 24px -8px rgba(52, 120, 246, 0.25),
          0 2px 8px rgba(0, 0, 0, 0.08);
        cursor: pointer;
        display: flex; align-items: center; justify-content: center;
        color: var(--hp-brand);
        transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
                    background 0.25s, box-shadow 0.25s;
        font-size: 0;
      }
      #testimonials .test-marquee__arrow svg {
        width: 22px; height: 22px;
      }
      #testimonials .test-marquee__arrow:hover {
        background: var(--hp-brand);
        color: #fff;
        box-shadow:
          0 12px 32px -8px rgba(52, 120, 246, 0.45),
          0 0 0 1px rgba(52, 120, 246, 0.30);
        transform: translateY(-50%) scale(1.08);
      }
      #testimonials .test-marquee__arrow--prev { left: 12px; }
      #testimonials .test-marquee__arrow--next { right: 12px; }
      @media (max-width: 768px) {
        #testimonials .test-marquee__arrow {
          width: 42px; height: 42px;
        }
        #testimonials .test-marquee__arrow svg { width: 18px; height: 18px; }
        #testimonials .test-marquee__arrow--prev { left: 8px; }
        #testimonials .test-marquee__arrow--next { right: 8px; }
      }
      #testimonials .test-card {
        flex: 0 0 360px; padding: 32px 28px; border-radius: var(--hp-radius-lg);
        background: #fff; border: 1px solid var(--hp-line);
        box-shadow: var(--hp-shadow);
        display: flex; flex-direction: column;
      }
      #testimonials .test-card__stars {
        color: #F59E0B; font-size: 18px; margin-bottom: 12px; letter-spacing: 2px;
      }
      #testimonials .test-card__quote {
        font-size: 17px; font-weight: 800; color: var(--hp-ink); line-height: 1.45;
        margin-bottom: 16px; min-height: 50px;
        word-break: keep-all;
      }
      #testimonials .test-card__text {
        font-size: 16px; color: var(--hp-ink-3); line-height: 1.7;
        margin: 0 0 20px; flex: 1;
      }
      #testimonials .test-card__author {
        display: flex; align-items: center; gap: 12px; padding-top: 16px;
        border-top: 1px solid var(--hp-line);
      }
      #testimonials .test-card__avatar {
        width: 44px; height: 44px; border-radius: 50%; color: #fff;
        font-weight: 800; font-size: 17px;
        display: flex; align-items: center; justify-content: center; flex-shrink: 0;
      }
      #testimonials .test-card__meta { font-size: 12.5px; line-height: 1.5; }
      #testimonials .test-card__meta .loc { color: var(--hp-ink-4); }
      #testimonials .test-card__meta .name { color: var(--hp-ink); font-weight: 700; }
      @media (max-width: 768px) {
        #testimonials.test-section { padding: 56px 0; }
        #testimonials .test-card { flex-basis: 280px; padding: 24px 22px; }
      }
      /* ═════════ /REAL REVIEWS ═════════ */

      /* ═════════ Solution Step Pill (pain-point 카드 내부) ═════════ */
      .hp-solution-step {
        display: inline-block;
        background: rgba(52, 120, 246, 0.1);
        color: var(--hp-brand);
        font-weight: 800; font-size: 0.85rem;
        padding: 0.5rem 1.2rem; border-radius: 100px;
        margin-bottom: 2rem; letter-spacing: 0.04em;
        border: 1px solid rgba(52, 120, 246, 0.2);
      }

      /* ═════════ 통일 아이콘 박스 (이모지 컨테이너) ═════════ */
      .hp-icon-em {
        display: inline-flex; align-items: center; justify-content: center;
        flex-shrink: 0; line-height: 1;
        font-feature-settings: "pnum" on, "lnum" on;
      }
      .hp-icon-em-sm {
        width: 48px; height: 48px; border-radius: 14px;
        background: rgba(52, 120, 246, 0.10);
        font-size: 26px;
        transition: transform var(--hp-dur-mid) var(--hp-ease), background var(--hp-dur-mid) var(--hp-ease);
      }
      .hp-icon-em-lg {
        width: 96px; height: 96px; border-radius: 24px;
        background: linear-gradient(135deg, rgba(52, 120, 246, 0.12), rgba(124, 91, 245, 0.10));
        border: 1px solid rgba(52, 120, 246, 0.16);
        font-size: 48px; margin-bottom: 1.5rem;
        box-shadow: 0 8px 20px -8px rgba(52, 120, 246, 0.18);
      }
      .hp-icon-em-xs {
        width: 22px; height: 22px; border-radius: 7px;
        background: rgba(52, 120, 246, 0.10);
        font-size: 12px;
      }
      /* services 카드 hover 시 아이콘 살짝 lift */
      .service-card:hover .hp-icon-em-sm,
      .pain-card:hover .hp-icon-em-sm {
        transform: translateY(-2px) scale(1.05);
        background: rgba(52, 120, 246, 0.16);
      }
      /* services .service-icon 외부 wrapper 투명화 (이모지 박스가 안에서 시각 담당) */
      #services .service-icon {
        width: auto; height: auto; padding: 0;
        background: transparent;
        margin-bottom: 1.25rem;
      }
      /* trust phil-card 안 큰 이모지 박스 hover lift */
      .phil-card-wrapper:hover .hp-icon-em-lg {
        transform: translateY(-3px);
        transition: transform var(--hp-dur-mid) var(--hp-ease);
      }

      /* ═════════ Core Solution (services) 가독성 개선 ═════════ */
      #services {
        background: linear-gradient(180deg, #ffffff 0%, #FAFBFE 100%);
        position: relative; overflow: hidden;
        padding: 5.5rem 5% 6rem;
      }
      #services::before {
        content: ''; position: absolute;
        top: 8%; right: -10%; width: 42vw; height: 42vw;
        background: radial-gradient(circle, rgba(52, 120, 246, 0.07) 0%, transparent 65%);
        filter: blur(90px); z-index: 0; pointer-events: none;
      }
      #services::after {
        content: ''; position: absolute;
        bottom: -10%; left: -8%; width: 32vw; height: 32vw;
        background: radial-gradient(circle, rgba(124, 91, 245, 0.05) 0%, transparent 60%);
        filter: blur(90px); z-index: 0; pointer-events: none;
      }
      #services .section-inner { position: relative; z-index: 1; }

      /* svc-card 톤 (4-column, 56×56 그라디언트 아이콘,dash bullet) */
      #services .services-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 20px !important;
        margin-top: 3rem;
      }
      @media (max-width: 968px) {
        #services .services-grid { grid-template-columns: 1fr 1fr !important; }
      }
      @media (max-width: 600px) {
        #services .services-grid { grid-template-columns: 1fr !important; }
      }

      #services .service-card {
        padding: 32px 26px !important;
        border-radius: var(--hp-radius-lg) !important;
        background: #ffffff !important;
        border: 1px solid var(--hp-line) !important;
        position: relative; overflow: hidden;
        display: flex; flex-direction: column;
        transition: transform .2s, border-color .2s, box-shadow .2s !important;
      }
      #services .service-card:hover {
        transform: translateY(-6px) !important;
        border-color: var(--hp-brand) !important;
        box-shadow: var(--hp-shadow-lg) !important;
      }
      #services .service-card::after { display: none !important; }

      /* num: "01" 작은 brand 라벨 (시안 A) */
      #services .service-num {
        position: static !important;
        font-family: "Pretendard Variable", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        background: none !important;
        -webkit-background-clip: initial !important;
        background-clip: initial !important;
        -webkit-text-fill-color: var(--hp-brand) !important;
        color: var(--hp-brand) !important;
        opacity: 1 !important;
        margin-bottom: 16px !important;
        display: block;
      }
      #services .service-num::before { display: none !important; }

      /* 아이콘 박스: 56×56 비비드 다색 그라데이션 (apple-v2 톤 + 좌상단 광택) */
      #services .service-card .service-icon {
        position: relative; overflow: hidden;
        width: 56px !important; height: 56px !important;
        border-radius: 16px !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center; justify-content: center;
        margin-bottom: 20px !important;
      }
      /* 좌상단 광택 — image #4 아이콘 톤 */
      #services .service-card .service-icon::after {
        content: ''; position: absolute; inset: 0;
        background: radial-gradient(circle at 28% 22%, rgba(255,255,255,0.30), transparent 55%);
        pointer-events: none;
      }
      /* 4 카드 컬러 로테이션 — apple-v2 grad 토큰 */
      #services .service-card:nth-child(1) .service-icon {
        background: var(--hp-grad-amber) !important;
        box-shadow: 0 12px 24px -10px rgba(245,158,11,0.55) !important;
      }
      #services .service-card:nth-child(2) .service-icon {
        background: var(--hp-grad) !important;
        box-shadow: 0 12px 24px -10px rgba(52,120,246,0.55) !important;
      }
      #services .service-card:nth-child(3) .service-icon {
        background: var(--hp-grad-rose) !important;
        box-shadow: 0 12px 24px -10px rgba(244,63,94,0.55) !important;
      }
      #services .service-card:nth-child(4) .service-icon {
        background: var(--hp-grad-mint) !important;
        box-shadow: 0 12px 24px -10px rgba(16,185,129,0.55) !important;
      }
      /* 내부 이모지: transparent + 28px (시안 A) */
      #services .service-card .hp-icon-em-sm {
        position: relative; z-index: 1;
        width: auto !important; height: auto !important;
        background: transparent !important;
        border-radius: 0 !important;
        border: none !important;
        font-size: 28px !important;
      }
      #services .service-card:hover .hp-icon-em-sm {
        transform: none !important;
        background: transparent !important;
      }

      #services .service-card h3 {
        font-size: 22px !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em;
        margin-bottom: 10px !important;
        color: var(--hp-ink) !important;
        line-height: 1.35;
      }

      #services .service-card__lead {
        font-size: 16px !important;
        color: var(--hp-brand) !important;
        font-weight: 700 !important;
        margin: 0 0 14px !important;
        line-height: 1.5;
        letter-spacing: -0.01em;
      }

      #services .service-card > p:not(.service-card__lead) {
        font-size: 16px !important;
        color: var(--hp-ink-3) !important;
        margin-bottom: 18px !important;
        line-height: 1.7 !important;
        font-weight: 500 !important;
        word-break: keep-all;
      }

      /* 리스트: dash bullet (시안 A) */
      #services .service-list {
        list-style: none;
        padding: 0 !important;
        margin: auto 0 0 !important;
        border-top: none !important;
        display: block !important;
      }
      #services .service-list li {
        font-size: 15px !important;
        color: var(--hp-ink-2) !important;
        font-weight: 600 !important;
        line-height: 1.55;
        padding: 8px 0 8px 22px !important;
        position: relative;
        display: block !important;
        gap: 0 !important;
      }
      #services .service-list li::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important; top: 14px !important;
        width: 12px !important; height: 2px !important;
        background: var(--hp-brand) !important;
        border-radius: 2px !important;
        margin: 0 !important;
        color: transparent !important;
        font-size: 0 !important;
      }
      /* ═════════ /Core Solution ═════════ */

      /* ═════════ FAQ — 좌우 split + pill 아코디언 ═════════ */
      #faq {
        background: #ffffff !important;
        padding: 6rem 5% !important;
        position: relative;
      }
      #faq .faq-layout {
        max-width: 1280px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: minmax(320px, 5fr) 7fr;
        gap: 5rem;
        align-items: start;
      }
      @media (max-width: 968px) {
        #faq .faq-layout {
          grid-template-columns: 1fr;
          gap: 2.5rem;
        }
      }

      #faq .faq-intro { padding-top: 6px; }
      #faq .faq-intro .section-tag { margin-bottom: 28px !important; }
      #faq .faq-intro h2 {
        font-size: clamp(2.4rem, 5vw, 3.8rem);
        font-weight: 900;
        letter-spacing: -0.04em;
        color: var(--hp-ink);
        line-height: 1.1;
        margin: 0 0 1.4rem;
      }
      #faq .faq-intro h2 .accent { color: var(--hp-brand); }
      #faq .faq-intro p {
        color: var(--hp-ink-3);
        font-size: 1rem;
        line-height: 1.65;
        margin: 0 0 2.2rem;
        max-width: 420px;
        word-break: keep-all;
      }
      #faq .faq-cta {
        display: inline-flex; align-items: center; gap: 10px;
        padding: 14px 28px;
        background: #0F172A;
        color: #ffffff;
        border-radius: 999px;
        font-weight: 700;
        font-size: 0.95rem;
        text-decoration: none;
        transition: transform var(--hp-dur-mid) var(--hp-ease), background var(--hp-dur-mid) var(--hp-ease);
        letter-spacing: -0.01em;
      }
      #faq .faq-cta:hover {
        transform: translateY(-2px);
        background: #1E293B;
      }
      #faq .faq-cta .arrow { font-size: 1rem; }

      /* 우측 아코디언 */
      #faq .faq-list {
        display: flex; flex-direction: column;
        gap: 16px;
      }
      #faq .faq-item {
        background: #ffffff !important;
        border: 1px solid var(--hp-line) !important;
        border-radius: 28px !important;
        overflow: hidden;
        transition: border-color var(--hp-dur-mid) var(--hp-ease), box-shadow var(--hp-dur-mid) var(--hp-ease);
      }
      /* dark-tone override at line ~2010 wins — base hover defined gold-friendly */
      #faq .faq-item:hover {
        border-color: rgba(52, 120, 246, 0.35) !important;
        box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.4) !important;
      }
      #faq .faq-q {
        width: 100% !important;
        background: transparent !important;
        border: none !important;
        text-align: left !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        color: var(--hp-ink) !important;
        padding: 28px 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        cursor: pointer;
        letter-spacing: -0.01em !important;
        font-family: inherit !important;
        gap: 16px;
        line-height: 1.4;
      }
      #faq .faq-q span:first-child { flex: 1; }
      #faq .faq-q .arrow {
        font-size: 1.4rem !important;
        font-weight: 300 !important;
        color: var(--hp-ink-4) !important;
        transition:
          transform var(--hp-dur-mid) var(--hp-ease),
          color var(--hp-dur-mid) var(--hp-ease),
          background var(--hp-dur-mid) var(--hp-ease),
          box-shadow var(--hp-dur-mid) var(--hp-ease),
          border-color var(--hp-dur-mid) var(--hp-ease);
        line-height: 1;
        flex-shrink: 0;
        font-family: inherit !important;
      }
      #faq .faq-item.open .faq-q .arrow {
        transform: rotate(45deg);
        color: var(--hp-brand) !important;
      }
      #faq .faq-a {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition:
          max-height 0.4s var(--hp-ease-out),
          opacity 0.3s ease;
      }
      #faq .faq-item.open .faq-a {
        max-height: 1000px;
        opacity: 1;
      }
      #faq .faq-a-inner {
        padding: 16px 28px 32px !important;
        color: var(--hp-ink-3) !important;
        font-size: 1.05rem !important;
        line-height: 1.8 !important;
        word-break: keep-all;
        border-top: none !important;
      }
      #faq .faq-a-inner strong { color: var(--hp-ink); font-weight: 700; }
      /* ═════════ /FAQ ═════════ */

      /* ═════════════════════════════════════════════════════════
         PREMIUM (Part 2) — Deep Navy + Soft Gold
         services / pain-point / trust / compare / faq / scarcity
         ═════════════════════════════════════════════════════════ */
      :root {
        /* PART 02 — Dark Multicolor System (다이어그램 톤 유지 + 컬러풀 카드 아이콘) */
        --premium-bg:        #0a0a0f;            /* 다이어그램 검정 */
        --premium-bg-2:      #16213e;            /* 깊은 네이비 */
        --premium-card:      #1a1a2e;            /* 다이어그램 카드 - 살짝 밝은 인디고 다크 */
        --premium-card-hover:#252550;            /* 호버 시 살짝 더 밝게 */
        --premium-line:      rgba(124, 131, 255, 0.16);
        --premium-line-soft: rgba(124, 131, 255, 0.08);
        --premium-gold:      #7c83ff;            /* 메인 인디고 액센트 */
        --premium-gold-deep: #6366f1;
        --premium-text:      #ffffff;            /* 흰색 본문 (가독성 핵심) */
        --premium-text-2:    #e0e0e0;            /* 라이트 그레이 secondary */
        --premium-text-3:    #aab1c6;            /* 인디고 톤 tertiary */
        --premium-text-4:    #888;               /* 흐릿한 텍스트 (legend 등) */

        /* ───────── DESIGN_REFACTOR 1단계: shadow 토큰 ───────── */
        --premium-shadow:      0 8px 24px -8px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.4);
        --premium-shadow-lg:   0 28px 56px -16px rgba(0, 0, 0, 0.7), 0 8px 16px -4px rgba(124, 131, 255, 0.16);
        --premium-shadow-gold: 0 16px 32px -8px rgba(124, 131, 255, 0.40);

        /* ───────── PART 02 — Indigo Dark System ───────── */
        --neon-gold-core:  #7c83ff;                                /* 메인 인디고 */
        --neon-gold-bright:#C7D2FE;
        --neon-gold-glow:  rgba(124, 131, 255, 0.55);
        --neon-gold-soft:  #6366f1;
        --neon-gold-grad:  linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%);  /* 화려한 핑크→보라→인디고 (DTOP 스타일) */
        --card-bg-deep:    linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 100%);
        --card-bg-deeper:  linear-gradient(180deg, #16213e 0%, #0a0a0f 100%);
        --card-border-rim: rgba(124, 131, 255, 0.32);

        /* 컬러풀 액센트 팔레트 (카드 아이콘 7색) */
        --accent-indigo:   #7c83ff;
        --accent-violet:   #a855f7;
        --accent-green:    #10b981;
        --accent-orange:   #f97316;
        --accent-amber:    #f59e0b;
        --accent-red:      #ef4444;
        --accent-pink:     #ec4899;
        --accent-cyan:     #06b6d4;
        --accent-blue:     #3b82f6;

        --glow-rim:
          0 0 0 1px rgba(124, 131, 255, 0.22),
          0 0 24px rgba(124, 131, 255, 0.18),
          0 16px 40px -12px rgba(0, 0, 0, 0.60),
          inset 0 1px 0 rgba(200, 208, 255, 0.10),
          inset 0 0 60px -20px rgba(124, 131, 255, 0.08);
        --glow-rim-hover:
          0 0 0 1px rgba(124, 131, 255, 0.55),
          0 0 36px rgba(124, 131, 255, 0.40),
          0 24px 56px -12px rgba(0, 0, 0, 0.70),
          inset 0 1px 0 rgba(200, 208, 255, 0.20),
          inset 0 0 80px -20px rgba(124, 131, 255, 0.16);
        --glow-inset:
          inset 0 0 60px -20px rgba(124, 131, 255, 0.10);

        /* spacing / radius / duration / easing은 라이트 톤 변수(--hp-*) 그대로 공유 */
      }

      /* ───────── #services 다크 변환 ───────── */
      #services {
        background:
          radial-gradient(ellipse 60% 50% at 25% 15%, rgba(124, 131, 255, 0.18), transparent 65%),
          radial-gradient(ellipse 55% 50% at 80% 90%, rgba(124, 131, 255, 0.14), transparent 60%),
          linear-gradient(180deg, var(--premium-bg) 0%, var(--premium-bg-2) 100%) !important;
        position: relative;
        padding: 6.5rem 5% 7rem !important;
      }
      /* 그레인 노이즈 (premium 시그니처) */
      #services::before,
      #services::after {
        content: '' !important;
        position: absolute !important;
        pointer-events: none !important;
      }
      #services::before {
        inset: 0 !important;
        background:
          repeating-linear-gradient(
            0deg,
            transparent 0,
            transparent 2px,
            rgba(124, 131, 255, 0.012) 2px,
            rgba(124, 131, 255, 0.012) 3px
          ) !important;
        top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;
        z-index: 0 !important;
        background-color: transparent !important;
        filter: none !important;
      }
      #services::after { display: none !important; }

      #services .section-inner { position: relative; z-index: 1; }

      /* eyebrow */
      #services .section-tag {
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.28) !important;
      }
      #services .section-tag::before {
        background: var(--premium-gold) !important;
        box-shadow: 0 0 10px var(--premium-gold) !important;
      }

      /* 헤딩 / 본문 */
      #services .section-center .section-title,
      #services .section-center h2 {
        color: var(--premium-text) !important;
      }
      #services .section-center .section-title .grad-highlight,
      #services .section-center h2 .grad-highlight {
        background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
      }
      #services .section-center .section-desc,
      #services .section-center p {
        color: var(--premium-text-2) !important;
        font-weight: 600 !important;
        letter-spacing: -0.01em !important;
      }

      /* 카드 */
      #services .service-card {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
      }
      #services .service-card:hover {
        background: var(--premium-card-hover) !important;
        border-color: var(--premium-gold) !important;
        box-shadow:
          0 24px 48px -12px rgba(0, 0, 0, 0.55),
          0 0 32px -8px rgba(124, 131, 255, 0.22) !important;
      }

      /* num "01" — 골드 */
      #services .service-num {
        color: var(--premium-gold) !important;
        -webkit-text-fill-color: var(--premium-gold) !important;
      }

      /* 아이콘 박스 — 골드 그라디언트 + 골드 hairline */
      #services .service-card .service-icon,
      #services .service-card:nth-child(1) .service-icon,
      #services .service-card:nth-child(2) .service-icon,
      #services .service-card:nth-child(3) .service-icon,
      #services .service-card:nth-child(4) .service-icon {
        background: linear-gradient(135deg, rgba(124, 131, 255, 0.18), rgba(124, 131, 255, 0.04)) !important;
        border: 1px solid rgba(124, 131, 255, 0.22) !important;
      }

      /* h3 / lead / 본문 / 리스트 색상 */
      #services .service-card h3 {
        color: var(--premium-text) !important;
      }
      #services .service-card__lead {
        color: var(--premium-gold) !important;
      }
      #services .service-card > p:not(.service-card__lead) {
        color: var(--premium-text-3) !important;
      }
      #services .service-list li {
        color: var(--premium-text-2) !important;
      }
      #services .service-list li::before {
        background: var(--premium-gold) !important;
      }
      /* ───────── /#services premium ───────── */

      /* ───────── hp-part-divider: 라이트→다크 전환 다리 ───────── */
      .hp-part-divider {
        background:
          radial-gradient(ellipse 60% 100% at 50% 70%, rgba(124, 131, 255, 0.10), transparent 70%),
          linear-gradient(180deg, #ffffff 0%, #ffffff 35%, var(--premium-bg) 100%) !important;
      }
      /* 상단은 border-top으로 명확한 경계선 — ::before 라이트 잔재 숨김 */
      .hp-part-divider::before {
        display: none !important;
      }
      .hp-part-divider::after {
        background: linear-gradient(90deg, transparent, rgba(124, 131, 255, 0.45), transparent) !important;
      }
      .hp-part-divider h3 {
        color: var(--premium-text) !important;
      }
      .hp-part-divider h3 .grad {
        background: linear-gradient(135deg, var(--premium-gold), var(--premium-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
      }
      .hp-part-divider p {
        color: var(--premium-text-3) !important;
      }
      .hp-part-badge {
        background: linear-gradient(135deg, var(--premium-gold) 0%, var(--premium-gold-deep) 100%) !important;
        color: var(--premium-bg) !important;
        box-shadow: 0 12px 28px -8px rgba(124, 131, 255, 0.45) !important;
      }
      .hp-part-badge::before {
        background: var(--premium-bg) !important;
        box-shadow: 0 0 10px rgba(10, 15, 31, 0.6) !important;
      }
      .hp-part-divider__arrow {
        background: rgba(124, 131, 255, 0.12) !important;
        border-color: rgba(124, 131, 255, 0.35) !important;
        color: var(--premium-gold) !important;
        box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.4) !important;
      }
      .hp-part-divider.is-clickable:hover {
        background:
          radial-gradient(ellipse 60% 100% at 50% 70%, rgba(124, 131, 255, 0.18), transparent 70%),
          linear-gradient(180deg, #ffffff 0%, #ffffff 30%, var(--premium-bg) 100%) !important;
      }
      .hp-part-divider.is-clickable:hover .hp-part-divider__arrow {
        background: var(--premium-gold) !important;
        color: var(--premium-bg) !important;
        border-color: var(--premium-gold) !important;
        box-shadow: 0 12px 28px -8px rgba(124, 131, 255, 0.55) !important;
      }
      /* ───────── /hp-part-divider premium 다리 ───────── */

      /* ═══════════════════════════════════════════════════════════
         PREMIUM 변환 — #contact 부터 #scarcity까지
         ═══════════════════════════════════════════════════════════ */

      /* ───────── #pain-point 다크 ───────── */
      #pain-point {
        background:
          radial-gradient(ellipse 60% 50% at 80% 10%, rgba(124, 131, 255, 0.16), transparent 65%),
          radial-gradient(ellipse 55% 50% at 15% 85%, rgba(139, 111, 78, 0.12), transparent 65%),
          var(--premium-bg) !important;
        position: relative !important;
        padding: 6rem 5% !important;
      }
      #pain-point .section-tag {
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.28) !important;
      }
      #pain-point .section-tag::before {
        background: var(--premium-gold) !important;
        box-shadow: 0 0 10px var(--premium-gold) !important;
      }
      #pain-point .section-title { color: var(--premium-text) !important; }
      #pain-point .section-title .grad-highlight {
        background: linear-gradient(135deg, var(--premium-gold), var(--premium-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
      }
      #pain-point .section-desc { color: var(--premium-text-3) !important; }
      #pain-point .pain-card {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
        color: var(--premium-text-2) !important;
      }
      #pain-point .pain-card:hover {
        border-color: var(--premium-gold) !important;
        background: var(--premium-card-hover) !important;
        box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.55), 0 0 32px -8px rgba(124, 131, 255, 0.2) !important;
      }
      #pain-point .pain-card h3 { color: var(--premium-text) !important; }
      #pain-point .pain-card p { color: var(--premium-text-3) !important; }
      #pain-point .pain-card strong { color: var(--premium-gold) !important; }
      #pain-point .empathy-tag,
      #pain-point .empathy-title,
      #pain-point .empathy-bar {
        background: var(--premium-card) !important;
        color: var(--premium-text) !important;
        border-color: var(--premium-line) !important;
      }
      #pain-point .hp-solution-step,
      #trust .hp-solution-step {
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.28) !important;
      }

      /* ───────── #trust 다크 ───────── */
      #trust {
        background:
          radial-gradient(ellipse 50% 60% at 20% 30%, rgba(124, 131, 255, 0.18), transparent 65%),
          radial-gradient(ellipse 50% 60% at 80% 80%, rgba(124, 131, 255, 0.14), transparent 65%),
          linear-gradient(180deg, var(--premium-bg) 0%, var(--premium-bg-2) 100%) !important;
        position: relative !important;
      }
      #trust .section-tag {
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.28) !important;
      }
      #trust .section-tag::before {
        background: var(--premium-gold) !important;
        box-shadow: 0 0 10px var(--premium-gold) !important;
      }
      #trust .section-title { color: var(--premium-text) !important; }
      #trust .section-title .grad-highlight {
        background: linear-gradient(135deg, var(--premium-gold), var(--premium-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
      }
      #trust .section-desc,
      #trust .section-desc strong { color: var(--premium-text-3) !important; }
      #trust .section-desc strong { color: var(--premium-text-2) !important; }
      /* phil-card 외부/내부 두 박스 모두 다크 */
      #trust .phil-card-wrapper > div {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
        color: var(--premium-text-2) !important;
      }
      #trust .phil-card-wrapper > div:first-child p {
        color: var(--premium-gold) !important;
      }
      #trust .phil-card-wrapper > div:last-child h4 {
        color: var(--premium-text) !important;
      }
      #trust .phil-card-wrapper > div:last-child p {
        color: var(--premium-text-3) !important;
      }
      #trust .phil-card-wrapper:hover > div:last-child {
        border-color: var(--premium-gold) !important;
        background: var(--premium-card-hover) !important;
        box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.5), 0 0 28px -8px rgba(124, 131, 255, 0.2) !important;
      }
      #trust .hp-icon-em-lg {
        background: linear-gradient(135deg, rgba(124, 131, 255, 0.18), rgba(124, 131, 255, 0.04)) !important;
        border: 1px solid rgba(124, 131, 255, 0.25) !important;
      }
      /* ─── PART 02 럭셔리 배경 효과: 별빛 파티클 (코너 글로우는 섹션별 background에서 직접) ─── */
      /* 섹션 경계 디바이더 — 다크 섹션 사이 명확한 구분 (border-top + inset glow) */
      #pain-point,
      #trust,
      #compare,
      #faq,
      #scarcity,
      #limited {
        position: relative;
        border-top: 1px solid rgba(124, 131, 255, 0.42) !important;
        box-shadow:
          inset 0 1px 0 rgba(124, 131, 255, 0.18),
          inset 0 16px 40px -8px rgba(124, 131, 255, 0.08),
          0 -8px 24px -8px rgba(124, 131, 255, 0.10) !important;
      }
      /* 중앙 골드 액센트 라이트 (디바이더 가운데 발광점) */
      #pain-point::after,
      #trust::after,
      #compare::after,
      #faq::after,
      #scarcity::after,
      #limited::after {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        top: 0; left: 50%;
        transform: translateX(-50%);
        width: min(420px, 60vw);
        height: 80px;
        background: radial-gradient(ellipse at center top,
          rgba(124, 131, 255, 0.42) 0%,
          rgba(124, 131, 255, 0.16) 35%,
          transparent 72%) !important;
        filter: blur(6px);
        z-index: 2;
        pointer-events: none;
      }
      /* 별빛 파티클 — 섹션 안 래퍼에 적용 */
      .luxe-stars,
      #services .section-inner,
      #pain-point .section-inner,
      #trust .section-inner,
      #compare .section-inner,
      #faq .faq-layout,
      #scarcity .section-inner,
      #limited .section-inner {
        position: relative;
      }
      .luxe-stars::before,
      #services .section-inner::before,
      #pain-point .section-inner::before,
      #trust .section-inner::before,
      #compare .section-inner::before,
      #faq .faq-layout::before,
      #scarcity .section-inner::before,
      #limited .section-inner::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image:
          radial-gradient(1.5px 1.5px at 8% 15%,  rgba(200, 208, 255, 0.95), transparent 100%),
          radial-gradient(1px 1px     at 22% 38%, rgba(124, 131, 255, 0.85),  transparent 100%),
          radial-gradient(2px 2px     at 41% 12%, rgba(200, 208, 255, 0.90), transparent 100%),
          radial-gradient(1px 1px     at 58% 47%, rgba(124, 131, 255, 0.75),  transparent 100%),
          radial-gradient(1.5px 1.5px at 73% 22%, rgba(200, 208, 255, 0.90), transparent 100%),
          radial-gradient(1px 1px     at 88% 8%,  rgba(124, 131, 255, 0.80),  transparent 100%),
          radial-gradient(2px 2px     at 12% 65%, rgba(200, 208, 255, 0.85), transparent 100%),
          radial-gradient(1px 1px     at 33% 78%, rgba(124, 131, 255, 0.70),  transparent 100%),
          radial-gradient(1.5px 1.5px at 47% 88%, rgba(200, 208, 255, 0.90), transparent 100%),
          radial-gradient(1px 1px     at 65% 71%, rgba(124, 131, 255, 0.80),  transparent 100%),
          radial-gradient(2px 2px     at 82% 55%, rgba(200, 208, 255, 0.85), transparent 100%),
          radial-gradient(1px 1px     at 95% 82%, rgba(124, 131, 255, 0.75),  transparent 100%),
          radial-gradient(1px 1px     at 5%  92%, rgba(200, 208, 255, 0.80), transparent 100%);
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 1;
        animation: starTwinkle 4s ease-in-out infinite;
      }
      @keyframes starTwinkle {
        0%, 100% { opacity: 0.55; }
        50%      { opacity: 1; }
      }
      /* 콘텐츠는 별보다 위에 */
      #services .section-inner > *,
      #pain-point .section-inner > *,
      #trust .section-inner > *,
      #compare .section-inner > *,
      #faq .faq-layout > *,
      #scarcity .section-inner > *,
      #limited .section-inner > * {
        position: relative;
        z-index: 2;
      }
      @media (prefers-reduced-motion: reduce) {
        .luxe-stars::before,
        #services .section-inner::before,
        #pain-point .section-inner::before,
        #trust .section-inner::before,
        #compare .section-inner::before,
        #faq .faq-layout::before,
        #scarcity .section-inner::before,
        #limited .section-inner::before {
          animation: none;
          opacity: 0.75;
        }
      }

      /* ─── 네온사인 글로우 카드 (iPhone Pro 키노트 톤) ─── */
      @keyframes neonBreathe {
        0%, 100% {
          box-shadow:
            inset 0 0 0 1px rgba(200, 208, 255, 0.18),
            inset 0 0 18px rgba(200, 208, 255, 0.10),
            0 0 0 1px rgba(200, 208, 255, 0.32),
            0 0 14px rgba(200, 208, 255, 0.45),
            0 0 36px rgba(124, 131, 255, 0.55),
            0 0 72px rgba(124, 131, 255, 0.32),
            0 0 140px rgba(139, 111, 78, 0.22) !important;
        }
        50% {
          box-shadow:
            inset 0 0 0 1px rgba(200, 208, 255, 0.32),
            inset 0 0 24px rgba(200, 208, 255, 0.18),
            0 0 0 1px rgba(200, 208, 255, 0.50),
            0 0 22px rgba(200, 208, 255, 0.65),
            0 0 52px rgba(124, 131, 255, 0.70),
            0 0 104px rgba(124, 131, 255, 0.45),
            0 0 180px rgba(139, 111, 78, 0.32) !important;
        }
      }
      .neon-card {
        border: 1px solid rgba(200, 208, 255, 0.55) !important;
        animation: neonBreathe 4.5s ease-in-out infinite;
      }
      /* 모션 비선호: 호흡 비활성, 고정 글로우 유지 */
      @media (prefers-reduced-motion: reduce) {
        .neon-card {
          animation: none;
          box-shadow:
            inset 0 0 0 1px rgba(200, 208, 255, 0.22),
            0 0 0 1px rgba(200, 208, 255, 0.40),
            0 0 18px rgba(200, 208, 255, 0.55),
            0 0 44px rgba(124, 131, 255, 0.55),
            0 0 90px rgba(124, 131, 255, 0.32),
            0 0 150px rgba(139, 111, 78, 0.22) !important;
        }
      }

      /* neon-card 적용 #trust 1지역 1병원 배너 */
      #trust .neon-card {
        background: var(--premium-card) !important;
      }
      #trust .neon-card p { color: var(--premium-text) !important; }
      #trust .neon-card p:last-child { color: var(--premium-text-3) !important; }
      #trust .neon-card .hp-icon-em-sm {
        background: linear-gradient(135deg, rgba(124, 131, 255, 0.20), rgba(124, 131, 255, 0.05)) !important;
        border: 1px solid rgba(124, 131, 255, 0.30) !important;
      }

      /* ───────── #compare 다크 ───────── */
      #compare {
        background:
          radial-gradient(ellipse 70% 50% at 50% 0%, rgba(124, 131, 255, 0.20), transparent 70%),
          radial-gradient(ellipse 60% 50% at 50% 100%, rgba(139, 111, 78, 0.14), transparent 70%),
          var(--premium-bg) !important;
      }
      #compare .section-tag {
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.28) !important;
      }
      #compare .section-tag::before {
        background: var(--premium-gold) !important;
        box-shadow: 0 0 10px var(--premium-gold) !important;
      }
      #compare .section-title { color: var(--premium-text) !important; }
      #compare .section-title .grad-highlight {
        background: linear-gradient(135deg, var(--premium-gold), var(--premium-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
      }
      #compare .section-desc { color: var(--premium-text-3) !important; }
      #compare table,
      #compare .compare-table,
      #compare .hp-compare-table {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
        color: var(--premium-text-2) !important;
      }
      #compare th {
        background: rgba(124, 131, 255, 0.08) !important;
        color: var(--premium-gold) !important;
        border-color: var(--premium-line-soft) !important;
      }
      #compare td {
        color: var(--premium-text-2) !important;
        border-color: var(--premium-line-soft) !important;
      }
      #compare tr:hover td { background: rgba(124, 131, 255, 0.04) !important; }
      #compare strong { color: var(--premium-gold) !important; }

      /* ───────── #faq 다크 ───────── */
      #faq {
        background:
          radial-gradient(ellipse 50% 60% at 30% 20%, rgba(124, 131, 255, 0.16), transparent 65%),
          radial-gradient(ellipse 50% 60% at 75% 80%, rgba(139, 111, 78, 0.12), transparent 65%),
          linear-gradient(180deg, var(--premium-bg-2) 0%, var(--premium-bg) 100%) !important;
      }
      #faq .section-tag {
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.28) !important;
      }
      #faq .section-tag::before {
        background: var(--premium-gold) !important;
        box-shadow: 0 0 10px var(--premium-gold) !important;
      }
      #faq .faq-intro h2 { color: var(--premium-text) !important; }
      #faq .faq-intro h2 .accent {
        background: linear-gradient(135deg, var(--premium-gold), var(--premium-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
      }
      #faq .faq-intro p { color: var(--premium-text-3) !important; }
      #faq .faq-cta {
        background: linear-gradient(135deg, var(--premium-gold) 0%, var(--premium-gold-deep) 100%) !important;
        color: var(--premium-bg) !important;
        box-shadow: 0 12px 28px -8px rgba(124, 131, 255, 0.4) !important;
      }
      #faq .faq-cta:hover {
        box-shadow: 0 16px 36px -8px rgba(124, 131, 255, 0.55) !important;
      }
      #faq .faq-item {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
      }
      #faq .faq-item:hover {
        border-color: var(--premium-gold) !important;
        box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.5), 0 0 24px -10px rgba(124, 131, 255, 0.25) !important;
      }
      #faq .faq-q { color: var(--premium-text) !important; }
      #faq .faq-q .arrow { color: var(--premium-text-3) !important; }
      #faq .faq-item.open { border-color: var(--premium-gold) !important; }
      #faq .faq-item.open .faq-q .arrow { color: var(--premium-gold) !important; }
      #faq .faq-a-inner { color: var(--premium-text-2) !important; }
      #faq .faq-a-inner strong { color: var(--premium-gold) !important; }

      /* ───────── #scarcity 다크 (가장 깊은 톤) ───────── */
      #scarcity {
        background:
          radial-gradient(ellipse 70% 60% at 50% 30%, rgba(124, 131, 255, 0.22), transparent 65%),
          radial-gradient(ellipse 50% 50% at 50% 100%, rgba(139, 111, 78, 0.16), transparent 60%),
          var(--premium-bg) !important;
        padding: 7rem 5% 8rem !important;
      }

      /* ───────── #limited 다크 (LIMITED 단독 섹션) ───────── */
      #limited {
        background:
          radial-gradient(ellipse 60% 50% at 50% 0%, rgba(124, 131, 255, 0.20), transparent 65%),
          radial-gradient(ellipse 55% 50% at 50% 100%, rgba(139, 111, 78, 0.14), transparent 60%),
          linear-gradient(180deg, var(--premium-bg-2) 0%, var(--premium-bg) 100%) !important;
        padding: 7rem 5% 8rem !important;
        overflow: hidden;
      }
      #limited .section-inner {
        max-width: 1200px;
        margin: 0 auto;
      }
      #limited .hp-scarcity-card--full {
        margin-top: 0 !important;
      }
      #limited .hp-scarcity-card--full::before {
        display: none !important;
      }
      #scarcity .section-tag {
        background: rgba(124, 131, 255, 0.12) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.32) !important;
      }
      #scarcity .section-tag::before {
        background: var(--premium-gold) !important;
        box-shadow: 0 0 12px var(--premium-gold) !important;
      }
      #scarcity h2,
      #scarcity .section-title { color: var(--premium-text) !important; }
      #scarcity h2 .grad-highlight,
      #scarcity .section-title .grad-highlight {
        background: linear-gradient(135deg, var(--premium-gold), var(--premium-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
      }
      #scarcity p { color: var(--premium-text-2) !important; }
      #scarcity .hp-cta-btn,
      #scarcity .btn-primary,
      #scarcity a[class*="cta"] {
        background: linear-gradient(135deg, var(--premium-gold) 0%, var(--premium-gold-deep) 100%) !important;
        color: var(--premium-bg) !important;
        box-shadow: 0 16px 36px -8px rgba(124, 131, 255, 0.5) !important;
      }
      /* ═══════════ /PREMIUM 변환 ═══════════ */

      /* ═════════ 외부 CSS 충돌 무효화 (라이트 잔재 강제 제거) ═════════ */

      /* #pain-point ::before 흰 오버레이 제거 + 배경 강제 다크 */
      body #pain-point::before { display: none !important; }
      body #pain-point {
        background:
          radial-gradient(ellipse 60% 50% at 80% 10%, rgba(124, 131, 255, 0.06), transparent 65%),
          var(--premium-bg) !important;
      }

      /* pain-card 강제 다크 */
      body #pain-point .pain-card {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
      }
      body #pain-point .pain-card h3 { color: var(--premium-text) !important; }
      body #pain-point .pain-card p { color: var(--premium-text-3) !important; }
      body #pain-point .pain-card strong { color: var(--premium-gold) !important; }

      /* .pain-card--highlight 다크 + 골드 강조 (라이트 그라디언트 무효화) */
      body #pain-point .pain-card.pain-card--highlight,
      body #pain-point .pain-card--highlight {
        background: linear-gradient(135deg, #1F1F1F 0%, var(--premium-card) 100%) !important;
        border: 1px solid rgba(124, 131, 255, 0.4) !important;
        color: var(--premium-text) !important;
      }
      body #pain-point .pain-card--highlight h3 { color: var(--premium-gold) !important; }
      body #pain-point .pain-card--highlight p,
      body #pain-point .pain-card--highlight strong { color: var(--premium-text) !important; }

      /* pain-icon 박스 다크 + 다색 액센트 (apple-v2 톤) — 카드별 컬러 로테이션 */
      body #pain-point .pain-card .pain-icon {
        position: relative; overflow: hidden;
        border: none !important;
        color: #fff !important;
      }
      body #pain-point .pain-card .pain-icon::after {
        content: ''; position: absolute; inset: 0;
        background: radial-gradient(circle at 28% 22%, rgba(255,255,255,0.30), transparent 55%);
        pointer-events: none;
      }
      body #pain-point .pain-card:nth-child(1) .pain-icon {
        background: var(--hp-grad-rose) !important;
        box-shadow: 0 12px 24px -10px rgba(244,63,94,0.50) !important;
      }
      body #pain-point .pain-card:nth-child(2) .pain-icon {
        background: var(--hp-grad-amber) !important;
        box-shadow: 0 12px 24px -10px rgba(245,158,11,0.50) !important;
      }
      body #pain-point .pain-card:nth-child(3) .pain-icon {
        background: var(--hp-grad-violet) !important;
        box-shadow: 0 12px 24px -10px rgba(139,92,246,0.50) !important;
      }

      /* section-title / desc 강한 specificity 헤딩 가시성 */
      body #pain-point .section-title { color: var(--premium-text) !important; }
      body #pain-point .section-desc { color: var(--premium-text-3) !important; }

      /* hp-part-divider: 다크 단색 + 상단 경계선 골드 라인 (DESIGN_REFACTOR 5단계 — fade 대신 경계선) */
      body .hp-part-divider {
        background:
          radial-gradient(ellipse 70% 80% at 50% 50%, rgba(124, 131, 255, 0.14), transparent 70%),
          radial-gradient(ellipse 50% 50% at 20% 30%, rgba(124, 131, 255, 0.06), transparent 65%),
          radial-gradient(ellipse 50% 50% at 80% 70%, rgba(124, 131, 255, 0.05), transparent 65%),
          linear-gradient(180deg, var(--premium-bg-2) 0%, var(--premium-bg) 100%) !important;
        border-top: 1px solid var(--premium-gold) !important;
      }
      body .hp-part-divider.is-clickable:hover {
        background:
          radial-gradient(ellipse 75% 85% at 50% 50%, rgba(124, 131, 255, 0.22), transparent 70%),
          radial-gradient(ellipse 50% 50% at 20% 30%, rgba(124, 131, 255, 0.10), transparent 65%),
          radial-gradient(ellipse 50% 50% at 80% 70%, rgba(124, 131, 255, 0.08), transparent 65%),
          linear-gradient(180deg, var(--premium-bg-2) 0%, var(--premium-bg) 100%) !important;
      }
      body .hp-part-divider h3 { color: var(--premium-text) !important; }
      body .hp-part-divider p { color: var(--premium-text-3) !important; }

      /* scarcity 카드 다크 강제 */
      body #scarcity .hp-agency-card,
      body #scarcity .hp-price-card {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
      }
      body #scarcity .hp-price-card { border-color: rgba(124, 131, 255, 0.3) !important; }
      body #scarcity .hp-agency-card h3,
      body #scarcity .hp-price-card__title { color: var(--premium-text) !important; }
      body #scarcity .hp-agency-card p,
      body #scarcity .hp-price-card__sub { color: var(--premium-text-3) !important; }
      body #scarcity .hp-agency-list li,
      body #scarcity .hp-price-card__list li { color: var(--premium-text-2) !important; }
      body #scarcity .hp-agency-list li::before {
        background: var(--premium-gold) !important;
      }
      body #scarcity .hp-price-card__list li strong,
      body #scarcity .hp-agency-note strong { color: var(--premium-gold) !important; }
      body #scarcity .hp-agency-note { color: var(--premium-text-3) !important; }
      body #scarcity .hp-agency-tag {
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.28) !important;
      }
      body #scarcity .hp-agency-price .num {
        background: linear-gradient(135deg, var(--premium-gold), var(--premium-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
      }
      body #scarcity .hp-agency-price .unit { color: var(--premium-text-3) !important; }
      body #scarcity .hp-price-card__price .num { color: var(--premium-text) !important; }
      body #scarcity .hp-price-card__price .unit { color: var(--premium-text-3) !important; }
      body #scarcity .hp-price-card__badge,
      body #scarcity .hp-price-card__tag { color: var(--premium-gold) !important; }
      body #scarcity .hp-price-card__list li .ico {
        background: rgba(124, 131, 255, 0.18) !important;
      }

      /* #scarcity 자체 배경 강제 */
      body #scarcity {
        background:
          radial-gradient(ellipse 70% 60% at 50% 30%, rgba(124, 131, 255, 0.12), transparent 65%),
          radial-gradient(ellipse 50% 50% at 50% 100%, rgba(124, 131, 255, 0.06), transparent 60%),
          var(--premium-bg) !important;
      }

      /* trust phil-card 외부 CSS 충돌 보강 */
      body #trust .phil-card-wrapper > div:last-child {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
      }

      /* ═════════ 모든 PART 02 CTA 버튼 통일 (골드 그라디언트 알약) ═════════ */
      body .hp-part-divider .hp-part-badge,
      body #scarcity .hp-agency-cta,
      body #scarcity a.hp-agency-cta,
      body #faq .faq-cta,
      body #faq a.faq-cta,
      body #scarcity .hp-price-card__cta,
      body #scarcity a.hp-price-card__cta {
        background: linear-gradient(135deg, #7c83ff 0%, #6366f1 100%) !important;
        color: #000000 !important;
        border-radius: 50px !important;
        padding: 14px 28px !important;
        font-weight: 800 !important;
        border: none !important;
        box-shadow: 0 12px 28px -8px rgba(124, 131, 255, 0.5) !important;
        transition: transform var(--hp-dur-mid) var(--hp-ease), box-shadow var(--hp-dur-mid) var(--hp-ease) !important;
        text-decoration: none !important;
      }
      body .hp-part-divider .hp-part-badge:hover,
      body #scarcity .hp-agency-cta:hover,
      body #faq .faq-cta:hover,
      body #scarcity .hp-price-card__cta:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 18px 40px -8px rgba(124, 131, 255, 0.6) !important;
      }
      body .hp-part-divider .hp-part-badge::before {
        background: #000 !important;
      }
      body .hp-part-divider .hp-part-badge,
      body #faq .faq-cta {
        color: #000 !important;
      }
      body #faq .faq-cta * { color: #000 !important; }
      body .hp-part-divider .hp-part-badge * { color: #000 !important; }
      body #scarcity .hp-agency-cta,
      body #scarcity .hp-agency-cta * { color: #000 !important; }
      body #scarcity .hp-price-card__cta,
      body #scarcity .hp-price-card__cta * { color: #000 !important; }

      /* ═════════ LIMITED 배지 강제 (scarcity + limited .section-tag) ═════════ */
      body #scarcity .section-tag,
      body #limited .section-tag {
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.32) !important;
      }
      body #scarcity .section-tag::before,
      body #limited .section-tag::before {
        background: var(--premium-gold) !important;
        box-shadow: 0 0 12px var(--premium-gold) !important;
      }

      /* ═════════ pain-card--highlight 텍스트 강제 (⚡ 그래서 직접 실행합니다) ═════════ */
      body #pain-point .pain-card.pain-card--highlight h3,
      body #pain-point .pain-card--highlight h3 {
        color: var(--premium-gold) !important;
      }
      body #pain-point .pain-card.pain-card--highlight h3 *,
      body #pain-point .pain-card--highlight h3 * {
        color: var(--premium-gold) !important;
      }
      body #pain-point .pain-card.pain-card--highlight p,
      body #pain-point .pain-card--highlight p,
      body #pain-point .pain-card.pain-card--highlight p *,
      body #pain-point .pain-card--highlight p * {
        color: var(--premium-text) !important;
      }
      body #pain-point .pain-card.pain-card--highlight strong,
      body #pain-point .pain-card--highlight strong {
        color: var(--premium-gold) !important;
      }

      /* compare 섹션 비교표 보강 */
      body #compare table,
      body #compare .vs-tbl,
      body #compare .compare-table {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
      }
      body #compare th { background: rgba(124, 131, 255, 0.08) !important; color: var(--premium-gold) !important; }
      body #compare th.th-left { background: linear-gradient(180deg, #C7D2FE 0%, #7c83ff 50%, #6366f1 100%) !important; color: #000 !important; }
      body #compare td { color: var(--premium-text-2) !important; }
      body #compare strong { color: var(--premium-gold) !important; }

      /* faq 섹션 보강 */
      body #faq .faq-item {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
      }
      body #faq .faq-q { color: var(--premium-text) !important; }
      body #faq .faq-q .arrow { color: var(--premium-text-3) !important; }
      body #faq .faq-item.open .faq-q .arrow { color: var(--premium-gold) !important; }
      body #faq .faq-a-inner { color: var(--premium-text-2) !important; }
      body #faq .faq-a-inner strong { color: var(--premium-gold) !important; }
      body #faq .faq-intro h2 { color: var(--premium-text) !important; }
      body #faq .faq-intro p { color: var(--premium-text-3) !important; }
      /* ═════════ FINAL FIX — 진짜 원인 셀렉터 무효화 ═════════ */

      /* pain-highlight (실제 클래스. pain-card--highlight 아님) — 다크 + 골드 */
      body #pain-point .pain-highlight {
        background: transparent !important;
        border: none !important;
      }
      body #pain-point .pain-highlight-inner {
        background: linear-gradient(135deg, #1F1F1F 0%, var(--premium-card) 100%) !important;
        border: 1px solid rgba(124, 131, 255, 0.4) !important;
        box-shadow: 0 0 32px rgba(124, 131, 255, 0.15) !important;
        color: var(--premium-text) !important;
      }
      body #pain-point .pain-highlight-inner::before { display: none !important; }
      body #pain-point .pain-highlight-inner h3,
      body #pain-point .pain-highlight-inner h3 * {
        color: var(--premium-gold) !important;
      }
      body #pain-point .pain-highlight-inner p,
      body #pain-point .pain-highlight-inner p *,
      body #pain-point .pain-highlight-inner strong {
        color: var(--premium-text) !important;
      }

      /* pain-icon 박스 라이트 → 다크 + 골드 */
      body #pain-point .pain-icon {
        background: linear-gradient(135deg, rgba(124, 131, 255, 0.18), rgba(124, 131, 255, 0.04)) !important;
        border: 1px solid rgba(124, 131, 255, 0.25) !important;
        filter: none !important;
      }

      /* scarcity 좌측 hp-agency-card — 잉크블루 그라디언트 → 검정 */
      body #scarcity .hp-agency-card {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
        box-shadow: none !important;
      }
      body #scarcity .hp-agency-card::before {
        background: radial-gradient(circle, rgba(124, 131, 255, 0.18), transparent 70%) !important;
        opacity: 1 !important;
      }
      /* hp-agency-list li 체크 dot — 옛 블루 그라디언트 → 골드 */
      body #scarcity .hp-agency-list li::before {
        background-image:
          linear-gradient(135deg, #7c83ff 0%, #6366f1 100%),
          url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
      }
      /* hp-agency-tag 옅은 노랑 → 골드 알약 */
      body #scarcity .hp-agency-tag {
        background: rgba(124, 131, 255, 0.18) !important;
        color: var(--premium-gold) !important;
      }
      /* hp-agency-cta 흰 → 골드 그라디언트 알약 */
      body #scarcity .hp-agency-cta {
        background: linear-gradient(135deg, #7c83ff 0%, #6366f1 100%) !important;
        color: #000 !important;
        border-radius: 50px !important;
        font-weight: 800 !important;
        box-shadow: 0 12px 28px -8px rgba(124, 131, 255, 0.5) !important;
      }
      body #scarcity .hp-agency-cta:hover {
        color: #000 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 18px 40px -8px rgba(124, 131, 255, 0.6) !important;
      }
      body #scarcity .hp-agency-note {
        background: rgba(255, 255, 255, 0.04) !important;
        color: var(--premium-text-3) !important;
      }
      body #scarcity .hp-agency-note strong { color: var(--premium-gold) !important; }
      body #scarcity .hp-agency-card .lead { color: var(--premium-text-3) !important; }
      body #scarcity .hp-agency-card h3,
      body #scarcity .hp-agency-card h3 * { color: var(--premium-text) !important; }
      body #scarcity .hp-agency-list li { color: var(--premium-text-2) !important; }
      body #scarcity .hp-agency-price .num {
        background: linear-gradient(135deg, var(--premium-gold), var(--premium-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
      }
      body #scarcity .hp-agency-price .unit { color: var(--premium-text-3) !important; }
      body #scarcity .hp-agency-price { border-bottom: 1px solid var(--premium-line) !important; }

      /* LIMITED 카드 (scarcity 내부 + limited 단독 섹션) — 흰 → 검정 */
      body #scarcity .hp-scarcity-card,
      body #limited .hp-scarcity-card {
        background: var(--premium-card) !important;
        border: 1px solid var(--premium-line) !important;
        box-shadow: none !important;
      }
      body #scarcity .hp-scarcity-card .section-tag,
      body #limited .hp-scarcity-card .section-tag {
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.32) !important;
      }
      body #scarcity .hp-scarcity-card .section-tag::before,
      body #limited .hp-scarcity-card .section-tag::before {
        background: var(--premium-gold) !important;
        box-shadow: 0 0 12px var(--premium-gold) !important;
      }
      body #scarcity .hp-scarcity-card h2,
      body #scarcity .hp-scarcity-card h2 *,
      body #limited .hp-scarcity-card h2,
      body #limited .hp-scarcity-card h2 * { color: var(--premium-text) !important; }
      body #scarcity .hp-scarcity-card .grad-highlight,
      body #limited .hp-scarcity-card .grad-highlight {
        background: linear-gradient(135deg, var(--premium-gold), var(--premium-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
      }
      body #scarcity .hp-scarcity-card p,
      body #limited .hp-scarcity-card p { color: var(--premium-text-3) !important; }
      /* "현재 가능 여부 확인하기" .btn-primary 골드 알약 */
      body #scarcity .hp-scarcity-card .btn-primary,
      body #scarcity .hp-scarcity-card a.btn-primary,
      body #limited .hp-scarcity-card .btn-primary,
      body #limited .hp-scarcity-card a.btn-primary {
        background: linear-gradient(135deg, #7c83ff 0%, #6366f1 100%) !important;
        color: #000 !important;
        border-radius: 50px !important;
        border: none !important;
        font-weight: 800 !important;
        box-shadow: 0 12px 28px -8px rgba(124, 131, 255, 0.5) !important;
        text-decoration: none !important;
      }
      body #scarcity .hp-scarcity-card .btn-primary:hover,
      body #limited .hp-scarcity-card .btn-primary:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 18px 40px -8px rgba(124, 131, 255, 0.6) !important;
      }
      /* ═════════ /FINAL FIX ═════════ */

      /* ═════════ ABSOLUTE FINAL — -webkit-text-fill-color + 파란색 잔재 ═════════ */
      /* 외부 css의 .pain-highlight는 -webkit-text-fill-color로 색이 박힘. 둘 다 강제 */
      body #pain-point .pain-highlight,
      body #pain-point .pain-highlight-inner {
        background: linear-gradient(135deg, #1F1F1F 0%, var(--premium-card) 100%) !important;
        border: 1px solid rgba(124, 131, 255, 0.4) !important;
        box-shadow: 0 0 32px rgba(124, 131, 255, 0.15) !important;
      }
      body #pain-point .pain-highlight h3,
      body #pain-point .pain-highlight-inner h3,
      body #pain-point .pain-highlight h3 *,
      body #pain-point .pain-highlight-inner h3 * {
        color: #7c83ff !important;
        -webkit-text-fill-color: #7c83ff !important;
      }
      body #pain-point .pain-highlight p,
      body #pain-point .pain-highlight-inner p,
      body #pain-point .pain-highlight p *,
      body #pain-point .pain-highlight-inner p * {
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
      }
      body #pain-point .pain-highlight strong,
      body #pain-point .pain-highlight-inner strong {
        color: #7c83ff !important;
        -webkit-text-fill-color: #7c83ff !important;
      }

      /* PART 02 안 var(--hp-brand) / var(--hp-brand-deep) 잔재 옛 블루 → 골드 */
      body #services,
      body #pain-point,
      body #trust,
      body #compare,
      body #faq,
      body #scarcity,
      body .hp-part-divider {
        --hp-brand-deep: #7c83ff;
        --hp-brand: #7c83ff;
      }

      /* 모든 PART 02 골드 알약 그라디언트 통일 (vertical 골드 글로스) */
      body .hp-part-divider .hp-part-badge,
      body #scarcity .hp-agency-cta,
      body #scarcity .hp-scarcity-card .btn-primary,
      body #faq .faq-cta,
      body #scarcity .hp-price-card__cta {
        background: linear-gradient(180deg, #C7D2FE 0%, #7c83ff 50%, #6366f1 100%) !important;
        color: #000 !important;
      }
      /* ═════════ /ABSOLUTE FINAL ═════════ */

      /* ═════════ PART 02 헤드라인 사이즈 통일 (이미지 톤 — 큰 글씨) ═════════ */
      body #services .section-title,
      body #pain-point .section-title,
      body #compare .section-title,
      body #scarcity h2,
      body #scarcity .section-title,
      body #scarcity .hp-scarcity-card h2 {
        font-size: clamp(2.5rem, 5.5vw, 4.5rem) !important;
        font-weight: 900 !important;
        letter-spacing: -0.04em !important;
        line-height: 1.05 !important;
        margin-bottom: 1.2rem !important;
      }
      body #trust .section-title {
        font-size: clamp(2rem, 4.4vw, 3.4rem) !important;
        font-weight: 900 !important;
        letter-spacing: -0.035em !important;
        line-height: 1.15 !important;
      }
      /* LIMITED 섹션은 단독 카드 안 헤딩이라 한 단계 작게 (PART 02 메인 헤딩 대비 차분하게) */
      body #limited .section-title,
      body #limited .hp-scarcity-card h2 {
        font-size: clamp(1.7rem, 3.4vw, 2.4rem) !important;
        font-weight: 900 !important;
        letter-spacing: -0.035em !important;
        line-height: 1.25 !important;
      }
      @media (max-width: 768px) {
        body #limited .section-title,
        body #limited .hp-scarcity-card h2 {
          font-size: clamp(22px, 5.5vw, 28px) !important;
        }
      }
      body .hp-part-divider h3 {
        font-size: clamp(2.025rem, 4.455vw, 3.645rem) !important;
        font-weight: 900 !important;
        letter-spacing: -0.04em !important;
        line-height: 1.05 !important;
      }
      body #faq .faq-intro h2 {
        font-size: clamp(2.4rem, 5vw, 4rem) !important;
        font-weight: 900 !important;
        letter-spacing: -0.04em !important;
        line-height: 1.1 !important;
      }
      /* 본문/desc는 자연스러운 사이즈 유지 */
      body #services .section-desc,
      body #pain-point .section-desc,
      body #trust .section-desc,
      body #compare .section-desc,
      body #scarcity .section-desc,
      body .hp-part-divider p,
      body #faq .faq-intro p {
        font-size: clamp(0.95rem, 1.5vw, 1.15rem) !important;
        line-height: 1.7 !important;
      }

      /* ═════════ PART 02 다크 섹션 본문/리드 가독성 강화 ═════════ */
      body #services .section-desc,
      body #pain-point .section-desc,
      body #trust .section-desc,
      body #compare .section-desc,
      body #faq .faq-intro p,
      body .hp-part-divider p,
      body #scarcity .hp-scarcity-card p,
      body #limited .hp-scarcity-card p {
        color: var(--premium-text-2) !important;
        font-weight: 600 !important;
        font-size: clamp(1.02rem, 1.7vw, 1.18rem) !important;
        line-height: 1.75 !important;
        letter-spacing: -0.01em !important;
      }
      /* 강조 키워드(<strong>)는 한 톤 더 밝은 흰색 + 골드 액센트 */
      body #services .section-desc strong,
      body #pain-point .section-desc strong,
      body #trust .section-desc strong,
      body #compare .section-desc strong,
      body #faq .faq-intro p strong,
      body .hp-part-divider p strong,
      body .hp-part-divider p .gold-emph,
      body #scarcity .hp-scarcity-card p strong,
      body #limited .hp-scarcity-card p strong {
        color: var(--premium-gold) !important;
        font-weight: 800 !important;
      }
      /* part-divider 안 부속 라인(hp-part-detail) 가독성 보강 */
      body .hp-part-divider p .hp-part-detail {
        color: var(--premium-text-2) !important;
        font-weight: 500 !important;
      }
      @media (max-width: 768px) {
        body #services .section-title,
        body #pain-point .section-title,
        body #compare .section-title,
        body #scarcity h2,
        body #faq .faq-intro h2 {
          font-size: clamp(28px, 7.5vw, 36px) !important;
          line-height: 1.3 !important;
        }
        body .hp-part-divider h3 {
          font-size: clamp(26px, 7vw, 32px) !important;
          line-height: 1.3 !important;
        }
      }
      /* ═════════ /PART 02 헤드라인 사이즈 ═════════ */

      /* ═════════ Footer 라이트 강제 (사용자 토큰의 다크 --bg-card 영향 차단) ═════════ */
      /* DESIGN_REFACTOR 5단계: PART 2(dark) → footer(light) 경계 — 검정 1px로 컷 정돈 */
      footer[role="contentinfo"] {
        --bg-card: #ffffff;
        --border: rgba(0, 0, 0, 0.07);
        --text-muted: #94A3B8;
        --text-primary: #1a1a2e;
        --text-secondary: #475569;
        background: #ffffff !important;
        border-top: 1px solid #000 !important;
      }
      footer[role="contentinfo"] p,
      footer[role="contentinfo"] span {
        color: #94A3B8 !important;
        -webkit-text-fill-color: #94A3B8 !important;
      }
      footer[role="contentinfo"] a {
        color: #94A3B8 !important;
      }
      footer[role="contentinfo"] a:hover {
        color: #7c83ff !important;
      }
      footer[role="contentinfo"] img[alt="HighPlus 로고"] {
        filter: none !important;
        opacity: 1 !important;
      }

      /* ═════════ Footer 디자인 정돈 — 위계 + 반응형 (2026-05-11) ═════════ */
      .hp-footer {
        background: #ffffff;
        border-top: 1px solid #000;
        padding: 3.5rem 5% 2rem;
      }
      .hp-footer__inner {
        max-width: 1100px;
        margin: 0 auto;
      }
      .hp-footer__brand {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.6rem;
        margin-bottom: 1.5rem;
      }
      .hp-footer__logo {
        height: 36px;
        width: auto;
        display: block;
      }
      .hp-footer__slogan {
        font-size: 0.9rem;
        color: #475569 !important;
        -webkit-text-fill-color: #475569 !important;
        line-height: 1.6;
        word-break: keep-all;
        margin: 0;
        font-weight: 500;
      }
      .hp-footer__menu {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        padding: 1rem 0;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
      }
      .hp-footer__menu a {
        font-size: 0.85rem;
        font-weight: 600;
        color: #334155 !important;
        text-decoration: none;
        transition: color 0.2s ease;
        cursor: pointer;
      }
      .hp-footer__menu a:hover {
        color: #7c83ff !important;
      }
      .hp-footer__biz {
        margin: 1.5rem 0 1.5rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.45rem 2.5rem;
      }
      .hp-footer__biz-row {
        display: flex;
        gap: 0.6rem;
        font-size: 0.78rem;
        line-height: 1.55;
        word-break: keep-all;
        margin: 0;
      }
      .hp-footer__biz-row dt {
        flex-shrink: 0;
        min-width: 88px;
        font-weight: 600;
        color: #94A3B8 !important;
      }
      .hp-footer__biz-row dd {
        margin: 0;
        color: #94A3B8 !important;
        -webkit-text-fill-color: #94A3B8 !important;
      }
      .hp-footer__biz-row a {
        color: inherit !important;
        text-decoration: none;
        transition: color 0.2s ease;
      }
      .hp-footer__biz-row a:hover {
        color: #7c83ff !important;
      }
      .hp-footer__copyright {
        font-size: 0.7rem;
        color: #cbd5e1 !important;
        -webkit-text-fill-color: #cbd5e1 !important;
        text-align: center;
        margin: 0;
        padding-top: 1.2rem;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        letter-spacing: 0.02em;
      }

      @media (max-width: 768px) {
        .hp-footer {
          padding: 2.5rem 5% 1.75rem;
        }
        .hp-footer__brand {
          margin-bottom: 1.25rem;
        }
        .hp-footer__slogan {
          font-size: 0.85rem;
        }
        .hp-footer__menu {
          gap: 1rem;
          padding: 0.85rem 0;
        }
        .hp-footer__menu a {
          font-size: 0.82rem;
        }
        .hp-footer__biz {
          grid-template-columns: 1fr;
          gap: 0.35rem;
          margin: 1.25rem 0 1.25rem;
        }
        .hp-footer__biz-row {
          font-size: 0.75rem;
        }
        .hp-footer__biz-row dt {
          min-width: 80px;
        }
      }

      /* ═══════════════════════════════════════════════════════════
         FINAL UNIFICATION — Typography & Motion 토큰 락
         (컬러 시스템은 그대로 — 라이트 블루 + 다크 골드 2-tone 유지)
         ═══════════════════════════════════════════════════════════ */
      :root {
        --type-h2:        clamp(29px, 4vw, 51px);
        --w-display:      900;
        --tracking-tight: -0.035em;
        --lh-display:     1.1;
        --dur-fast:       0.2s;
        --dur-base:       0.25s;
        --lift-card:      -4px;
        --lift-button:    -2px;
        --hp-radius-sm:   12px;
        --hp-radius-md:   16px;
        --hp-radius-card: 20px;
      }

      /* ─── H2 사이즈/웨이트/트래킹 통일 ─── */
      body #ai-manager .section-center h2,
      body #why-ai-manager h2,
      body #ai-benefits .benefits-head h2,
      body #ai-features .features-head h2,
      body #growth-story .growth-head h2,
      body #testimonials .test-head h2,
      body #contact h2,
      body #services .section-title,
      body #pain-point .section-title,
      body #trust .section-title,
      body #compare .section-title,
      body #faq .faq-intro h2 {
        font-size: var(--type-h2) !important;
        font-weight: var(--w-display) !important;
        letter-spacing: var(--tracking-tight) !important;
        line-height: var(--lh-display) !important;
      }
      /* scarcity 카드 안쪽 h2를 좌측 hp-agency-card h3와 동일 사이즈로 통일 */
      body #scarcity .hp-scarcity-card h2 {
        font-size: clamp(22px, 3vw, 28px) !important;
        font-weight: 900 !important;
        letter-spacing: -0.025em !important;
        line-height: 1.25 !important;
      }
      /* ai-manager h2 안 그라디언트 span의 자체 부풀림 정리 (부모 사이즈 따르도록) */
      body #ai-manager .section-center h2 > span[style*="font-size"] {
        font-size: inherit !important;
      }
      /* 모바일 축소 */
      @media (max-width: 768px) {
        body #ai-manager .section-center h2,
        body #why-ai-manager h2,
        body #ai-benefits .benefits-head h2,
        body #ai-features .features-head h2,
        body #growth-story .growth-head h2,
        body #testimonials .test-head h2,
        body #contact h2,
        body #services .section-title,
        body #pain-point .section-title,
        body #trust .section-title,
        body #compare .section-title,
        body #faq .faq-intro h2 {
          font-size: clamp(28px, 7.5vw, 36px) !important;
          line-height: 1.3 !important;
        }
      }

      /* ─── 카드 호버 -4px 통일 ─── */
      body .pain-card,
      body .service-card,
      body .stat-item,
      body #growth-story .growth-card,
      body .hp-benefit-card,
      body #ai-benefits .hp-benefit-card,
      body #faq .faq-item,
      body #trust .phil-card-wrapper > div:last-child {
        transition: transform var(--hp-dur-mid) var(--hp-ease),
                    border-color var(--hp-dur-mid) var(--hp-ease),
                    box-shadow var(--hp-dur-mid) var(--hp-ease) !important;
      }
      body .pain-card:hover,
      body .service-card:hover,
      body .stat-item:hover,
      body #growth-story .growth-card:hover,
      body .hp-benefit-card:hover,
      body #ai-benefits .hp-benefit-card:hover,
      body #faq .faq-item:hover {
        transform: translateY(var(--lift-card)) !important;
      }
      /* trust phil-card 인라인 onmouseover 제거 후, 래퍼 호버로 안쪽 카드 lift */
      body #trust .phil-card-wrapper:hover > div:last-child {
        transform: translateY(var(--lift-card)) !important;
      }

      /* ─── 버튼/CTA 호버 -2px 통일 ─── */
      body .btn-primary,
      body .btn-secondary,
      body .hp-agency-cta,
      body .hp-price-card__cta,
      body .hp-part-badge,
      body #faq .faq-cta {
        transition: transform var(--hp-dur-mid) var(--hp-ease),
                    box-shadow var(--hp-dur-mid) var(--hp-ease),
                    background var(--hp-dur-mid) var(--hp-ease),
                    border-color var(--hp-dur-mid) var(--hp-ease) !important;
      }
      body .btn-primary:hover,
      body .btn-secondary:hover,
      body .hp-agency-cta:hover,
      body .hp-price-card__cta:hover,
      body .hp-part-badge:hover,
      body #faq .faq-cta:hover,
      body #nav-login-btn:hover,
      body #login-modal button:not(:disabled):not([onclick^="close"]):hover,
      body .pay-btn:hover {
        transform: translateY(var(--lift-button)) !important;
      }
      body #nav-login-btn,
      body #login-modal button:not(:disabled):not([onclick^="close"]),
      body .pay-btn {
        transition: transform var(--hp-dur-mid) var(--hp-ease),
                    box-shadow var(--hp-dur-mid) var(--hp-ease) !important;
      }

      /* ─── FAQ 동그라미 + 아이콘 골드 오버라이드 (style.css의 파란 원형 무력화) ─── */
      body #faq .faq-q .arrow {
        background: rgba(124, 131, 255, 0.12) !important;
        color: var(--premium-gold) !important;
        border: 1px solid rgba(124, 131, 255, 0.3) !important;
        box-shadow: none !important;
      }
      body #faq .faq-item.open .faq-q .arrow {
        background: linear-gradient(180deg, #C7D2FE 0%, #7c83ff 50%, #6366f1 100%) !important;
        color: #000 !important;
        border-color: transparent !important;
        box-shadow: 0 4px 12px rgba(124, 131, 255, 0.35) !important;
      }
      /* FAQ 답변 배경 다크 + 골드 라인 (style.css의 흰 배경 무력화) */
      body #faq .faq-a-inner {
        background: rgba(124, 131, 255, 0.05) !important;
        border: 1px solid rgba(124, 131, 255, 0.18) !important;
        border-radius: 12px !important;
      }
      /* FAQ 펼침/접힘 애니메이션 부드럽게 (DESIGN_REFACTOR 7단계 — max-height + opacity, ease-out) */
      body #faq .faq-a {
        transition:
          max-height 0.4s var(--hp-ease-out),
          opacity 0.3s ease !important;
      }
      body #faq .faq-item.open .faq-a {
        max-height: 800px !important;
      }

      /* ─── border-radius 토큰화 (인라인 값 오버라이드) ─── */
      body #ai-manager .empathy-bar {
        border-radius: var(--hp-radius-md) !important;
        cursor: default !important;
        position: relative;
        overflow: hidden;
        transition: background 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                    box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
      }
      body #ai-manager .empathy-bar::before {
        content: '';
        position: absolute;
        left: 0; top: 0; bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, #7c83ff 0%, #7C5BF5 100%);
        transform: scaleY(0);
        transform-origin: center;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      }
      body #ai-manager .empathy-bar:hover {
        background: #eaf0fa !important;
        transform: translateX(4px);
        box-shadow: 0 8px 20px -8px rgba(124, 131, 255, 0.18);
      }
      body #ai-manager .empathy-bar:hover::before {
        transform: scaleY(1);
      }
      body #ai-manager .empathy-bar > span:first-child {
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                    box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      }
      body #ai-manager .empathy-bar:hover > span:first-child {
        transform: rotate(-6deg) scale(1.08);
        box-shadow: 0 6px 14px -4px rgba(124, 131, 255, 0.25);
      }

      /* ─── 가격 카드 호버 (기본 / 프리미엄) ─── */
      .hp-price-card {
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                    border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .hp-price-card:hover {
        transform: translateY(-6px);
        border-color: var(--hp-brand);
        box-shadow:
          0 28px 64px -16px rgba(124, 131, 255, 0.40),
          0 0 0 1px rgba(124, 131, 255, 0.20),
          inset 0 1px 0 rgba(255, 255, 255, 0.80);
      }
      .hp-price-card--premium:hover {
        border-color: var(--hp-premium-primary);
        box-shadow:
          0 28px 64px -16px rgba(120, 90, 220, 0.45),
          0 0 0 1px rgba(120, 90, 220, 0.30),
          inset 0 1px 0 rgba(255, 255, 255, 0.80);
      }
      /* BEST / PREMIUM 뱃지 살짝 떠오르는 애니메이션 */
      .hp-price-card__badge {
        animation: hpBadgeFloat 3s ease-in-out infinite;
      }
      @keyframes hpBadgeFloat {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-3px); }
      }
      .hp-price-card:hover .hp-price-card__badge {
        animation: hpBadgePulse 1.5s ease-in-out infinite;
      }
      @keyframes hpBadgePulse {
        0%, 100% {
          transform: translateY(-3px);
          box-shadow: 0 10px 24px -4px rgba(124, 131, 255, 0.50);
        }
        50% {
          transform: translateY(-6px);
          box-shadow: 0 16px 32px -4px rgba(124, 131, 255, 0.60), 0 0 16px rgba(124, 131, 255, 0.30);
        }
      }
      .hp-price-card--premium:hover .hp-price-card__badge {
        animation: hpBadgePulsePremium 1.5s ease-in-out infinite;
      }
      @keyframes hpBadgePulsePremium {
        0%, 100% {
          transform: translateY(-3px);
          box-shadow: 0 10px 24px -4px rgba(120, 90, 220, 0.50);
        }
        50% {
          transform: translateY(-6px);
          box-shadow: 0 16px 32px -4px rgba(120, 90, 220, 0.60), 0 0 16px rgba(120, 90, 220, 0.30);
        }
      }

      /* 카드 안 체크리스트 호버 — 부드러운 하이라이트 */
      .hp-price-card__list li {
        transition: background 0.25s, transform 0.25s;
      }
      .hp-price-card__list li:hover {
        background: #e6edf8;
        transform: translateX(2px);
      }
      .hp-price-card--premium .hp-price-card__list li:hover {
        background: var(--hp-premium-tint-2);
      }

      /* PREMIUM 카드 안 feature 박스 호버 */
      .hp-premium-feature,
      .hp-premium-recommend,
      .hp-premium-hero {
        transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
      }
      .hp-premium-feature:hover,
      .hp-premium-recommend:hover {
        background: var(--hp-premium-tint-2);
        transform: translateX(3px);
        box-shadow: 0 8px 20px -8px rgba(110, 91, 242, 0.25);
      }
      .hp-premium-feature__ico,
      .hp-premium-recommend__ico {
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .hp-premium-feature:hover .hp-premium-feature__ico,
      .hp-premium-recommend:hover .hp-premium-recommend__ico {
        transform: rotate(-6deg) scale(1.08);
      }

      /* 모바일에선 호버 효과 비활성 */
      @media (max-width: 768px) {
        .hp-price-card:hover,
        body #ai-manager .empathy-bar:hover,
        .hp-premium-feature:hover,
        .hp-premium-recommend:hover {
          transform: none !important;
        }
        body #ai-manager .empathy-bar:hover > span:first-child {
          transform: none !important;
        }
      }
      body #trust .phil-card-wrapper > div:first-child {
        border-radius: var(--hp-radius-md) !important;
      }
      body #trust .phil-card-wrapper > div:last-child,
      body #trust .neon-card {
        border-radius: var(--hp-radius-card) !important;
      }
      body #compare .neon-card {
        border-radius: var(--hp-radius-lg) !important;
      }

      /* ─── 모달 4종 진입 애니메이션 (login / payment / terms / privacy) ─── */
      @keyframes hpModalBackdrop {
        from { opacity: 0; }
        to   { opacity: 1; }
      }
      @keyframes hpModalPanel {
        from { opacity: 0; transform: scale(0.96) translateY(8px); }
        to   { opacity: 1; transform: scale(1) translateY(0); }
      }
      #login-modal,
      #payment-modal,
      #terms-modal,
      #privacy-modal {
        animation: hpModalBackdrop 0.25s ease-out;
      }
      #login-modal > div,
      #payment-modal > div,
      #terms-modal > div,
      #privacy-modal > div {
        animation: hpModalPanel 0.35s var(--hp-ease);
      }

      /* ─── 스크롤 진입 stagger 100ms 단일화 (DESIGN_REFACTOR 3단계) ─── */
      .stagger-grid > .reveal:nth-child(1) { transition-delay: 0ms !important; }
      .stagger-grid > .reveal:nth-child(2) { transition-delay: 100ms !important; }
      .stagger-grid > .reveal:nth-child(3) { transition-delay: 200ms !important; }
      .stagger-grid > .reveal:nth-child(4) { transition-delay: 300ms !important; }
      .stagger-grid > .reveal:nth-child(n+5) { transition-delay: 300ms !important; }
      /* ═════════ /FINAL UNIFICATION ═════════ */

      /* ═══════════════════════════════════════════════════════════
         PART 02 LUXE REDESIGN — Black + Neon Gold Premium System
         iPhone 17 Pro + Hall of Fame + 측면 백라이트 레퍼런스
         ═══════════════════════════════════════════════════════════ */

      /* ─── 공통 카드 (모든 PART 02 카드 통합) ─── */
      .hp-premium-card,
      body #services .service-card,
      body #pain-point .pain-card,
      body #trust .phil-card,
      body #compare .neon-card,
      body #faq .faq-item,
      body #scarcity .hp-agency-card,
      body #scarcity .hp-agency-form-card,
      body #limited .hp-scarcity-card,
      body #trust .neon-card {
        position: relative !important;
        background: var(--card-bg-deep) !important;
        border: 1px solid var(--card-border-rim) !important;
        border-radius: 20px !important;
        box-shadow: var(--glow-rim) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                    box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                    border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        overflow: hidden;
      }
      .hp-premium-card::before,
      body #services .service-card::before,
      body #pain-point .pain-card::before,
      body #trust .phil-card::before,
      body #scarcity .hp-agency-card::before,
      body #scarcity .hp-agency-form-card::before,
      body #limited .hp-scarcity-card::before {
        content: '' !important;
        position: absolute !important;
        top: 0; left: 0; right: 0; height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--neon-gold-glow) 50%, transparent 100%) !important;
        opacity: 0.8;
        z-index: 1;
        pointer-events: none;
      }
      .hp-premium-card:hover,
      body #services .service-card:hover,
      body #pain-point .pain-card:hover,
      body #trust .phil-card:hover,
      body #scarcity .hp-agency-card:hover,
      body #limited .hp-scarcity-card:hover {
        transform: translateY(-4px) !important;
        border-color: var(--neon-gold-core) !important;
        box-shadow: var(--glow-rim-hover) !important;
      }

      /* ─── 공통 라벨/뱃지 (모든 PART 02 태그 통합) ─── */
      .hp-premium-label,
      body #services .section-tag,
      body #pain-point .section-tag,
      body #trust .section-tag,
      body #compare .section-tag,
      body #faq .section-tag,
      body #scarcity .section-tag,
      body #limited .section-tag,
      body #scarcity .hp-agency-tag,
      body #scarcity .hp-agency-form-card .hp-agency-tag {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 7px 16px !important;
        background: rgba(124, 131, 255, 0.10) !important;
        color: var(--neon-gold-core) !important;
        border: 1px solid rgba(124, 131, 255, 0.40) !important;
        border-radius: 999px !important;
        font-size: 11.5px !important;
        font-weight: 800 !important;
        letter-spacing: 0.16em !important;
        text-transform: uppercase !important;
        text-shadow: 0 0 12px var(--neon-gold-glow);
        box-shadow:
          0 0 0 1px rgba(124, 131, 255, 0.15),
          0 0 16px rgba(124, 131, 255, 0.25),
          inset 0 1px 0 rgba(200, 208, 255, 0.12) !important;
      }
      body #services .section-tag::before,
      body #pain-point .section-tag::before,
      body #trust .section-tag::before,
      body #compare .section-tag::before,
      body #faq .section-tag::before,
      body #scarcity .section-tag::before,
      body #limited .section-tag::before {
        content: '' !important;
        width: 6px !important; height: 6px !important;
        border-radius: 50% !important;
        background: var(--neon-gold-core) !important;
        box-shadow: 0 0 12px var(--neon-gold-core), 0 0 4px var(--neon-gold-bright) !important;
      }

      /* ─── 공통 이모지 아이콘 — 골드 글로우 컨테이너 ─── */
      .hp-premium-emoji,
      body #services .service-card .service-icon,
      body #pain-point .pain-card .pain-emoji,
      body #trust .phil-card .phil-icon,
      body #trust .phil-card .hp-icon-em-sm {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 56px !important; height: 56px !important;
        border-radius: 16px !important;
        background: radial-gradient(circle at center,
          rgba(124, 131, 255, 0.18) 0%,
          rgba(124, 131, 255, 0.05) 60%,
          transparent 100%) !important;
        border: 1px solid rgba(124, 131, 255, 0.30) !important;
        box-shadow:
          0 0 24px rgba(124, 131, 255, 0.22),
          inset 0 0 16px rgba(124, 131, 255, 0.06),
          inset 0 1px 0 rgba(200, 208, 255, 0.18) !important;
        font-size: 1.5rem;
        flex-shrink: 0;
      }

      /* ─── 헤드라인 기본은 흰색, .grad-highlight 만 골드 그라데이션 ─── */
      body #services .section-title,
      body #pain-point .section-title,
      body #trust .section-title,
      body #compare .section-title,
      body #scarcity h2,
      body #limited .section-title,
      body #scarcity .hp-agency-card h3,
      body #scarcity .hp-agency-form-card h3,
      body #faq .faq-intro h2 {
        color: var(--premium-text) !important;
        background: none !important;
        -webkit-text-fill-color: var(--premium-text) !important;
        filter: none;
      }
      body #services .section-title .grad-highlight,
      body #pain-point .section-title .grad-highlight,
      body #trust .section-title .grad-highlight,
      body #compare .section-title .grad-highlight,
      body #scarcity h2 .grad-highlight,
      body #limited .section-title .grad-highlight,
      body #faq .faq-intro h2 .accent,
      body #faq .faq-intro h2 .grad-highlight {
        background: var(--neon-gold-grad) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
        filter: drop-shadow(0 0 16px rgba(124, 131, 255, 0.30));
      }

      /* ─── 골드 CTA 버튼 통일 ─── */
      body #scarcity .hp-agency-submit,
      body #limited .hp-scarcity-card .btn-primary,
      body #limited .hp-scarcity-card a.btn-primary,
      body #scarcity .hp-scarcity-card .btn-primary {
        background: var(--neon-gold-grad) !important;
        color: #1a1208 !important;
        border: none !important;
        border-radius: 999px !important;
        font-weight: 900 !important;
        letter-spacing: -0.005em !important;
        box-shadow:
          0 0 0 1px rgba(200, 208, 255, 0.40),
          0 12px 32px -8px rgba(124, 131, 255, 0.50),
          0 0 24px rgba(124, 131, 255, 0.35),
          inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                    box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        text-decoration: none !important;
      }
      body #scarcity .hp-agency-submit:hover,
      body #limited .hp-scarcity-card .btn-primary:hover {
        transform: translateY(-2px) !important;
        box-shadow:
          0 0 0 1px rgba(200, 208, 255, 0.60),
          0 18px 40px -8px rgba(124, 131, 255, 0.65),
          0 0 36px rgba(124, 131, 255, 0.50),
          inset 0 1px 0 rgba(255, 255, 255, 0.40) !important;
      }

      /* ─── 섹션 사이 디바이더 — 얇은 골드 그라데이션 라인 ─── */
      #pain-point,
      #trust,
      #compare,
      #faq,
      #scarcity,
      #limited {
        position: relative;
      }

      /* ─── PART 02 진입 디바이더 (.hp-part-divider) 골드 헤일로 ─── */
      body .hp-part-divider {
        position: relative;
      }
      body .hp-part-divider .hp-part-badge {
        background: var(--neon-gold-grad) !important;
        color: #1a1208 !important;
        box-shadow:
          0 0 0 1px rgba(200, 208, 255, 0.30),
          0 16px 32px -8px rgba(124, 131, 255, 0.45),
          0 0 24px rgba(124, 131, 255, 0.35) !important;
        text-shadow: none !important;
      }
      body .hp-part-divider h3 {
        text-shadow: 0 0 24px rgba(124, 131, 255, 0.18);
      }

      /* ─── compare 비교표 골드 림 ─── */
      body #compare .vs-tbl {
        background: var(--card-bg-deep) !important;
      }
      body #compare .vs-tbl .th-left {
        background: var(--neon-gold-grad) !important;
        color: #1a1208 !important;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.18);
        font-weight: 900 !important;
      }
      body #compare .vs-tbl .td-left {
        color: var(--neon-gold-bright) !important;
        font-weight: 800 !important;
      }

      /* ─── 폼 입력 필드 (agency form) 골드 포커스 글로우 ─── */
      body #scarcity .hp-agency-form input,
      body #scarcity .hp-agency-form textarea {
        background: rgba(124, 131, 255, 0.04) !important;
        border: 1px solid rgba(124, 131, 255, 0.16) !important;
      }
      body #scarcity .hp-agency-form input:focus,
      body #scarcity .hp-agency-form textarea:focus {
        border-color: var(--neon-gold-core) !important;
        background: rgba(124, 131, 255, 0.08) !important;
        box-shadow:
          0 0 0 3px rgba(124, 131, 255, 0.20),
          0 0 24px rgba(124, 131, 255, 0.20) !important;
      }

      /* ─── 회색·블루 잔재 완전 제거 ─── */
      body #pain-point [style*="#94A3B8"],
      body #trust [style*="#94A3B8"],
      body #compare [style*="#94A3B8"],
      body #faq [style*="#94A3B8"],
      body #scarcity [style*="#94A3B8"],
      body #limited [style*="#94A3B8"] {
        color: var(--premium-text-2) !important;
      }
      /* PART 02 안에 잔재일 수 있는 브랜드 블루(#7c83ff, #A5B0FF) 강제 골드 변환 */
      body #pain-point .pain-card [style*="rgba(52, 120, 246"],
      body #trust .phil-card [style*="rgba(52, 120, 246"],
      body #compare [style*="rgba(52, 120, 246"],
      body #faq [style*="rgba(52, 120, 246"],
      body #scarcity [style*="rgba(52, 120, 246"],
      body #limited [style*="rgba(52, 120, 246"] {
        background: rgba(124, 131, 255, 0.10) !important;
        border-color: rgba(124, 131, 255, 0.30) !important;
        color: var(--neon-gold-core) !important;
      }

      /* ─── 모바일 ─── */
      @media (max-width: 768px) {
        .hp-premium-card:hover,
        body #services .service-card:hover,
        body #pain-point .pain-card:hover,
        body #trust .phil-card:hover,
        body #scarcity .hp-agency-card:hover,
        body #limited .hp-scarcity-card:hover {
          transform: none !important;
        }
        body #services .service-card .service-icon,
        body #pain-point .pain-card .pain-emoji,
        body #trust .phil-card .phil-icon {
          width: 48px !important; height: 48px !important;
          font-size: 1.3rem;
        }
      }
      /* ═════════ /PART 02 LUXE REDESIGN ═════════ */

      /* ═══════════════════════════════════════════════════════════
         PART 02 DARK COLORFUL OVERRIDE (2026-05-15 v3)
         — 다이어그램 톤 다크(#0a0a0f/#1a1a2e) 유지 + 흰 텍스트 가독성
         — 카드 아이콘은 다채로운 컬러 (오렌지/보라/그린/레드/인디고/핑크/사이안)
         — 헤딩 형광펜은 핑크→보라→인디고 그라데이션 (DTOP 스타일)
         ═══════════════════════════════════════════════════════════ */

      /* 1) 별빛 파티클/네온 호흡 비활성 (산만함 제거) */
      body #services .section-inner::before,
      body #pain-point .section-inner::before,
      body #trust .section-inner::before,
      body #compare .section-inner::before,
      body #faq .faq-layout::before,
      body #scarcity .section-inner::before,
      body #limited .section-inner::before {
        display: none !important;
      }
      body .neon-card { animation: none !important; }
      body #pain-point::after,
      body #trust::after,
      body #compare::after,
      body #faq::after,
      body #scarcity::after,
      body #limited::after { display: none !important; }
      body #pain-point,
      body #trust,
      body #compare,
      body #faq,
      body #scarcity,
      body #limited {
        border-top: none !important;
        box-shadow: none !important;
      }
      body #services::before { display: none !important; }
      body #services::after { display: none !important; }

      /* ─── 섹션 구분선 (그라데이션 hairline + 살짝 글로우) ─── */
      body #services,
      body #pain-point,
      body #trust,
      body #compare,
      body #faq,
      body #scarcity,
      body #limited {
        position: relative;
      }
      /* 2) 섹션 배경 — 다이어그램 톤 (검정/딥 네이비 교차, 모두 다크) */
      body #services {
        background: #0a0a0f !important;
        padding: 6.5rem 5% 7rem !important;
      }
      body #pain-point {
        background: linear-gradient(180deg, #0a0a0f 0%, #131325 100%) !important;
        padding: 6rem 5% !important;
      }
      body #trust {
        background: linear-gradient(180deg, #0a0a0f 0%, #16213e 50%, #0a0a0f 100%) !important;
      }
      body #compare {
        background: #0a0a0f !important;
      }
      body #faq {
        background: linear-gradient(180deg, #0a0a0f 0%, #131325 100%) !important;
      }
      body #scarcity {
        background: #0a0a0f !important;
      }
      body #limited {
        background: linear-gradient(180deg, #0a0a0f 0%, #16213e 100%) !important;
      }

      /* 3) 카드 — 다이어그램 카드 (#1a1a2e) 통일 */
      body #services .service-card,
      body #pain-point .pain-card:not(.pain-highlight),
      body #trust .phil-card-wrapper > div:last-child,
      body #scarcity .hp-agency-card,
      body #scarcity .hp-agency-form-card,
      body #limited .hp-scarcity-card {
        background: #1a1a2e !important;
        border: 1px solid #2a2a4a !important;
        box-shadow:
          0 4px 12px -4px rgba(0, 0, 0, 0.4),
          0 16px 32px -12px rgba(0, 0, 0, 0.3) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s, box-shadow 0.3s, background 0.3s !important;
      }
      body #services .service-card:hover,
      body #pain-point .pain-card:not(.pain-highlight):hover,
      body #trust .phil-card-wrapper:hover > div:last-child,
      body #scarcity .hp-agency-card:hover,
      body #scarcity .hp-agency-form-card:hover,
      body #limited .hp-scarcity-card:hover {
        background: #252550 !important;
        border-color: rgba(124, 131, 255, 0.5) !important;
        transform: translateY(-4px) !important;
        box-shadow:
          0 12px 28px -8px rgba(0, 0, 0, 0.5),
          0 0 32px -8px rgba(124, 131, 255, 0.35) !important;
      }
      /* .pain-highlight (⚡ 그래서 직접 실행합니다) 바깥 박스는 투명 — 안쪽 inner만 박스 */
      body #pain-point .pain-card.pain-highlight {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
      }
      body #pain-point .pain-card.pain-highlight:hover {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        transform: none !important;
      }
      body #compare .neon-card {
        background: #1a1a2e !important;
        border: 1px solid #2a2a4a !important;
        box-shadow:
          0 16px 40px -12px rgba(0, 0, 0, 0.5),
          0 0 32px -8px rgba(124, 131, 255, 0.18) !important;
      }

      /* 4) 텍스트 — 흰색 가독성 핵심 */
      body #services .section-center .section-title,
      body #pain-point .section-title,
      body #trust .section-title,
      body #compare .section-title,
      body #scarcity .section-title,
      body #limited .section-title,
      body #services .service-card h3,
      body #pain-point .pain-card h3,
      body #trust .phil-card-wrapper > div:last-child h4 {
        color: #ffffff !important;
      }
      body #services .section-center .section-desc,
      body #pain-point .section-desc,
      body #trust .section-desc,
      body #compare .section-desc,
      body #scarcity .section-desc {
        color: #e0e0e0 !important;
      }
      body #services .service-card > p:not(.service-card__lead),
      body #pain-point .pain-card p,
      body #trust .phil-card-wrapper > div:last-child p {
        color: #aab1c6 !important;
      }
      body #services .service-list li,
      body #trust .section-desc strong {
        color: #e0e0e0 !important;
      }
      body #pain-point .pain-card strong {
        font-weight: 800 !important;
      }
      /* pain-card 글씨 사이즈 가독성 강화 (Why HighPlus) */
      body #pain-point .pain-card h3 {
        font-size: 19px !important;
        font-weight: 800 !important;
        line-height: 1.5 !important;
        margin-bottom: 20px !important;
        letter-spacing: -0.015em !important;
      }
      body #pain-point .pain-card p {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.85 !important;
        letter-spacing: -0.005em !important;
      }
      /* pain-point 섹션 가로폭 확장 — 카드 자체 가로 더 넓게 */
      body #pain-point .section-inner {
        max-width: 1500px !important;
        width: 100% !important;
      }
      body #pain-point .pain-grid {
        gap: 28px !important;
        max-width: none !important;
        width: 100% !important;
      }
      body #pain-point .pain-card {
        padding: 48px 44px 44px !important;
      }
      body #pain-point .pain-card .pain-icon,
      body #pain-point .pain-card .pain-emoji {
        margin-bottom: 28px !important;
        width: 72px !important;
        height: 72px !important;
        font-size: 2.4rem !important;
      }
      @media (max-width: 768px) {
        body #pain-point .pain-card {
          padding: 36px 24px 32px !important;
        }
        body #pain-point .pain-grid {
          gap: 20px !important;
        }
      }
      /* pain-highlight (⚡ 그래서 직접 실행합니다) 강조 카드는 좀 더 큼직하게 */
      body #pain-point .pain-card.pain-highlight h3,
      body #pain-point .pain-highlight h3 {
        font-size: 24px !important;
        font-weight: 900 !important;
        line-height: 1.4 !important;
      }
      body #pain-point .pain-card.pain-highlight p,
      body #pain-point .pain-highlight p {
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 1.75 !important;
      }

      /* 5) 헤딩 .grad-highlight — DTOP 스타일 핑크→보라→인디고 화려한 그라데이션 통일 */
      body #services .section-title .grad-highlight,
      body #pain-point .section-title .grad-highlight,
      body #trust .section-title .grad-highlight,
      body #compare .section-title .grad-highlight,
      body #scarcity .section-title .grad-highlight,
      body #limited .section-title .grad-highlight,
      body #part-02 .grad {
        background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
      }
      /* hl-mark 형광펜 — 인디고/보라 (compare는 보라, pain은 레드) */
      body #compare .hl-mark {
        background: linear-gradient(180deg, transparent 60%, rgba(168, 85, 247, 0.35) 60%) !important;
        -webkit-background-clip: initial !important;
        background-clip: initial !important;
        -webkit-text-fill-color: currentColor !important;
        color: #ffffff !important;
        padding: 0 4px !important;
      }
      body #pain-point .section-title .hl-mark--rose {
        background: linear-gradient(180deg, transparent 60%, rgba(239, 68, 68, 0.40) 60%) !important;
        -webkit-background-clip: initial !important;
        background-clip: initial !important;
        -webkit-text-fill-color: currentColor !important;
        color: #ffffff !important;
        padding: 0 4px !important;
      }

      /* 6) section-tag (eyebrow) — 다크 + 인디고 라벨 */
      body #services .section-tag,
      body #pain-point .section-tag,
      body #trust .section-tag,
      body #compare .section-tag,
      body #faq .section-tag,
      body #scarcity .section-tag,
      body #limited .section-tag {
        background: rgba(124, 131, 255, 0.12) !important;
        color: #C7D2FE !important;
        border: 1px solid rgba(124, 131, 255, 0.35) !important;
      }
      body #services .section-tag::before,
      body #pain-point .section-tag::before,
      body #trust .section-tag::before,
      body #compare .section-tag::before,
      body #faq .section-tag::before,
      body #scarcity .section-tag::before,
      body #limited .section-tag::before {
        background: #7c83ff !important;
        box-shadow: 0 0 12px rgba(124, 131, 255, 0.8) !important;
      }

      /* 7) ★★★ 카드 아이콘 컬러풀 분배 (다이어그램/DTOP 스타일 다채로운 컬러) ★★★ */
      /* #services 4개 — 오렌지/보라/블루/핑크 */
      body #services .service-card:nth-child(1) .service-icon {
        background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
        border: 1px solid rgba(249, 115, 22, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(249, 115, 22, 0.5) !important;
      }
      body #services .service-card:nth-child(2) .service-icon {
        background: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%) !important;
        border: 1px solid rgba(168, 85, 247, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(168, 85, 247, 0.5) !important;
      }
      body #services .service-card:nth-child(3) .service-icon {
        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
        border: 1px solid rgba(59, 130, 246, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(59, 130, 246, 0.5) !important;
      }
      body #services .service-card:nth-child(4) .service-icon {
        background: linear-gradient(135deg, #ec4899 0%, #be185d 100%) !important;
        border: 1px solid rgba(236, 72, 153, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(236, 72, 153, 0.5) !important;
      }
      /* service-num 색상 동기화 */
      body #services .service-card:nth-child(1) .service-num { color: #f97316 !important; -webkit-text-fill-color: #f97316 !important; }
      body #services .service-card:nth-child(2) .service-num { color: #a855f7 !important; -webkit-text-fill-color: #a855f7 !important; }
      body #services .service-card:nth-child(3) .service-num { color: #3b82f6 !important; -webkit-text-fill-color: #3b82f6 !important; }
      body #services .service-card:nth-child(4) .service-num { color: #ec4899 !important; -webkit-text-fill-color: #ec4899 !important; }
      /* lead 색상 동기화 */
      body #services .service-card:nth-child(1) .service-card__lead { color: #fb923c !important; }
      body #services .service-card:nth-child(2) .service-card__lead { color: #c084fc !important; }
      body #services .service-card:nth-child(3) .service-card__lead { color: #60a5fa !important; }
      body #services .service-card:nth-child(4) .service-card__lead { color: #f472b6 !important; }
      body #services .service-card .service-card__lead { font-weight: 700 !important; }
      /* service-list dot 컬러 */
      body #services .service-card:nth-child(1) .service-list li::before { background: #f97316 !important; }
      body #services .service-card:nth-child(2) .service-list li::before { background: #a855f7 !important; }
      body #services .service-card:nth-child(3) .service-list li::before { background: #3b82f6 !important; }
      body #services .service-card:nth-child(4) .service-list li::before { background: #ec4899 !important; }

      /* #pain-point 3개 카드 — 레드/오렌지/사이안 */
      body #pain-point .pain-card:nth-child(1) .pain-emoji,
      body #pain-point .pain-card:nth-child(1) .pain-icon {
        background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
        border: 1px solid rgba(239, 68, 68, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(239, 68, 68, 0.5) !important;
      }
      body #pain-point .pain-card:nth-child(2) .pain-emoji,
      body #pain-point .pain-card:nth-child(2) .pain-icon {
        background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
        border: 1px solid rgba(245, 158, 11, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(245, 158, 11, 0.5) !important;
      }
      body #pain-point .pain-card:nth-child(3) .pain-emoji,
      body #pain-point .pain-card:nth-child(3) .pain-icon {
        background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
        border: 1px solid rgba(6, 182, 212, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(6, 182, 212, 0.5) !important;
      }
      body #pain-point .pain-card:nth-child(1) strong { color: #fca5a5 !important; }
      body #pain-point .pain-card:nth-child(2) strong { color: #fcd34d !important; }
      body #pain-point .pain-card:nth-child(3) strong { color: #67e8f9 !important; }

      /* #trust phil-card 3개 — 인디고/그린/핑크 */
      body #trust .phil-card-wrapper:nth-child(1) > div:first-child {
        background: rgba(124, 131, 255, 0.12) !important;
        border: 1px solid rgba(124, 131, 255, 0.35) !important;
      }
      body #trust .phil-card-wrapper:nth-child(1) > div:first-child p { color: #C7D2FE !important; }
      body #trust .phil-card-wrapper:nth-child(1) .hp-icon-em-lg {
        background: linear-gradient(135deg, #7c83ff 0%, #4f46e5 100%) !important;
        border: 1px solid rgba(124, 131, 255, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(124, 131, 255, 0.5) !important;
      }
      body #trust .phil-card-wrapper:nth-child(2) > div:first-child {
        background: rgba(16, 185, 129, 0.12) !important;
        border: 1px solid rgba(16, 185, 129, 0.35) !important;
      }
      body #trust .phil-card-wrapper:nth-child(2) > div:first-child p { color: #6ee7b7 !important; }
      body #trust .phil-card-wrapper:nth-child(2) .hp-icon-em-lg {
        background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
        border: 1px solid rgba(16, 185, 129, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(16, 185, 129, 0.5) !important;
      }
      body #trust .phil-card-wrapper:nth-child(3) > div:first-child {
        background: rgba(236, 72, 153, 0.12) !important;
        border: 1px solid rgba(236, 72, 153, 0.35) !important;
      }
      body #trust .phil-card-wrapper:nth-child(3) > div:first-child p { color: #f9a8d4 !important; }
      body #trust .phil-card-wrapper:nth-child(3) .hp-icon-em-lg {
        background: linear-gradient(135deg, #ec4899 0%, #be185d 100%) !important;
        border: 1px solid rgba(236, 72, 153, 0.6) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px -6px rgba(236, 72, 153, 0.5) !important;
      }

      /* 8) trust 강점 배너(neon-card) — 다크 + 컬러 아이콘 */
      body #trust .neon-card {
        background: #1a1a2e !important;
        border: 1px solid #2a2a4a !important;
        box-shadow:
          0 16px 40px -12px rgba(0, 0, 0, 0.4),
          0 0 32px -8px rgba(124, 131, 255, 0.18) !important;
      }
      body #trust .neon-card p { color: #ffffff !important; }
      body #trust .neon-card p + p,
      body #trust .neon-card p:last-child { color: #aab1c6 !important; font-weight: 500 !important; }
      body #trust .neon-card > div > div:nth-child(1) .hp-icon-em-sm {
        background: linear-gradient(135deg, #7c83ff 0%, #4f46e5 100%) !important;
        border: 1px solid rgba(124, 131, 255, 0.6) !important;
        color: #ffffff !important;
      }
      body #trust .neon-card > div > div:nth-child(2) .hp-icon-em-sm {
        background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
        border: 1px solid rgba(16, 185, 129, 0.6) !important;
        color: #ffffff !important;
      }
      body #trust .neon-card > div > div:nth-child(3) .hp-icon-em-sm {
        background: linear-gradient(135deg, #f59e0b 0%, #b45309 100%) !important;
        border: 1px solid rgba(245, 158, 11, 0.6) !important;
        color: #ffffff !important;
      }

      /* 9) compare 표 — 다크 + 화려한 헤더 */
      body #compare .vs-tbl .th-left {
        background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%) !important;
        color: #ffffff !important;
        border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
      }
      body #compare .vs-tbl .th-center {
        background: #1a1a2e !important;
        color: #aab1c6 !important;
        border-right: 1px solid rgba(124, 131, 255, 0.18) !important;
      }
      body #compare .vs-tbl .th-right {
        background: #252550 !important;
        color: #aab1c6 !important;
      }
      body #compare .vs-tbl .td-left {
        color: #ffffff !important;
        background: #1a1a2e !important;
        border-right: 1px solid rgba(124, 131, 255, 0.10) !important;
        border-bottom: 1px solid rgba(124, 131, 255, 0.10) !important;
      }
      body #compare .vs-tbl .td-center {
        color: #C7D2FE !important;
        font-weight: 800 !important;
        background: #1a1a2e !important;
        border-right: 1px solid rgba(124, 131, 255, 0.10) !important;
        border-bottom: 1px solid rgba(124, 131, 255, 0.10) !important;
      }
      body #compare .vs-tbl .td-right {
        color: #aab1c6 !important;
        background: #1a1a2e !important;
        border-bottom: 1px solid rgba(124, 131, 255, 0.10) !important;
      }
      body #compare .vs-tbl tbody tr:hover .td-left { background: rgba(124, 131, 255, 0.10) !important; }
      body #compare .vs-tbl tbody tr:hover .td-center { background: rgba(124, 131, 255, 0.06) !important; }
      body #compare .vs-tbl tbody tr:hover .td-right { background: #252550 !important; }

      /* 10) scarcity 폼 카드 — 다크 + 인디고 */
      body #scarcity .hp-agency-form-card {
        background: linear-gradient(135deg, #16213e 0%, #1a1a2e 100%) !important;
        color: #ffffff !important;
        border: 1px solid #2a2a4a !important;
        box-shadow:
          0 16px 40px -12px rgba(0, 0, 0, 0.5),
          0 0 32px -8px rgba(124, 131, 255, 0.20) !important;
      }
      body #scarcity .hp-agency-form-card h3 { color: #ffffff !important; }
      body #scarcity .hp-agency-form-card .lead { color: #e0e0e0 !important; }
      body #scarcity .hp-agency-form-card .hp-agency-tag {
        background: rgba(124, 131, 255, 0.18) !important;
        color: #C7D2FE !important;
        border: 1px solid rgba(124, 131, 255, 0.45) !important;
      }
      body #scarcity .hp-agency-form .hp-form-group label {
        color: #e0e0e0 !important;
        font-weight: 700 !important;
      }
      body #scarcity .hp-agency-form input,
      body #scarcity .hp-agency-form textarea {
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1px solid rgba(255, 255, 255, 0.14) !important;
        color: #ffffff !important;
      }
      body #scarcity .hp-agency-form input::placeholder,
      body #scarcity .hp-agency-form textarea::placeholder {
        color: rgba(255, 255, 255, 0.40) !important;
      }
      body #scarcity .hp-agency-form input:focus,
      body #scarcity .hp-agency-form textarea:focus {
        border-color: #7c83ff !important;
        background: rgba(124, 131, 255, 0.10) !important;
        box-shadow:
          0 0 0 3px rgba(124, 131, 255, 0.22),
          0 0 24px rgba(124, 131, 255, 0.30) !important;
      }
      body #scarcity .hp-form-note { color: #aab1c6 !important; }
      body #scarcity .hp-checkbox {
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.14) !important;
      }
      body #scarcity .hp-checkbox:hover {
        background: rgba(124, 131, 255, 0.10) !important;
        border-color: rgba(124, 131, 255, 0.40) !important;
      }
      body #scarcity .hp-checkbox__box {
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1.5px solid rgba(255, 255, 255, 0.30) !important;
      }
      body #scarcity .hp-checkbox input[type="checkbox"]:checked ~ .hp-checkbox__box {
        background: linear-gradient(135deg, #7c83ff 0%, #4f46e5 100%) !important;
        border-color: #7c83ff !important;
      }
      body #scarcity .hp-checkbox__box::after {
        border-right-color: #ffffff !important;
        border-bottom-color: #ffffff !important;
      }
      body #scarcity .hp-checkbox__label { color: #e0e0e0 !important; }
      body #scarcity .hp-checkbox:has(input:checked) {
        background: rgba(124, 131, 255, 0.15) !important;
        border-color: #7c83ff !important;
      }
      body #scarcity .hp-checkbox:has(input:checked) .hp-checkbox__label {
        color: #C7D2FE !important;
      }
      body #scarcity .hp-agency-submit {
        background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 10px 24px -8px rgba(168, 85, 247, 0.55) !important;
      }
      body #scarcity .hp-agency-submit:hover {
        box-shadow: 0 14px 32px -8px rgba(168, 85, 247, 0.75) !important;
        transform: translateY(-2px) !important;
      }

      /* 11) scarcity 좌측 풀매니지먼트 카드 — 다크 + 인디고 */
      body #scarcity .hp-agency-card {
        background: #1a1a2e !important;
        color: #ffffff !important;
      }
      body #scarcity .hp-agency-card h3 { color: #ffffff !important; }
      body #scarcity .hp-agency-card .lead { color: #e0e0e0 !important; }
      body #scarcity .hp-agency-card .hp-agency-tag {
        background: rgba(124, 131, 255, 0.18) !important;
        color: #C7D2FE !important;
        border: 1px solid rgba(124, 131, 255, 0.45) !important;
      }
      body #scarcity .hp-agency-price .num {
        background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
      }
      body #scarcity .hp-agency-price .unit { color: #aab1c6 !important; }
      body #scarcity .hp-agency-group-label { color: #C7D2FE !important; }
      body #scarcity .hp-agency-list li { color: #e0e0e0 !important; }
      body #scarcity .hp-agency-list li::before { color: #10b981 !important; }
      body #scarcity .hp-agency-note { color: #aab1c6 !important; }
      body #scarcity .hp-agency-note strong { color: #C7D2FE !important; }

      /* 12) FAQ — 다크 + 컬러풀 */
      body #faq .faq-intro h2 { color: #ffffff !important; }
      body #faq .faq-intro h2 .accent {
        background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
      }
      body #faq .faq-intro p { color: #e0e0e0 !important; }
      body #faq .faq-cta {
        background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 10px 24px -8px rgba(168, 85, 247, 0.55) !important;
      }
      body #faq .faq-cta:hover {
        box-shadow: 0 14px 32px -8px rgba(168, 85, 247, 0.75) !important;
        transform: translateY(-2px) !important;
      }
      body #faq .faq-item {
        background: #1a1a2e !important;
        border: 1px solid #2a2a4a !important;
      }
      body #faq .faq-q {
        color: #ffffff !important;
        background: transparent !important;
      }
      body #faq .faq-q .arrow { color: #7c83ff !important; }
      body #faq .faq-a-inner {
        color: #e0e0e0 !important;
        background: #16213e !important;
      }
      body #faq .faq-a-inner strong { color: #ffffff !important; }

      /* 13) LIMITED — 다크 */
      body #limited .hp-scarcity-card {
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
        border: 1px solid #2a2a4a !important;
        box-shadow:
          0 16px 40px -12px rgba(0, 0, 0, 0.5),
          0 0 48px -16px rgba(236, 72, 153, 0.25) !important;
      }
      body #limited .hp-scarcity-card h2 { color: #ffffff !important; }
      body #limited .hp-scarcity-card p { color: #e0e0e0 !important; }

      /* 14) PART 02 CTA 버튼 — 핑크→보라→인디고 그라데이션 */
      body #limited .btn-primary,
      body #scarcity .btn-primary {
        background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%) !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: 0 10px 24px -8px rgba(168, 85, 247, 0.55) !important;
      }
      body #limited .btn-primary:hover,
      body #scarcity .btn-primary:hover {
        box-shadow: 0 14px 32px -8px rgba(168, 85, 247, 0.75) !important;
        transform: translateY(-2px) !important;
      }

      /* 15) part-02 디바이더 — 라이트 베이스 유지하되 라벨은 화려한 그라데이션 */
      body #part-02 .hp-part-service-name {
        background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #7c83ff 100%) !important;
        border: 1px solid rgba(168, 85, 247, 0.40) !important;
        color: #ffffff !important;
        text-shadow: none !important;
        box-shadow: 0 8px 20px -6px rgba(168, 85, 247, 0.45) !important;
      }
      body #part-02 .gold-emph {
        color: #a855f7 !important;
        background: linear-gradient(180deg, transparent 60%, rgba(168, 85, 247, 0.22) 60%) !important;
      }

      /* 16) 이모지 아이콘 컨테이너 라운드 통일 */
      body #services .service-card .service-icon,
      body #pain-point .pain-card .pain-emoji,
      body #pain-point .pain-card .pain-icon,
      body #trust .phil-card-wrapper .hp-icon-em-lg,
      body #trust .neon-card .hp-icon-em-sm {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 14px !important;
      }

      /* ═══════════════════════ /PART 02 DARK COLORFUL OVERRIDE ═══════════════════════ */

      /* ─── 네비 핵심 메뉴 pill 강조 (애실장 / 블로그 대행) ─── */
      .nav-links a.nav-pill {
        font-weight: 700 !important;
        padding: 8px 16px;
        border-radius: 999px;
        font-size: 0.875rem;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        line-height: 1;
        border: 1.5px solid transparent;
        transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
      }
      .nav-links a.nav-pill::before {
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: inline-block;
      }
      .nav-links a.nav-pill:hover {
        transform: translateY(-1px);
      }
      .nav-links a.nav-pill.active::after {
        display: none !important;
      }

      /* 변형 A — 블루 (애실장: 주력 서비스) */
      .nav-links a.nav-pill--blue {
        background: rgba(52, 120, 246, 0.08);
        border-color: rgba(52, 120, 246, 0.22);
        color: #1e4fb8 !important;
      }
      .nav-links a.nav-pill--blue::before {
        background: #3478F6;
        box-shadow: 0 0 0 3px rgba(52, 120, 246, 0.18);
      }
      .nav-links a.nav-pill--blue:hover {
        background: rgba(52, 120, 246, 0.14);
        border-color: rgba(52, 120, 246, 0.42);
        color: #0e46ff !important;
        box-shadow: 0 4px 12px rgba(52, 120, 246, 0.18);
      }
      .nav-links a.nav-pill--blue.active {
        background: rgba(52, 120, 246, 0.16);
        border-color: #3478F6;
        color: #0e46ff !important;
      }

      /* 변형 B — 에메랄드 그린 (블로그 대행: 콘텐츠 성장) */
      .nav-links a.nav-pill--emerald {
        background: rgba(16, 185, 129, 0.10);
        border-color: rgba(16, 185, 129, 0.30);
        color: #047857 !important;
      }
      .nav-links a.nav-pill--emerald::before {
        background: #10B981;
        box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22);
      }
      .nav-links a.nav-pill--emerald:hover {
        background: rgba(16, 185, 129, 0.18);
        border-color: rgba(16, 185, 129, 0.50);
        color: #065f46 !important;
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.22);
      }
      .nav-links a.nav-pill--emerald.active {
        background: rgba(16, 185, 129, 0.20);
        border-color: #10B981;
        color: #065f46 !important;
      }

      /* ─── 형광펜 효과 일괄 제거 — .hl-mark 의 ::before 띠 및 컬러 배경 모두 비활성 ─── */
      .hl-mark,
      #hero.hero-v2 .hero-title .hl-mark,
      #hero.hero-v2 .hero-title .hl-mark.grad-highlight {
        padding: 0 !important;
      }
      .hl-mark::before,
      #hero.hero-v2 .hero-title .hl-mark.grad-highlight::before {
        content: none !important;
        display: none !important;
        background: transparent !important;
      }
      body #compare .hl-mark,
      body #pain-point .section-title .hl-mark--rose {
        background: transparent !important;
        padding: 0 !important;
      }


/* === block 4: id=pt2-nuclear-reset (was L5703-5710) === */
      /* ⚡ NUCLEAR RESET — 다크 테마 텍스트 ghost 방지
         타겟 섹션 내 모든 텍스트의 -webkit-text-fill-color/color를 초기화.
         .grad/.grad-highlight는 별도 재설정해서 유지. */
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) *:not(.grad):not(.grad-highlight) {
        -webkit-text-fill-color: currentColor !important;
      }

/* === block 5: id=pt2-draft2-override (was L5711-7778) === */
      /* ═══════════════════════════════════════════════════════════════════
         PART 02 (블로그 대행 ~ LIMITED) — agency-draft-2.html "Playful 3D" 톤
         단일 cream 베이스 + 저채도 파스텔 6색 (coral/mint/sun/purple/sky/pink)
         스코프: #part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited
         ═══════════════════════════════════════════════════════════════════ */
      :root {
        /* draft-2 base */
        --pt2-bg:          #fbf6ee;
        --pt2-bg-deep:     #f4ecdf;
        --pt2-white:       #ffffff;
        --pt2-line:        #ece4d3;
        --pt2-line-strong: #d9cfba;

        /* draft-2 solid color palette - low-saturation pastels */
        --pt2-coral:       #f5908a;
        --pt2-coral-soft:  #ffe0dc;
        --pt2-coral-deep:  #c45f59;
        --pt2-mint:        #6ed1b1;
        --pt2-mint-soft:   #d6f4ea;
        --pt2-mint-deep:   #3a9a7e;
        --pt2-sun:         #f5cb59;
        --pt2-sun-soft:    #fff1c4;
        --pt2-sun-deep:    #c99a2a;
        --pt2-purple:      #a698ee;
        --pt2-purple-soft: #e7dcff;
        --pt2-purple-deep: #6f5cc7;
        --pt2-sky:         #80b1e6;
        --pt2-sky-soft:    #d9eaff;
        --pt2-sky-deep:    #4d83c4;
        --pt2-pink:        #f0a3c7;
        --pt2-pink-soft:   #ffd9ec;
        --pt2-pink-deep:   #fb6664;

        /* ink */
        --pt2-ink:         #15151f;
        --pt2-ink-2:       #4a4a5a;
        --pt2-ink-3:       #8a8a9c;

        /* ── legacy alias (기존 셀렉터 호환용) ── */
        --pt2-cream:       var(--pt2-bg);
        --pt2-mint-c:      var(--pt2-mint);
        --pt2-pink-c:      var(--pt2-pink);
        --pt2-lav-c:       var(--pt2-purple);
        --pt2-lav-soft:    var(--pt2-purple-soft);
        --pt2-lav-deep:    var(--pt2-purple-deep);
        --pt2-blue:        var(--pt2-sky);
        --pt2-blue-soft:   var(--pt2-sky-soft);
        --pt2-blue-deep:   var(--pt2-sky-deep);
        --pt2-line-2:      var(--pt2-line-strong);
      }

      /* ═════════ 섹션 배경 — 단일 cream 톤 교차 (draft-2 패턴) ═════════ */
      body #part-02   { background: var(--pt2-bg-deep) !important; color: var(--pt2-ink) !important; }
      body #services  { background: var(--pt2-bg) !important;      color: var(--pt2-ink) !important; }
      body #pain-point{ background: var(--pt2-bg-deep) !important; color: var(--pt2-ink) !important; }
      body #trust     { background: var(--pt2-bg) !important;      color: var(--pt2-ink) !important; }
      body #compare   { background: var(--pt2-bg-deep) !important; color: var(--pt2-ink) !important; padding: 6rem 5% !important; }
      body #faq       { background: var(--pt2-bg) !important;      color: var(--pt2-ink) !important; }
      body #scarcity  { background: var(--pt2-bg-deep) !important; color: var(--pt2-ink) !important; }
      body #limited   { background: var(--pt2-bg) !important;      color: var(--pt2-ink) !important; }

      /* 섹션 배경의 데코 글로우 / radial bg / 보라 발광점 / 별빛 파티클 모두 무력화 */
      body #trust > div[style*="radial-gradient"],
      body #compare > div[style*="radial-gradient"],
      body #scarcity > div[style*="radial-gradient"],
      /* 상단 중앙 보라 발광점 (line 3286) — 모든 PART 02 섹션 */
      body #pain-point::before, body #pain-point::after,
      body #services::before, body #services::after,
      body #trust::after,
      body #compare::after,
      body #faq::after,
      body #scarcity::after,
      body #limited::after,
      /* 별빛 파티클 (line 3308) — .section-inner::before / .faq-layout::before */
      body #services .section-inner::before,
      body #pain-point .section-inner::before,
      body #trust .section-inner::before,
      body #compare .section-inner::before,
      body #faq .faq-layout::before,
      body #scarcity .section-inner::before,
      body #limited .section-inner::before {
        display: none !important;
        content: none !important;
        background: transparent !important;
        background-image: none !important;
      }
      body #trust::before, body #compare::before { background: transparent !important; background-image: none !important; }

      /* ═════════ 공통 타이포 — 모든 충돌 룰 specificity 매칭 ═════════ */
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) :is(h1, h2, h3, h4, h5) {
        color: var(--pt2-ink) !important;
      }
      /* section-title: 가장 높은 specificity 룰 (#services .section-center .section-title = 120) 이기기 */
      html body #services .section-center .section-title,
      html body #services .section-center h2,
      html body #services .section-title,
      html body #pain-point .section-center .section-title,
      html body #pain-point .section-title,
      html body #trust .section-center .section-title,
      html body #trust .section-title,
      html body #compare .section-center .section-title,
      html body #compare .section-title,
      html body #scarcity .section-center .section-title,
      html body #scarcity .section-title,
      html body #scarcity h2,
      html body #limited .section-title,
      html body #limited h2,
      html body #faq .faq-intro h2 {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
      }
      /* section-desc: 명시 selector로 모든 룰 이기기 */
      html body #services .section-center .section-desc,
      html body #services .section-center p,
      html body #services .section-desc,
      html body #pain-point .section-center .section-desc,
      html body #pain-point .section-desc,
      html body #trust .section-center .section-desc,
      html body #trust .section-desc,
      html body #trust .section-desc strong,
      html body #compare .section-center .section-desc,
      html body #compare .section-desc,
      html body #scarcity .section-center .section-desc,
      html body #scarcity .section-desc,
      html body #limited .section-desc {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
        max-width: 660px !important;
      }
      html body :is(#services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) p { color: var(--pt2-ink-2); }

      /* section-tag (eyebrow chip) — 흰 pill + 컬러 도트 prefix */
      body :is(#services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .section-tag {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px 16px !important;
        background: var(--pt2-white) !important;
        border: 1.5px solid var(--pt2-line-2) !important;
        border-radius: 999px !important;
        font-size: 0.78rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        color: var(--pt2-ink) !important;
        box-shadow: none !important;
      }
      /* eyebrow 도트 — 좌(::before) + 우(::after) 양쪽 추가 + 글로벌 황금 네온 glow 제거 */
      body :is(#services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .section-tag::before,
      body :is(#services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .section-tag::after {
        content: '' !important;
        display: inline-block !important;
        width: 9px !important;
        height: 9px !important;
        border-radius: 50% !important;
        background: var(--pt2-coral) !important;
        box-shadow: none !important;
        margin: 0 !important;
      }
      /* eyebrow 도트 컬러 — draft-2 매핑 (services:mint, pain:coral, trust:purple, compare:sky, faq:pink) */
      body #services    .section-tag::before,
      body #services    .section-tag::after { background: var(--pt2-mint) !important; }
      body #pain-point  .section-tag::before,
      body #pain-point  .section-tag::after { background: var(--pt2-coral) !important; }
      body #trust       .section-tag::before,
      body #trust       .section-tag::after { background: var(--pt2-purple) !important; }
      body #compare     .section-tag::before,
      body #compare     .section-tag::after { background: var(--pt2-sky) !important; }
      body #faq         .section-tag::before,
      body #faq         .section-tag::after { background: var(--pt2-pink) !important; }
      body #scarcity    .section-tag::before,
      body #scarcity    .section-tag::after { background: var(--pt2-sun) !important; }

      /* .grad-highlight / .grad / .gold-emph — 형광펜 효과 완전 제거, 글자 포인트 컬러만 적용
         섹션별 deep 톤 매핑: part-02:purple, services:mint, pain:pink, trust:purple,
         compare:sky, faq:pink, scarcity:coral, limited:sky */
      html body #part-02 h3 .grad,
      html body #part-02 .hp-part-divider__inner h3 .grad,
      html body #part-02 .gold-emph,
      html body #services .section-title .grad-highlight,
      html body #services .section-center .section-title .grad-highlight,
      html body #services .section-center h2 .grad-highlight,
      html body #pain-point .section-title .grad-highlight,
      html body #trust .section-title .grad-highlight,
      html body #compare .section-title .grad-highlight,
      html body #scarcity .section-title .grad-highlight,
      html body #scarcity h2 .grad-highlight,
      html body #limited .section-title .grad-highlight,
      html body #limited h2 .grad-highlight,
      html body #faq .faq-intro h2 .grad-highlight,
      html body #faq .faq-intro h2 .accent {
        background: transparent !important;
        background-image: none !important;
        -webkit-background-clip: border-box !important;
        background-clip: border-box !important;
        padding: 0 !important;
        display: inline !important;
        font-weight: 900 !important;
      }
      /* 섹션별 포인트 글자 컬러 */
      html body #part-02 h3 .grad,
      html body #part-02 .hp-part-divider__inner h3 .grad,
      html body #part-02 .gold-emph,
      html body .hp-part-divider p .gold-emph {
        color: var(--pt2-purple-deep) !important;
        -webkit-text-fill-color: var(--pt2-purple-deep) !important;
      }
      html body #services .section-title .grad-highlight,
      html body #services .section-center .section-title .grad-highlight,
      html body #services .section-center h2 .grad-highlight {
        color: var(--pt2-mint-deep) !important;
        -webkit-text-fill-color: var(--pt2-mint-deep) !important;
      }
      html body #pain-point .section-title .grad-highlight {
        color: #ec5b8a !important;
        -webkit-text-fill-color: #ec5b8a !important;
      }
      html body #trust .section-title .grad-highlight {
        color: var(--pt2-purple-deep) !important;
        -webkit-text-fill-color: var(--pt2-purple-deep) !important;
      }
      html body #compare .section-title .grad-highlight {
        color: var(--pt2-sky-deep) !important;
        -webkit-text-fill-color: var(--pt2-sky-deep) !important;
      }
      html body #scarcity .section-title .grad-highlight,
      html body #scarcity h2 .grad-highlight {
        color: var(--pt2-coral-deep) !important;
        -webkit-text-fill-color: var(--pt2-coral-deep) !important;
      }
      html body #faq .faq-intro h2 .grad-highlight,
      html body #faq .faq-intro h2 .accent {
        color: var(--pt2-pink-deep) !important;
        -webkit-text-fill-color: var(--pt2-pink-deep) !important;
      }
      html body #limited .section-title .grad-highlight,
      html body #limited h2 .grad-highlight {
        color: var(--pt2-sky-deep) !important;
        -webkit-text-fill-color: var(--pt2-sky-deep) !important;
      }

      /* hl-mark + .grad-highlight 컴보의 노란 띠(::before) 제거 */
      body #part-02 .hl-mark::before,
      body #services .hl-mark::before,
      body #pain-point .hl-mark::before,
      body #trust .hl-mark::before,
      body #compare .hl-mark::before,
      body #faq .hl-mark::before,
      body #scarcity .hl-mark::before,
      body #limited .hl-mark::before { display: none !important; content: none !important; }

      /* ═════════ #part-02 디바이더 — draft-2: deep cream + 블롭 3개 (sun/mint/pink) ═════════ */
      body #part-02.hp-part-divider {
        padding: 8rem 5% 7rem !important;
        position: relative !important;
        overflow: hidden !important;
      }
      /* blob A — sun-soft, top-left */
      html body #part-02.hp-part-divider::before {
        content: '' !important;
        position: absolute !important;
        width: 280px !important; height: 280px !important;
        border-radius: 50% !important;
        background: var(--pt2-sun-soft) !important;
        top: -80px !important;
        left: -60px !important;
        opacity: 1 !important;
        z-index: 0 !important;
        pointer-events: none !important;
        filter: none !important;
        display: block !important;
      }
      /* blob B — mint-soft, 우측 하단 (사용자 요청으로 더 안쪽으로 이동) */
      html body #part-02.hp-part-divider::after {
        content: '' !important;
        position: absolute !important;
        width: 220px !important; height: 220px !important;
        border-radius: 50% !important;
        background: var(--pt2-mint-soft) !important;
        bottom: -80px !important;
        right: -80px !important;
        top: auto !important;
        left: auto !important;
        opacity: 1 !important;
        z-index: 0 !important;
        pointer-events: none !important;
        filter: none !important;
        display: block !important;
      }
      body #part-02 .hp-part-divider__inner {
        background: transparent !important;
        position: relative !important;
        z-index: 1 !important;
      }
      /* blob C — pink-soft, mid-right (inner pseudo로 3번째 블롭 추가) */
      html body #part-02 .hp-part-divider__inner::before {
        content: '' !important;
        position: absolute !important;
        width: 160px !important; height: 160px !important;
        border-radius: 50% !important;
        background: var(--pt2-pink-soft) !important;
        top: -40px !important;
        right: -100px !important;
        opacity: 1 !important;
        z-index: -1 !important;
        pointer-events: none !important;
        display: block !important;
      }
      body #part-02 h3 {
        font-size: clamp(2.4rem, 5.2vw, 3.8rem) !important;
        line-height: 1.18 !important;
        font-weight: 800 !important;
        letter-spacing: -0.025em !important;
      }
      /* part-02 PART 02 badge → 시안 2 톤 (plain 텍스트 + 보라색 em-dash 라벨)
         display: block 으로 강제 줄바꿈 → 다음 줄에 서비스명 배치 */
      html body #part-02 .hp-part-badge,
      html body .hp-part-divider .hp-part-badge {
        display: block !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: var(--pt2-purple-deep) !important;
        font-size: 0.94rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.32em !important;
        padding: 0 !important;
        margin: 0 0 18px !important;
        text-shadow: none !important;
        text-transform: uppercase !important;
        text-align: center !important;
      }
      html body #part-02 .hp-part-badge::before,
      html body .hp-part-divider .hp-part-badge::before {
        content: '— ' !important;
        background: transparent !important;
        width: auto !important;
        height: auto !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: var(--pt2-lav-deep) !important;
        margin-right: 4px !important;
      }
      html body #part-02 .hp-part-badge::after,
      html body .hp-part-divider .hp-part-badge::after {
        content: ' —' !important;
        color: var(--pt2-lav-deep) !important;
        margin-left: 4px !important;
      }
      /* 화살표 원 → 시안 2에 없으므로 숨김 */
      html body #part-02 .hp-part-divider__arrow,
      html body .hp-part-divider .hp-part-divider__arrow {
        display: none !important;
      }
      /* "블로그 대행 서비스" — 흰 알약 + purple-deep 텍스트 + soft 그림자로 강조 */
      body #part-02 .hp-part-service-name,
      body .hp-part-divider .hp-part-service-name {
        display: inline-block !important;
        background: #ffffff !important;
        border: none !important;
        box-shadow: 0 8px 24px rgba(111, 92, 199, 0.18) !important;
        text-shadow: none !important;
        color: var(--pt2-purple-deep) !important;
        font-weight: 800 !important;
        font-size: 0.89rem !important;
        letter-spacing: 0.04em !important;
        padding: 10px 24px !important;
        border-radius: 999px !important;
        margin: 0 auto 36px !important;
        text-align: center !important;
        position: relative !important;
        z-index: 2 !important;
      }
      /* 좌우에 컬러 도트 prefix/suffix (draft-2 eyebrow 톤) */
      body #part-02 .hp-part-service-name::before,
      body .hp-part-divider .hp-part-service-name::before {
        content: '' !important;
        display: inline-block !important;
        width: 9px !important;
        height: 9px !important;
        border-radius: 50% !important;
        background: var(--pt2-coral) !important;
        margin-right: 12px !important;
        vertical-align: middle !important;
        box-shadow: 0 2px 4px rgba(196, 95, 89, 0.30) !important;
      }
      body #part-02 .hp-part-service-name::after,
      body .hp-part-divider .hp-part-service-name::after {
        content: '' !important;
        display: inline-block !important;
        width: 9px !important;
        height: 9px !important;
        border-radius: 50% !important;
        background: var(--pt2-mint) !important;
        margin-left: 12px !important;
        vertical-align: middle !important;
        box-shadow: 0 2px 4px rgba(58, 154, 126, 0.30) !important;
      }
      /* 부모 컨테이너가 가운데 정렬을 안 잡고 있으면 보조 */
      body #part-02 .hp-part-divider__inner { text-align: center !important; }
      body #part-02 h3 { color: var(--pt2-ink) !important; }
      body #part-02 .gold-emph,
      body .hp-part-divider p .gold-emph {
        color: var(--pt2-purple-deep) !important;
        -webkit-text-fill-color: var(--pt2-purple-deep) !important;
        background: transparent !important;
        background-image: none !important;
        font-weight: 900 !important;
        padding: 0 !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
      }
      body #part-02 .hp-part-detail,
      body .hp-part-divider p .hp-part-detail { color: var(--pt2-ink-2) !important; background: transparent !important; }
      body #part-02 p { color: var(--pt2-ink-2) !important; }
      body #part-02 .hp-part-divider__arrow {
        background: var(--pt2-ink) !important;
        color: #fff !important;
      }
      body #part-02 .hp-part-divider__arrow svg { stroke: #fff !important; }

      /* ═════════ #services — draft-2: 흰 카드 + 4색 액센트 (coral/mint/purple/sun) ═════════ */
      body #services .services-grid { gap: 1.5rem !important; }
      body #services .service-card {
        background: var(--pt2-white) !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 28px !important;
        box-shadow: none !important;
        color: var(--pt2-ink) !important;
        padding: 44px 40px !important;
        position: relative !important;
      }
      body #services .service-card:hover {
        transform: translateY(-6px) !important;
        background: var(--pt2-white) !important;
        box-shadow: 0 24px 60px rgba(21, 21, 31, 0.10) !important;
        border-color: var(--pt2-line-strong) !important;
        color: var(--pt2-ink) !important;
      }
      /* hover 시 텍스트 컬러가 글로벌 룰에 의해 brand 컬러로 바뀌는 것 차단 */
      body #services .service-card:hover h3 { color: var(--pt2-ink) !important; }
      /* desc 텍스트 (클래스 없는 p만!) — hover 전/후 모두 진한 ink 유지 (가독성 ↑)
         :not(.service-card__lead)로 lead 보호 — lead는 카드별 deep 컬러 유지 */
      html body #services .service-card > p:not(.service-card__lead),
      html body #services .service-card:hover > p:not(.service-card__lead) {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        transition: none !important;
      }
      /* service-card__lead — 카드별 deep 컬러로 hover 전/후 모두 보호 (위 룰 덮어쓰기) */
      html body #services .service-card .service-card__lead,
      html body #services .service-card:hover .service-card__lead {
        color: var(--pt2-coral-deep) !important;
        transition: none !important;
      }
      html body #services .service-card:nth-child(2) .service-card__lead,
      html body #services .service-card:nth-child(2):hover .service-card__lead { color: var(--pt2-mint-deep) !important; }
      html body #services .service-card:nth-child(3) .service-card__lead,
      html body #services .service-card:nth-child(3):hover .service-card__lead { color: var(--pt2-purple-deep) !important; }
      html body #services .service-card:nth-child(4) .service-card__lead,
      html body #services .service-card:nth-child(4):hover .service-card__lead { color: var(--pt2-sun-deep) !important; }
      body #services .service-card:hover .service-list li { color: var(--pt2-ink-2) !important; }
      /* 번호 → 우상단 회색 pill (draft-2: 모든 카드 동일) */
      html body #services .service-card .service-num,
      html body #services .service-card:nth-child(1) .service-num,
      html body #services .service-card:nth-child(2) .service-num,
      html body #services .service-card:nth-child(3) .service-num,
      html body #services .service-card:nth-child(4) .service-num {
        position: absolute !important;
        top: 36px !important;
        right: 36px !important;
        left: auto !important;
        font-size: 0.78rem !important;
        font-weight: 800 !important;
        padding: 6px 14px !important;
        border-radius: 999px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.1em !important;
        margin: 0 !important;
        background: var(--pt2-bg-deep) !important;
        color: var(--pt2-ink-3) !important;
        -webkit-text-fill-color: var(--pt2-ink-3) !important;
      }
      /* 아이콘 타일 — 96×96 + 24px radius + 카드별 soft 컬러 배경 */
      body #services .service-card .service-icon {
        background: var(--pt2-coral-soft) !important;
        border-radius: 24px !important;
        border: none !important;
        width: 96px !important;
        height: 96px !important;
        margin-bottom: 28px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
      }
      body #services .service-card .service-icon .hp-icon-em,
      body #services .service-card .service-icon span {
        font-size: 2.4rem !important;
      }
      /* SVG 아이콘 — 카드 hover 시 살짝 떠오르는 추가 애니메이션 */
      body #services .service-card .service-icon svg {
        width: 64px !important;
        height: 64px !important;
        transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
      }
      body #services .service-card:hover .service-icon svg {
        transform: translateY(-3px) rotate(-3deg) !important;
      }
      /* 카드별 service-icon — 글로벌 그라데이션 background + 보라 border + 보라 glow 모두 무력화 */
      body #services .service-card:nth-child(1) .service-icon {
        background: var(--pt2-coral-soft) !important;
        border: none !important;
        box-shadow: none !important;
        color: var(--pt2-coral-deep) !important;
      }
      body #services .service-card:nth-child(2) .service-icon {
        background: var(--pt2-mint-soft) !important;
        border: none !important;
        box-shadow: none !important;
        color: var(--pt2-mint-deep) !important;
      }
      body #services .service-card:nth-child(3) .service-icon {
        background: var(--pt2-purple-soft) !important;
        border: none !important;
        box-shadow: none !important;
        color: var(--pt2-purple-deep) !important;
      }
      body #services .service-card:nth-child(4) .service-icon {
        background: var(--pt2-sun-soft) !important;
        border: none !important;
        box-shadow: none !important;
        color: var(--pt2-sun-deep) !important;
      }
      /* 짝수 카드는 반대 방향 회전 (변화감) */
      body #services .service-card:nth-child(2):hover .service-icon svg,
      body #services .service-card:nth-child(4):hover .service-icon svg {
        transform: translateY(-3px) rotate(3deg) !important;
      }
      body #services .service-card h3 {
        color: var(--pt2-ink) !important;
        font-size: 1.5rem !important;
        font-weight: 800 !important;
        margin-bottom: 12px !important;
      }
      body #services .service-card .service-card__lead {
        color: var(--pt2-coral-deep) !important;
        font-size: 0.98rem !important;
        font-weight: 700 !important;
        margin: 0 0 14px !important;
      }
      body #services .service-card:nth-child(2) .service-card__lead { color: var(--pt2-mint-deep) !important; }
      body #services .service-card:nth-child(3) .service-card__lead { color: var(--pt2-purple-deep) !important; }
      body #services .service-card:nth-child(4) .service-card__lead { color: var(--pt2-sun-deep) !important; }
      /* desc p 텍스트 — :not(.service-card__lead)로 lead 제외하고 ink 통일 */
      body #services .service-card > p:not(.service-card__lead) {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
      }
      body #services .service-card .service-list {
        list-style: none !important;
        padding: 22px 0 0 !important;
        margin: 0 !important;
        border-top: 1.5px dashed var(--pt2-line-strong) !important;
      }
      body #services .service-card .service-list li {
        color: var(--pt2-ink-2) !important;
        /* flex 레이아웃으로 dot ↔ 텍스트 vertical 정렬 자동화 */
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
        position: relative !important;
        padding: 0 !important;
        font-size: 0.93rem !important;
        font-weight: 700 !important;
        margin-bottom: 12px !important;
        line-height: 1.6 !important;
        transition: none !important;
      }
      body #services .service-card .service-list li:last-child { margin-bottom: 0 !important; }
      body #services .service-card .service-list li::before {
        content: '' !important;
        position: static !important;
        flex-shrink: 0 !important;
        width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
        /* 한 줄 텍스트 중앙(line-height 1.6 × 0.93rem ≈ 24px)에 dot(16px) 수직 정렬 */
        margin-top: 4px !important;
        left: auto !important;
        top: auto !important;
      }
      /* draft-2: li 자체에도, 카드 hover 시에도 텍스트 컬러 변경 없음 */
      body #services .service-card .service-list li:hover,
      body #services .service-card:hover .service-list li,
      body #services .service-card:hover .service-list li:hover {
        color: var(--pt2-ink-2) !important;
        background: transparent !important;
        font-weight: 700 !important;
      }
      /* dot 컬러만 — 위치/사이즈는 li 위쪽 flex 룰이 담당 (position: static + margin-top: 4px) */
      body #services .service-card .service-list li::before {
        background: var(--pt2-coral) !important;
        box-shadow: inset 0 -4px 0 var(--pt2-coral-deep) !important;
      }
      body #services .service-card:nth-child(2) .service-list li::before { background: var(--pt2-mint) !important; box-shadow: inset 0 -4px 0 var(--pt2-mint-deep) !important; }
      body #services .service-card:nth-child(3) .service-list li::before { background: var(--pt2-purple) !important; box-shadow: inset 0 -4px 0 var(--pt2-purple-deep) !important; }
      body #services .service-card:nth-child(4) .service-list li::before { background: var(--pt2-sun) !important; box-shadow: inset 0 -4px 0 var(--pt2-sun-deep) !important; }

      /* ═════════ #pain-point NUCLEAR OVERRIDE — 글로벌 다크/골드/네온 무력화
         line 3192~5079에 깔린 모든 premium/dark/glow 룰을 specificity로 누름 ═════════ */
      html body #pain-point,
      html body #pain-point::before,
      html body #pain-point::after {
        background: var(--pt2-bg-deep) !important;
        background-image: none !important;
      }
      html body #pain-point::before,
      html body #pain-point::after { display: none !important; content: none !important; }
      /* pain-card 자체 — 흰 카드 + cream 라인 + 다크/네온 그림자 완전 차단 */
      html body #pain-point .pain-card:not(.pain-highlight) {
        background: var(--pt2-white) !important;
        background-image: none !important;
        border: 1.5px solid var(--pt2-line) !important;
        box-shadow: none !important;
        color: var(--pt2-ink) !important;
        backdrop-filter: none !important;
      }
      html body #pain-point .pain-card:not(.pain-highlight)::before,
      html body #pain-point .pain-card:not(.pain-highlight)::after {
        display: none !important;
        content: none !important;
        background: transparent !important;
      }
      html body #pain-point .pain-card:not(.pain-highlight) h3,
      html body #pain-point .pain-card:not(.pain-highlight) h3 * {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        background: transparent !important;
      }
      html body #pain-point .pain-card:not(.pain-highlight) p,
      html body #pain-point .pain-card:not(.pain-highlight) p * {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
        background: transparent !important;
      }
      html body #pain-point .pain-card:not(.pain-highlight) strong,
      html body #pain-point .pain-card:not(.pain-highlight) p strong {
        color: #ec5b8a !important;
        -webkit-text-fill-color: #ec5b8a !important;
        background: transparent !important;
        background-image: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
        font-weight: 900 !important;
      }
      /* pain-icon — draft-2 .pain-card .quote 완전 동일: 64×64, 18px radius, soft 단색 배경, 테두리·네온 모두 제거 */
      html body #pain-point .pain-card:not(.pain-highlight) .pain-icon,
      html body #pain-point .pain-card:not(.pain-highlight) .pain-emoji,
      html body #pain-point .pain-card:nth-child(1) .pain-icon,
      html body #pain-point .pain-card:nth-child(1) .pain-emoji {
        width: 64px !important;
        height: 64px !important;
        border-radius: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 20px !important;
        font-size: 1.8rem !important;
        background: var(--pt2-coral-soft) !important;
        background-image: none !important;
        border: none !important;
        box-shadow: none !important;
        color: var(--pt2-coral-deep) !important;
        filter: none !important;
      }
      html body #pain-point .pain-card:nth-child(2) .pain-icon,
      html body #pain-point .pain-card:nth-child(2) .pain-emoji {
        background: var(--pt2-sun-soft) !important;
        background-image: none !important;
        color: var(--pt2-sun-deep) !important;
        border: none !important;
        box-shadow: none !important;
      }
      html body #pain-point .pain-card:nth-child(3) .pain-icon,
      html body #pain-point .pain-card:nth-child(3) .pain-emoji {
        background: var(--pt2-pink-soft) !important;
        background-image: none !important;
        color: var(--pt2-pink-deep) !important;
        border: none !important;
        box-shadow: none !important;
      }
      /* pain-icon 안 ::after / ::before (라이트 오버레이, 글로우, 데코) 모두 제거 */
      html body #pain-point .pain-card .pain-icon::after,
      html body #pain-point .pain-card .pain-icon::before,
      html body #pain-point .pain-card .pain-emoji::after,
      html body #pain-point .pain-card .pain-emoji::before {
        display: none !important; content: none !important; background: transparent !important;
        box-shadow: none !important; border: none !important;
      }
      /* pain-grid — 3 columns 고정 (draft-2 .pain-grid 매칭) */
      html body #pain-point .pain-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px !important;
        margin-bottom: 0 !important;
      }
      /* 일반 3개 카드 hover — draft-2: translateY(-4px) + 가벼운 그림자만 */
      html body #pain-point .pain-card:not(.pain-highlight):hover {
        transform: translateY(-4px) !important;
        background: var(--pt2-white) !important;
        background-image: none !important;
        border-color: var(--pt2-line) !important;
        box-shadow: 0 18px 50px rgba(21, 21, 31, 0.08) !important;
        color: var(--pt2-ink) !important;
      }
      /* pain-highlight 배너 (⚡) — 매우 연한 파스텔 코랄 (톤다운) */
      html body #pain-point .pain-grid .pain-card.pain-highlight,
      html body #pain-point .pain-card.pain-highlight,
      html body #pain-point .pain-card.pain-highlight:hover,
      html body #pain-point .pain-highlight,
      html body #pain-point .pain-highlight-inner {
        background: linear-gradient(180deg, #ffeaee 0%, #fff7f9 100%) !important;
        background-image: linear-gradient(180deg, #ffeaee 0%, #fff7f9 100%) !important;
        border: none !important;
        color: var(--pt2-ink) !important;
      }
      /* 카드 자체 — 매우 부드러운 그림자 + padding + 데코 블롭 클립 */
      html body #pain-point .pain-card.pain-highlight {
        padding: 32px 44px !important;
        box-shadow: 0 14px 32px rgba(255, 168, 167, 0.12) !important;
        overflow: hidden !important;
      }
      /* 데코 블롭 A — 우상단 연한 살구 (톤다운) */
      html body #pain-point .pain-card.pain-highlight::before {
        content: '' !important;
        position: absolute !important;
        width: 240px !important;
        height: 240px !important;
        border-radius: 50% !important;
        background: #ffc8c6 !important;
        background-image: none !important;
        top: -90px !important;
        right: -80px !important;
        left: auto !important;
        bottom: auto !important;
        opacity: 0.25 !important;
        z-index: 0 !important;
        pointer-events: none !important;
        display: block !important;
        filter: blur(2px) !important;
        visibility: visible !important;
      }
      /* 데코 블롭 B — 좌하단 매우 연한 핑크 (톤다운) */
      html body #pain-point .pain-card.pain-highlight::after {
        content: '' !important;
        position: absolute !important;
        width: 180px !important;
        height: 180px !important;
        border-radius: 50% !important;
        background: #fff2f3 !important;
        background-image: none !important;
        bottom: -60px !important;
        left: -60px !important;
        top: auto !important;
        right: auto !important;
        opacity: 0.55 !important;
        z-index: 0 !important;
        pointer-events: none !important;
        display: block !important;
        filter: blur(2px) !important;
        visibility: visible !important;
      }
      /* "직접 실행" 포인트 — 형광펜 제거, 핑크 글자색만 (#ec5b8a) */
      html body #pain-point .pain-card.pain-highlight .pain-highlight-inner h3 span.ph-emph,
      html body #pain-point .pain-card.pain-highlight .ph-emph,
      html body #pain-point .pain-highlight .ph-emph,
      html body #pain-point .pain-highlight-inner .ph-emph {
        background: transparent !important;
        background-image: none !important;
        color: #ec5b8a !important;
        -webkit-text-fill-color: #ec5b8a !important;
        font-weight: 900 !important;
        padding: 0 !important;
      }
      /* inner 콘텐츠를 블롭 위로 띄움 */
      html body #pain-point .pain-card.pain-highlight .pain-highlight-inner {
        position: relative !important;
        z-index: 1 !important;
      }
      /* full-width 배치 + 호버 효과 정적 + 컴팩트 padding (위아래 32, 좌우 44) */
      html body #pain-point .pain-grid .pain-card.pain-highlight,
      html body #pain-point .pain-card.pain-highlight {
        grid-column: 1 / -1 !important;
        border-radius: 28px !important;
        padding: 32px 44px !important;
        margin-top: 36px !important;
        transform: none !important;
        display: block !important;
      }
      html body #pain-point .pain-card.pain-highlight {
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
      }
      html body #pain-point .pain-card.pain-highlight:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 24px 50px rgba(255, 143, 142, 0.30) !important;
      }
      /* ⚡ 배너 inner — 아이콘 + 텍스트 세로 가운데 정렬 (column) */
      html body #pain-point .pain-card.pain-highlight .pain-highlight-inner,
      html body #pain-point .pain-highlight .pain-highlight-inner,
      html body #pain-point .pain-highlight-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px !important;
        padding: 0 !important;
        background: transparent !important;
        background-image: none !important;
        border: none !important;
        box-shadow: none !important;
        max-width: none !important;
        text-align: center !important;
      }
      /* ::before sun tile 제거 (이제 실제 .ph-banner-icon div가 그 역할) */
      html body #pain-point .pain-card.pain-highlight .pain-highlight-inner::before,
      html body #pain-point .pain-highlight .pain-highlight-inner::before,
      html body #pain-point .pain-highlight-inner::before {
        display: none !important;
        content: none !important;
      }
      /* ⚡ SVG icon tile — 사용자 요청으로 완전 삭제 */
      html body #pain-point .pain-highlight-inner .ph-banner-icon,
      html body #pain-point .pain-highlight-inner .ph-banner-icon svg {
        display: none !important;
      }
      /* h3 안 ⚡ 이모지 가리기 (텍스트 콘텐츠는 보존, 시각만 hide → SVG tile에 ⚡ 표시) */
      html body #pain-point .pain-highlight-inner .ph-bolt-hide {
        display: none !important;
      }
      /* .ph-banner-txt 영역 — 가운데 정렬 */
      html body #pain-point .pain-highlight-inner .ph-banner-txt {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        text-align: center !important;
        width: 100% !important;
      }
      /* h3 / p — 가운데 정렬 */
      html body #pain-point .pain-highlight-inner h3,
      html body #pain-point .pain-highlight-inner h3 * {
        font-size: 1.55rem !important;
        font-weight: 800 !important;
        line-height: 1.4 !important;
        margin: 0 0 8px !important;
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        background: transparent !important;
        text-align: center !important;
      }
      html body #pain-point .pain-highlight-inner p,
      html body #pain-point .pain-highlight-inner p * {
        font-size: 0.98rem !important;
        line-height: 1.7 !important;
        margin: 0 !important;
        color: rgba(21, 21, 31, 0.78) !important;
        -webkit-text-fill-color: rgba(21, 21, 31, 0.78) !important;
        background: transparent !important;
        text-align: center !important;
        font-weight: 700 !important;
      }
      /* 반응형 — 모바일에서 flex column */
      @media (max-width: 900px) {
        html body #pain-point .pain-highlight-inner {
          flex-direction: column !important;
          align-items: flex-start !important;
          gap: 20px !important;
        }
      }
      /* 반응형: 모바일에서 1 column + 더 컴팩트 padding */
      @media (max-width: 900px) {
        html body #pain-point .pain-grid {
          grid-template-columns: 1fr !important;
        }
        html body #pain-point .pain-card.pain-highlight {
          padding: 24px 28px !important;
        }
      }
      html body #pain-point .pain-card.pain-highlight h3,
      html body #pain-point .pain-card.pain-highlight h3 *,
      html body #pain-point .pain-highlight h3,
      html body #pain-point .pain-highlight h3 *,
      html body #pain-point .pain-highlight-inner h3,
      html body #pain-point .pain-highlight-inner h3 * {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        background: transparent !important;
      }
      html body #pain-point .pain-card.pain-highlight p,
      html body #pain-point .pain-card.pain-highlight p *,
      html body #pain-point .pain-highlight p,
      html body #pain-point .pain-highlight p *,
      html body #pain-point .pain-highlight-inner p,
      html body #pain-point .pain-highlight-inner p * {
        color: rgba(21, 21, 31, 0.78) !important;
        -webkit-text-fill-color: rgba(21, 21, 31, 0.78) !important;
        background: transparent !important;
      }
      /* SVG 번개 컬러 — 핑크 (#ec5b8a) — 흰 tile 위 또렷한 강조 */
      html body #pain-point .pain-highlight-inner .ph-banner-icon svg path {
        fill: #ec5b8a !important;
      }

      /* ═════════ #pain-point — draft-2: 흰 카드 3개 + 다크 배너 ═════════ */
      body #pain-point .pain-card {
        background: var(--pt2-white) !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 24px !important;
        box-shadow: none !important;
        color: var(--pt2-ink) !important;
        padding: 36px 30px !important;
      }
      body #pain-point .pain-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 18px 50px rgba(21, 21, 31, 0.08) !important;
      }
      body #pain-point .pain-card .pain-icon {
        background: var(--pt2-coral-soft) !important;
        border: none !important;
        border-radius: 18px !important;
        color: var(--pt2-coral-deep) !important;
        width: 64px !important;
        height: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 20px !important;
        font-size: 1.8rem !important;
      }
      body #pain-point .pain-card:nth-child(2) .pain-icon { background: var(--pt2-sun-soft) !important; color: var(--pt2-sun-deep) !important; }
      body #pain-point .pain-card:nth-child(3) .pain-icon { background: var(--pt2-pink-soft) !important; color: var(--pt2-pink-deep) !important; }
      body #pain-point .pain-card h3 {
        color: var(--pt2-ink) !important;
        font-size: 1.12rem !important;
        font-weight: 800 !important;
        line-height: 1.5 !important;
        margin-bottom: 14px !important;
      }
      body #pain-point .pain-card p { color: var(--pt2-ink-2) !important; font-size: 0.93rem !important; line-height: 1.7 !important; }
      body #pain-point .pain-card p strong {
        color: #ec5b8a !important;
        background: transparent !important;
        background-image: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
        font-weight: 900 !important;
      }
      /* pain-highlight 배너 — draft-2: 다크 #15151f + sun-icon */
      body #pain-point .pain-card.pain-highlight {
        background: var(--pt2-ink) !important;
        border-color: transparent !important;
        border-radius: 28px !important;
        color: #fff !important;
        padding: 48px 56px !important;
      }
      body #pain-point .pain-card.pain-highlight h3 {
        color: #fff !important;
        font-size: 1.55rem !important;
        font-weight: 800 !important;
        margin-bottom: 8px !important;
      }
      body #pain-point .pain-card.pain-highlight p {
        color: rgba(255,255,255,0.78) !important;
        font-size: 0.98rem !important;
        line-height: 1.7 !important;
      }
      body #pain-point .pain-card.pain-highlight .pain-highlight-inner { color: #fff !important; }

      /* ═════════ #trust — draft-2: cream bg + 흰 카드 + mint/sky/purple step ═════════ */
      body #trust .section-title,
      body #trust .section-desc,
      body #trust .section-desc strong { color: var(--pt2-ink) !important; }
      html body #trust .section-center .section-desc,
      html body #trust .section-desc,
      html body #trust .section-desc strong { color: var(--pt2-ink-2) !important; }
      /* phil-card-wrapper의 상단 problem 박스 → cream-deep + italic text-2 */
      body #trust .phil-card-wrapper > div:first-child {
        background: var(--pt2-bg-deep) !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 14px !important;
      }
      body #trust .phil-card-wrapper > div:first-child p {
        color: var(--pt2-ink-2) !important;
        font-style: italic !important;
        font-weight: 500 !important;
      }
      /* phil-card-wrapper의 dashed connector 라인 → 페일 cream */
      body #trust .phil-card-wrapper > div:first-child > div[style*="dashed"] {
        border-left-color: var(--pt2-line-strong) !important;
      }
      /* phil-card-wrapper의 메인 카드 → draft-2: 흰 카드 + cream 라인 */
      body #trust .phil-card-wrapper > div:last-child {
        background: var(--pt2-white) !important;
        border: 1.5px solid var(--pt2-line) !important;
        box-shadow: none !important;
        border-radius: 28px !important;
      }
      body #trust .phil-card-wrapper > div:last-child h4 { color: var(--pt2-ink) !important; }
      body #trust .phil-card-wrapper > div:last-child p { color: var(--pt2-ink-2) !important; }
      /* solution step pill — 카드별 (1: mint, 2: sky, 3: purple) */
      body #trust .phil-card-wrapper .hp-solution-step,
      body #trust .phil-card-wrapper:nth-child(1) .hp-solution-step {
        background: var(--pt2-mint-soft) !important;
        color: var(--pt2-mint-deep) !important;
      }
      body #trust .phil-card-wrapper:nth-child(2) .hp-solution-step {
        background: var(--pt2-sky-soft) !important;
        color: var(--pt2-sky-deep) !important;
      }
      body #trust .phil-card-wrapper:nth-child(3) .hp-solution-step {
        background: var(--pt2-purple-soft) !important;
        color: var(--pt2-purple-deep) !important;
      }
      /* icon tile — 카드별 (1: mint, 2: sky, 3: purple) */
      body #trust .phil-card-wrapper .hp-icon-em-lg,
      body #trust .phil-card-wrapper:nth-child(1) .hp-icon-em-lg {
        background: var(--pt2-mint-soft) !important;
        border: none !important;
        border-radius: 22px !important;
      }
      body #trust .phil-card-wrapper:nth-child(2) .hp-icon-em-lg { background: var(--pt2-sky-soft) !important; }
      body #trust .phil-card-wrapper:nth-child(3) .hp-icon-em-lg { background: var(--pt2-purple-soft) !important; }
      /* neon-card 강점 배너 → draft-2: cream-deep bg + 3 컬러풀 아이콘 */
      body #trust .neon-card {
        background: var(--pt2-bg-deep) !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 28px !important;
      }
      body #trust .neon-card p { color: var(--pt2-ink) !important; }
      body #trust .neon-card div p:last-child,
      body #trust .neon-card div > div p:last-child { color: var(--pt2-ink-3) !important; }
      /* 배너 안 3개 아이콘 — pink/sun/mint */
      body #trust .neon-card > div > div:nth-child(1) .hp-icon-em-sm {
        background: var(--pt2-pink-soft) !important;
        border: none !important;
        border-radius: 18px !important;
      }
      body #trust .neon-card > div > div:nth-child(2) .hp-icon-em-sm {
        background: var(--pt2-sun-soft) !important;
        border: none !important;
        border-radius: 18px !important;
      }
      body #trust .neon-card > div > div:nth-child(3) .hp-icon-em-sm {
        background: var(--pt2-mint-soft) !important;
        border: none !important;
        border-radius: 18px !important;
      }

      /* ═════════ #compare — draft-2: deep cream + 흰 테이블 + mint th-hp ═════════ */
      body #compare .section-title,
      body #compare .section-desc { color: var(--pt2-ink) !important; }
      body #compare .section-desc { color: var(--pt2-ink-2) !important; }
      body #compare .neon-card {
        background: var(--pt2-white) !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 28px !important;
        box-shadow: 0 20px 50px rgba(21, 21, 31, 0.06) !important;
        overflow: hidden !important;
      }
      body #compare .vs-tbl .th-left {
        background: var(--pt2-mint) !important;
        color: var(--pt2-ink) !important;
        border-right: none !important;
        position: relative !important;
      }
      /* draft-2: th-hp 하단 mint-deep 액센트 라인 */
      body #compare .vs-tbl .th-left::after {
        content: '' !important;
        position: absolute !important;
        left: 0 !important; right: 0 !important; bottom: 0 !important;
        height: 4px !important;
        background: var(--pt2-mint-deep) !important;
        opacity: 0.85 !important;
      }
      body #compare .vs-tbl .th-center {
        background: var(--pt2-bg-deep) !important;
        color: var(--pt2-ink-3) !important;
        border-right: none !important;
      }
      body #compare .vs-tbl .th-right {
        background: var(--pt2-bg-deep) !important;
        color: var(--pt2-ink-3) !important;
      }
      body #compare .vs-tbl tbody td {
        border-bottom: 1.5px solid var(--pt2-line) !important;
      }
      body #compare .vs-tbl .td-left {
        background: var(--pt2-mint-soft) !important;
        color: var(--pt2-ink) !important;
        border-right: none !important;
        font-weight: 700 !important;
      }
      body #compare .vs-tbl .td-center {
        background: var(--pt2-white) !important;
        color: var(--pt2-ink-2) !important;
        border-right: none !important;
        font-weight: 800 !important;
      }
      body #compare .vs-tbl .td-right {
        background: var(--pt2-white) !important;
        color: var(--pt2-ink-3) !important;
      }
      body #compare .vs-tbl tbody tr:hover .td-left { background: var(--pt2-mint-soft) !important; filter: brightness(0.97); }
      body #compare .vs-tbl tbody tr:hover .td-center { background: var(--pt2-bg) !important; }
      body #compare .vs-tbl tbody tr:hover .td-right { background: var(--pt2-bg) !important; }

      /* ═════════ #faq — draft-2: cream bg + 흰 카드 + purple open 액센트 ═════════ */
      body #faq .section-tag,
      body #faq .faq-intro h2 { color: var(--pt2-ink) !important; }
      body #faq .faq-intro p { color: var(--pt2-ink-2) !important; }
      body #faq .faq-cta {
        background: var(--pt2-ink) !important;
        color: #fff !important;
        border-radius: 999px !important;
      }
      body #faq .faq-cta:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 14px 30px rgba(21, 21, 31, 0.22) !important;
      }
      body #faq .faq-cta .arrow { color: #fff !important; }
      body #faq .faq-item {
        background: var(--pt2-white) !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 22px !important;
        box-shadow: none !important;
      }
      body #faq .faq-item:hover { border-color: var(--pt2-line-strong) !important; }
      body #faq .faq-item.open {
        border-color: var(--pt2-purple) !important;
        box-shadow: 0 18px 40px rgba(166, 152, 238, 0.18) !important;
      }
      body #faq .faq-q { color: var(--pt2-ink) !important; }
      body #faq .faq-q .arrow {
        background: var(--pt2-bg-deep) !important;
        color: var(--pt2-ink) !important;
        border: none !important;
        box-shadow: none !important;
      }
      body #faq .faq-item.open .faq-q .arrow {
        background: var(--pt2-purple) !important;
        color: #fff !important;
      }
      body #faq .faq-a-inner {
        background: transparent !important;
        border: none !important;
        color: var(--pt2-ink-2) !important;
      }

      /* ═════════ #scarcity — draft-2: deep cream bg + 좌 pink 카드 + 우 white 폼 ═════════ */
      body #scarcity .section-title,
      body #scarcity .section-desc { color: var(--pt2-ink) !important; }
      /* 좌측 광고 대행 카드 → draft-2: #fcc3c4 핑크 + 블롭 2개 */
      body #scarcity .hp-agency-card {
        background: #fcc3c4 !important;
        border: none !important;
        color: var(--pt2-ink) !important;
        position: relative !important;
        overflow: hidden !important;
      }
      /* blob A — 우상단 220×220 */
      body #scarcity .hp-agency-card::before {
        content: '' !important;
        position: absolute !important;
        width: 220px !important; height: 220px !important;
        border-radius: 50% !important;
        background: #f7a9aa !important;
        top: -80px !important; right: -80px !important;
        opacity: 0.55 !important;
        z-index: 0 !important;
        pointer-events: none !important;
      }
      /* blob B — 좌하단 160×160 (draft-2 .scar-card.left::after) */
      body #scarcity .hp-agency-card::after {
        content: '' !important;
        position: absolute !important;
        width: 160px !important; height: 160px !important;
        border-radius: 50% !important;
        background: #fed4d4 !important;
        bottom: -50px !important; left: -40px !important;
        opacity: 0.7 !important;
        z-index: 0 !important;
        pointer-events: none !important;
      }
      body #scarcity .hp-agency-card > * { position: relative !important; z-index: 1 !important; }
      body #scarcity .hp-agency-card h3,
      body #scarcity .hp-agency-card .lead,
      body #scarcity .hp-agency-card p,
      body #scarcity .hp-agency-card .hp-agency-note { color: var(--pt2-ink) !important; }
      body #scarcity .hp-agency-card .lead { color: rgba(21, 21, 31, 0.78) !important; }
      body #scarcity .hp-agency-card .hp-agency-tag {
        background: #ffffff !important;
        color: var(--pt2-pink-deep) !important;
        border: none !important;
        box-shadow: 0 6px 14px rgba(196, 102, 154, 0.18) !important;
      }
      body #scarcity .hp-agency-card .hp-agency-price {
        border-top: 1.5px solid rgba(255,255,255,0.6) !important;
        border-bottom: 1.5px solid rgba(255,255,255,0.6) !important;
      }
      body #scarcity .hp-agency-card .hp-agency-price .num {
        background: none !important;
        -webkit-background-clip: initial !important;
        background-clip: initial !important;
        -webkit-text-fill-color: #ffffff !important;
        color: #ffffff !important;
        text-shadow: 0 3px 0 var(--pt2-pink-deep) !important;
      }
      body #scarcity .hp-agency-card .hp-agency-price .unit { color: rgba(20,23,31,0.65) !important; }
      body #scarcity .hp-agency-card .hp-agency-group-label {
        display: inline-block !important;
        background: var(--pt2-pink-deep) !important;
        color: #fff !important;
        padding: 5px 12px !important;
        border-radius: 999px !important;
        font-size: 0.74rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.14em !important;
      }
      body #scarcity .hp-agency-card .hp-agency-list li {
        color: var(--pt2-ink) !important;
        padding-left: 28px !important;
        position: relative;
      }
      body #scarcity .hp-agency-card .hp-agency-list li::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important; top: 9px !important;
        width: 18px !important; height: 18px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        box-shadow: inset 0 -4px 0 var(--pt2-pink-deep) !important;
      }
      body #scarcity .hp-agency-card .hp-agency-note {
        border-top: 1.5px dashed rgba(255,255,255,0.7) !important;
        color: rgba(20,23,31,0.65) !important;
      }
      body #scarcity .hp-agency-card .hp-agency-note a {
        color: var(--pt2-pink-deep) !important;
        font-weight: 700;
      }

      /* 우측 폼 카드 → 흰 카드 */
      body #scarcity .hp-agency-form-card {
        background: var(--pt2-white) !important;
        border: 1.5px solid var(--pt2-line) !important;
        color: var(--pt2-ink) !important;
      }
      body #scarcity .hp-agency-form-card h3,
      body #scarcity .hp-agency-form-card .lead,
      body #scarcity .hp-agency-form-card .hp-form-note { color: var(--pt2-ink) !important; }
      body #scarcity .hp-agency-form-card .lead { color: var(--pt2-ink-2) !important; }
      body #scarcity .hp-agency-form-card .hp-agency-tag {
        background: var(--pt2-bg-deep) !important;
        color: var(--pt2-ink) !important;
        border: none !important;
      }
      body #scarcity .hp-agency-form .hp-form-group label { color: var(--pt2-ink-2) !important; }
      body #scarcity .hp-agency-form .hp-form-group input,
      body #scarcity .hp-agency-form .hp-form-group textarea {
        background: var(--pt2-bg) !important;
        border: 1.5px solid var(--pt2-line-strong) !important;
        color: var(--pt2-ink) !important;
        border-radius: 14px !important;
      }
      body #scarcity .hp-agency-form .hp-form-group input::placeholder,
      body #scarcity .hp-agency-form .hp-form-group textarea::placeholder { color: var(--pt2-ink-3) !important; }
      body #scarcity .hp-agency-form .hp-form-group input:focus,
      body #scarcity .hp-agency-form .hp-form-group textarea:focus {
        border-color: var(--pt2-purple) !important;
        background: var(--pt2-white) !important;
        outline: none !important;
      }
      body #scarcity .hp-checkbox {
        background: var(--pt2-bg-deep) !important;
        border: none !important;
        color: var(--pt2-ink-2) !important;
        border-radius: 999px !important;
      }
      body #scarcity .hp-checkbox__box {
        background: var(--pt2-white) !important;
        border: 1.5px solid var(--pt2-line-strong) !important;
      }
      body #scarcity .hp-checkbox input[type="checkbox"]:checked ~ .hp-checkbox__box {
        background: var(--pt2-purple) !important;
        border-color: var(--pt2-purple) !important;
      }
      body #scarcity .hp-checkbox__box::after { border-color: #fff !important; }
      body #scarcity .hp-checkbox__label { color: var(--pt2-ink-2) !important; }
      body #scarcity .hp-checkbox:has(input:checked) {
        background: var(--pt2-purple-soft) !important;
        border-color: var(--pt2-purple) !important;
      }
      body #scarcity .hp-checkbox:has(input:checked) .hp-checkbox__label { color: var(--pt2-purple-deep) !important; }
      body #scarcity .hp-form-note { color: var(--pt2-ink-3) !important; }
      body #scarcity .hp-agency-submit {
        background: var(--pt2-ink) !important;
        color: #fff !important;
        border-radius: 14px !important;
        box-shadow: 0 8px 22px rgba(20, 23, 31, 0.18) !important;
      }
      body #scarcity .hp-agency-submit:hover {
        background: var(--pt2-ink) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 14px 30px rgba(20, 23, 31, 0.25) !important;
      }

      /* ═════════ #limited — draft-2: cream bg + sky 카드 (#c5dcf0) + 블롭 2개 ═════════ */
      body #limited .hp-scarcity-card--full {
        background: #c5dcf0 !important;
        border: none !important;
        color: var(--pt2-ink) !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 20px 60px rgba(21, 21, 31, 0.08) !important;
        border-radius: 32px !important;
      }
      body #limited .hp-scarcity-card--full::before {
        content: '' !important;
        position: absolute !important;
        width: 240px !important; height: 240px !important;
        border-radius: 50% !important;
        background: #a3c4e3 !important;
        top: -80px !important; left: -70px !important;
        opacity: 0.6 !important;
        z-index: 0 !important;
        filter: none !important;
        pointer-events: none !important;
      }
      body #limited .hp-scarcity-card--full::after {
        content: '' !important;
        position: absolute !important;
        width: 200px !important; height: 200px !important;
        border-radius: 50% !important;
        background: #d8cbf2 !important;
        bottom: -60px !important; right: -60px !important;
        opacity: 0.7 !important;
        z-index: 0 !important;
        filter: none !important;
        pointer-events: none !important;
      }
      body #limited .hp-scarcity-card--full > * { position: relative !important; z-index: 1 !important; }
      /* tag → draft-2: 흰 pill + sky-deep 텍스트 (도트 없음) */
      body #limited .hp-scarcity-card--full .section-tag {
        background: #ffffff !important;
        color: var(--pt2-sky-deep) !important;
        border: none !important;
        box-shadow: 0 6px 14px rgba(77, 131, 196, 0.16) !important;
      }
      body #limited .hp-scarcity-card--full .section-tag::before,
      body #limited .hp-scarcity-card--full .section-tag::after { display: none !important; content: none !important; }
      body #limited .hp-scarcity-card--full h2,
      body #limited .hp-scarcity-card--full .section-title { color: var(--pt2-ink) !important; }
      body #limited .hp-scarcity-card--full p { color: rgba(21, 21, 31, 0.72) !important; }
      /* CTA → 다크 알약, hover → sun (draft-2 .limited-card .cta) */
      body #limited .hp-scarcity-card--full .btn-primary {
        background: var(--pt2-ink) !important;
        color: #fff !important;
        border-radius: 999px !important;
        box-shadow: 0 10px 24px rgba(21, 21, 31, 0.18) !important;
      }
      body #limited .hp-scarcity-card--full .btn-primary:hover {
        background: var(--pt2-sun) !important;
        color: var(--pt2-ink) !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 14px 40px rgba(245, 203, 89, 0.32) !important;
      }

      /* hl-mark (형광펜) 솔리드 컬러 톤 */
      body :is(#services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .hl-mark::before {
        background: var(--pt2-sun) !important;
      }
      /* #ai-manager 본문 — 인라인 font-weight: 500 → 볼드 700 강제 */
      html body #ai-manager .why-line,
      html body #ai-manager .why-line *,
      html body #ai-manager p[style*="color: #64748B"],
      html body #ai-manager p[style*="color: #334155"] {
        font-weight: 700 !important;
      }
      /* #contact (START NOW) 섹션 태그 — 원래 하늘색 디자인 복원
         (이전 시도에서 cream-deep + 코랄 도트로 잘못 바꿨던 것 되돌림) */
      /* 글로벌 .section-tag 룰 (hp-brand-tint 배경 + hp-brand-deep 텍스트 + 파란 dot glow) 그대로 사용
         visibility/opacity만 명시해서 안 보이는 현상만 방지 */
      html body #contact .section-tag {
        visibility: visible !important;
        opacity: 1 !important;
      }
      /* 모든 PART 02 섹션 헤딩·태그·강조 text-shadow / filter 그림자 일괄 제거 */
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) :is(h1, h2, h3, h4, h5, h6),
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) :is(h1, h2, h3, h4, h5, h6) *,
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .section-title,
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .section-title *,
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .section-tag,
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .section-desc,
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .grad,
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .grad-highlight,
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .accent,
      html body :is(#part-02, #services, #pain-point, #trust, #compare, #faq, #scarcity, #limited) .gold-emph {
        text-shadow: none !important;
        filter: none !important;
        -webkit-filter: none !important;
      }

      /* ═══════════════════════════════════════════════════════════════════
         FINAL NUCLEAR OVERRIDE — #trust ~ #limited 완전 draft-2 매칭 + 호버 남색 100% 차단
         라인 순서로 가장 마지막에 적용. specificity 최대 (html body + 다중 chain)
         ═══════════════════════════════════════════════════════════════════ */

      /* ─── #trust : draft-2 완전 매칭 ─── */
      html body #trust,
      html body #trust::before,
      html body #trust::after {
        background: var(--pt2-bg) !important;
        background-image: none !important;
      }
      html body #trust::before, html body #trust::after { display: none !important; content: none !important; }
      /* 인라인 다크/glow div 데코 제거 */
      html body #trust > div[style*="radial-gradient"],
      html body #trust > div[style*="rgba(124"],
      html body #trust > div[style*="filter:"] {
        display: none !important; background: transparent !important;
      }
      /* problem 박스 (1st div) — cream-deep + italic text-2 */
      html body #trust .phil-card-wrapper > div:first-child {
        background: var(--pt2-bg-deep) !important;
        background-image: none !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 14px !important;
        box-shadow: none !important;
      }
      html body #trust .phil-card-wrapper > div:first-child p {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
        font-style: italic !important;
        font-weight: 800 !important;
        background: transparent !important;
      }
      html body #trust .phil-card-wrapper > div:first-child > div[style*="dashed"] {
        border-left-color: var(--pt2-line-strong) !important;
      }
      /* 메인 카드 (last div) — 흰 카드 + cream 라인 */
      html body #trust .phil-card-wrapper > div:last-child {
        background: var(--pt2-white) !important;
        background-image: none !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 28px !important;
        box-shadow: none !important;
        color: var(--pt2-ink) !important;
      }
      html body #trust .phil-card-wrapper > div:last-child h4,
      html body #trust .phil-card-wrapper > div:last-child h4 * {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        background: transparent !important;
      }
      html body #trust .phil-card-wrapper > div:last-child p,
      html body #trust .phil-card-wrapper > div:last-child p * {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
        background: transparent !important;
        font-weight: 700 !important;
      }
      /* 카드 hover — 호버 시 brand blue glow 차단, 가벼운 그림자만 */
      html body #trust .phil-card-wrapper > div:last-child,
      html body #trust .phil-card-wrapper:hover > div:last-child {
        transition: transform 0.3s, box-shadow 0.3s !important;
      }
      html body #trust .phil-card-wrapper:hover > div:last-child {
        transform: translateY(-6px) !important;
        box-shadow: 0 22px 60px rgba(21, 21, 31, 0.10) !important;
        background: var(--pt2-white) !important;
        border-color: var(--pt2-line) !important;
      }
      /* solution step pill — 카드별 mint / sky / purple */
      html body #trust .phil-card-wrapper:nth-child(1) .hp-solution-step {
        background: var(--pt2-mint-soft) !important;
        color: var(--pt2-mint-deep) !important;
        -webkit-text-fill-color: var(--pt2-mint-deep) !important;
        border: none !important;
        box-shadow: none !important;
      }
      html body #trust .phil-card-wrapper:nth-child(2) .hp-solution-step {
        background: var(--pt2-sky-soft) !important;
        color: var(--pt2-sky-deep) !important;
        -webkit-text-fill-color: var(--pt2-sky-deep) !important;
        border: none !important;
        box-shadow: none !important;
      }
      html body #trust .phil-card-wrapper:nth-child(3) .hp-solution-step {
        background: var(--pt2-purple-soft) !important;
        color: var(--pt2-purple-deep) !important;
        -webkit-text-fill-color: var(--pt2-purple-deep) !important;
        border: none !important;
        box-shadow: none !important;
      }
      /* icon tile — 카드별 mint / sky / purple soft */
      html body #trust .phil-card-wrapper:nth-child(1) .hp-icon-em-lg {
        background: var(--pt2-mint-soft) !important;
        border: none !important; box-shadow: none !important; border-radius: 22px !important;
      }
      html body #trust .phil-card-wrapper:nth-child(2) .hp-icon-em-lg {
        background: var(--pt2-sky-soft) !important;
        border: none !important; box-shadow: none !important; border-radius: 22px !important;
      }
      html body #trust .phil-card-wrapper:nth-child(3) .hp-icon-em-lg {
        background: var(--pt2-purple-soft) !important;
        border: none !important; box-shadow: none !important; border-radius: 22px !important;
      }
      /* neon-card 강점 배너 — cream-deep + 다크 텍스트 + 호버 차단 */
      html body #trust .neon-card,
      html body #trust .neon-card:hover {
        background: var(--pt2-bg-deep) !important;
        background-image: none !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 28px !important;
        color: var(--pt2-ink) !important;
      }
      html body #trust .neon-card p,
      html body #trust .neon-card p *,
      html body #trust .neon-card div p {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        background: transparent !important;
      }
      html body #trust .neon-card > div > div p:last-child,
      html body #trust .neon-card > div > div > div p:last-child {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        font-weight: 800 !important;
      }
      /* trust-banner 내부 — 3 column grid + 각 item 카드 안 가운데 정렬 */
      html body #trust .neon-card > div {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 1.5rem 2rem !important;
        justify-items: center !important;
        align-items: center !important;
      }
      /* 각 item (icon + 텍스트 wrapper) — 내부 flex 가운데 정렬 */
      html body #trust .neon-card > div > div {
        justify-content: center !important;
      }
      @media (max-width: 900px) {
        html body #trust .neon-card > div {
          grid-template-columns: 1fr !important;
          gap: 1.25rem !important;
        }
      }
      /* 배너 안 3개 icon — pink / sun / mint soft */
      html body #trust .neon-card > div > div:nth-child(1) .hp-icon-em-sm {
        background: var(--pt2-pink-soft) !important;
        border: none !important; box-shadow: none !important; border-radius: 18px !important;
      }
      html body #trust .neon-card > div > div:nth-child(2) .hp-icon-em-sm {
        background: var(--pt2-sun-soft) !important;
        border: none !important; box-shadow: none !important; border-radius: 18px !important;
      }
      html body #trust .neon-card > div > div:nth-child(3) .hp-icon-em-sm {
        background: var(--pt2-mint-soft) !important;
        border: none !important; box-shadow: none !important; border-radius: 18px !important;
      }
      /* section-desc — 다크 텍스트 (인라인 #aab1c6 무력화) */
      html body #trust .section-desc,
      html body #trust .section-desc *,
      html body #trust .section-desc strong {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
      }

      /* ─── #compare : draft-2 완전 매칭 ─── */
      html body #compare {
        background: var(--pt2-bg-deep) !important;
        background-image: none !important;
        padding: 6rem 5% !important;
      }
      html body #compare > div[style*="radial-gradient"] { display: none !important; }
      html body #compare .neon-card,
      html body #compare .neon-card:hover {
        background: var(--pt2-white) !important;
        background-image: none !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 28px !important;
        box-shadow: 0 20px 50px rgba(21, 21, 31, 0.06) !important;
        overflow: hidden !important;
      }
      /* table — mint 톤다운: cream 베이지 배경과 어울리는 sage 그린 (채도 ↓) */
      html body #compare .vs-tbl .th-left {
        background: #a8c8b5 !important;
        background-image: none !important;
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        border-right: none !important;
        position: relative !important;
      }
      html body #compare .vs-tbl .th-left::after {
        content: '' !important;
        position: absolute !important;
        left: 0 !important; right: 0 !important; bottom: 0 !important;
        height: 4px !important;
        background: #7ba892 !important;
        opacity: 0.85 !important;
        display: block !important;
      }
      html body #compare .vs-tbl .th-center,
      html body #compare .vs-tbl .th-other {
        background: var(--pt2-bg-deep) !important;
        background-image: none !important;
        color: var(--pt2-ink-3) !important;
        -webkit-text-fill-color: var(--pt2-ink-3) !important;
        border-right: none !important;
      }
      html body #compare .vs-tbl tbody td {
        border-bottom: 1.5px solid var(--pt2-line) !important;
      }
      html body #compare .vs-tbl .td-left {
        background: #e0ebde !important;
        background-image: none !important;
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        font-weight: 700 !important;
        border-right: none !important;
      }
      html body #compare .vs-tbl .td-center {
        background: var(--pt2-white) !important;
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
        font-weight: 800 !important;
        border-right: none !important;
      }
      html body #compare .vs-tbl .td-right {
        background: var(--pt2-white) !important;
        color: var(--pt2-ink-3) !important;
        -webkit-text-fill-color: var(--pt2-ink-3) !important;
      }
      /* hover — brand blue 차단, sage tone만 (cream과 조화) */
      html body #compare .vs-tbl tbody tr:hover .td-left {
        background: #d4e2d6 !important;
      }
      html body #compare .vs-tbl tbody tr:hover .td-center,
      html body #compare .vs-tbl tbody tr:hover .td-right {
        background: var(--pt2-bg) !important;
      }
      html body #compare .section-desc,
      html body #compare .section-desc * {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
      }

      /* ─── #faq : draft-2 완전 매칭 ─── */
      html body #faq {
        background: var(--pt2-bg) !important;
        background-image: none !important;
      }
      html body #faq .faq-intro h2,
      html body #faq .faq-intro h2 * {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
      }
      html body #faq .faq-intro p {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
      }
      html body #faq .faq-cta,
      html body #faq .faq-cta:hover,
      html body #faq .faq-cta *,
      html body #faq .faq-cta:hover *,
      html body #faq .faq-cta span,
      html body #faq .faq-cta .arrow {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background-image: none !important;
      }
      html body #faq .faq-cta,
      html body #faq .faq-cta:hover {
        background: var(--pt2-ink) !important;
        border-radius: 999px !important;
        border: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
      }
      html body #faq .faq-cta:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 14px 30px rgba(21, 21, 31, 0.22) !important;
      }
      /* faq-item — 흰 카드, hover 시 brand blue 차단 */
      html body #faq .faq-item,
      html body #faq .faq-item:hover:not(.open) {
        background: var(--pt2-white) !important;
        background-image: none !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 22px !important;
        box-shadow: none !important;
      }
      html body #faq .faq-item:hover:not(.open) {
        border-color: var(--pt2-line-strong) !important;
      }
      html body #faq .faq-item.open {
        background: var(--pt2-white) !important;
        border-color: var(--pt2-purple) !important;
        box-shadow: 0 18px 40px rgba(166, 152, 238, 0.18) !important;
      }
      html body #faq .faq-q,
      html body #faq .faq-q:hover {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        background: transparent !important;
      }
      html body #faq .faq-q .arrow {
        background: var(--pt2-bg-deep) !important;
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        border: none !important;
        box-shadow: none !important;
      }
      html body #faq .faq-item.open .faq-q .arrow {
        background: var(--pt2-purple) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
      }
      html body #faq .faq-a,
      html body #faq .faq-a-inner,
      html body #faq .faq-a p,
      html body #faq .faq-a-inner p {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
        background: transparent !important;
        border: none !important;
      }

      /* ─── #scarcity : draft-2 완전 매칭 ─── */
      html body #scarcity {
        background: var(--pt2-bg-deep) !important;
        background-image: none !important;
      }
      html body #scarcity > div[style*="radial-gradient"] { display: none !important; }
      /* 좌측 카드 — 매우 연한 cream-핑크 (cream 톤과 자연스럽게 이어짐) */
      html body #scarcity .hp-agency-card,
      html body #scarcity .hp-agency-card:hover {
        background: linear-gradient(180deg, #ffe8ee 0%, #fff7f9 100%) !important;
        background-image: linear-gradient(180deg, #ffe8ee 0%, #fff7f9 100%) !important;
        border: none !important;
        border-radius: 32px !important;
        color: var(--pt2-ink) !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 16px 36px rgba(196, 102, 154, 0.08), 0 4px 10px rgba(196, 102, 154, 0.04) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
      }
      html body #scarcity .hp-agency-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
      }
      html body #scarcity .hp-agency-card:hover {
        transform: translateY(-4px) !important;
      }
      /* 블롭 A — 우상단 연한 핑크 (톤다운, 거의 안 보일 정도) */
      html body #scarcity .hp-agency-card::before {
        content: '' !important;
        position: absolute !important;
        width: 240px !important; height: 240px !important;
        border-radius: 50% !important;
        background: #ffc8d4 !important;
        background-image: none !important;
        top: -90px !important; right: -80px !important;
        left: auto !important; bottom: auto !important;
        opacity: 0.35 !important;
        z-index: 0 !important;
        pointer-events: none !important;
        display: block !important;
        filter: blur(3px) !important;
      }
      /* 블롭 B — 좌하단 매우 옅은 핑크 */
      html body #scarcity .hp-agency-card::after {
        content: '' !important;
        position: absolute !important;
        width: 180px !important; height: 180px !important;
        border-radius: 50% !important;
        background: #fff0f3 !important;
        background-image: none !important;
        bottom: -70px !important; left: -50px !important;
        top: auto !important; right: auto !important;
        opacity: 0.6 !important;
        z-index: 0 !important;
        pointer-events: none !important;
        display: block !important;
        filter: blur(2px) !important;
      }
      html body #scarcity .hp-agency-card > * { position: relative !important; z-index: 1 !important; }
      html body #scarcity .hp-agency-card h3,
      html body #scarcity .hp-agency-card h3 *,
      html body #scarcity .hp-agency-card .lead,
      html body #scarcity .hp-agency-card .lead *,
      html body #scarcity .hp-agency-card .hp-agency-note {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        background: transparent !important;
      }
      html body #scarcity .hp-agency-card .lead {
        color: rgba(21, 21, 31, 0.78) !important;
        -webkit-text-fill-color: rgba(21, 21, 31, 0.78) !important;
      }
      /* 태그 — 흰 알약 + 코랄 #fb6664 텍스트, 글로우/네온 효과 완전 제거 */
      html body #scarcity .hp-agency-card .hp-agency-tag {
        background: #ffffff !important;
        background-image: none !important;
        color: #fb6664 !important;
        -webkit-text-fill-color: #fb6664 !important;
        font-weight: 800 !important;
        border: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
      }
      /* 카드 안 h3 / lead — 가독성 우선 진한 ink */
      html body #scarcity .hp-agency-card h3,
      html body #scarcity .hp-agency-card h3 * {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        font-weight: 900 !important;
      }
      html body #scarcity .hp-agency-card .lead {
        color: rgba(21, 21, 31, 0.82) !important;
        -webkit-text-fill-color: rgba(21, 21, 31, 0.82) !important;
        font-weight: 600 !important;
      }
      html body #scarcity .hp-agency-card .hp-agency-price {
        border-top: 1.5px solid rgba(255,255,255,0.7) !important;
        border-bottom: 1.5px solid rgba(255,255,255,0.7) !important;
      }
      /* 가격 — 코랄 #fb6664 그라데이션 텍스트 (디자이너 톤) */
      html body #scarcity .hp-agency-card .hp-agency-price .num {
        background: linear-gradient(135deg, #d6473c 0%, #fb6664 50%, #ffa8a6 100%) !important;
        background-image: linear-gradient(135deg, #d6473c 0%, #fb6664 50%, #ffa8a6 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        font-weight: 900 !important;
        text-shadow: none !important;
        filter: drop-shadow(0 4px 10px rgba(251, 102, 100, 0.20)) !important;
        letter-spacing: -0.02em !important;
      }
      html body #scarcity .hp-agency-card .hp-agency-price .unit {
        color: rgba(21, 21, 31, 0.70) !important;
        -webkit-text-fill-color: rgba(21, 21, 31, 0.70) !important;
        font-weight: 700 !important;
      }
      /* 그룹 라벨 — 자홍 pill + 흰 텍스트 + soft 글로우 + 텍스트 크기에 맞춰 가로 축소 */
      html body #scarcity .hp-agency-card .hp-agency-group-label {
        display: inline-block !important;
        width: auto !important;
        max-width: max-content !important;
        background: #fb6664 !important;
        background-image: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-weight: 800 !important;
        box-shadow: 0 4px 10px rgba(214, 50, 112, 0.28) !important;
      }
      html body #scarcity .hp-agency-card .hp-agency-list li {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        font-weight: 600 !important;
      }
      /* 리스트 점 — 단색 자홍 원 (단순) */
      html body #scarcity .hp-agency-card .hp-agency-list li::before {
        background: #fb6664 !important;
        background-image: none !important;
        box-shadow: none !important;
        border: none !important;
      }
      html body #scarcity .hp-agency-card .hp-agency-note {
        color: rgba(21, 21, 31, 0.70) !important;
        -webkit-text-fill-color: rgba(21, 21, 31, 0.70) !important;
        border-top: 1.5px dashed rgba(255,255,255,0.8) !important;
        font-weight: 600 !important;
      }
      html body #scarcity .hp-agency-card .hp-agency-note a {
        color: #fb6664 !important;
        -webkit-text-fill-color: #fb6664 !important;
        font-weight: 800 !important;
      }
      /* "대행 서비스 상담 신청" 강조 (note 안 strong) — 자홍 포인트 컬러 */
      html body #scarcity .hp-agency-card .hp-agency-note strong {
        color: #fb6664 !important;
        -webkit-text-fill-color: #fb6664 !important;
        font-weight: 900 !important;
        background: transparent !important;
      }
      /* 우측 폼 카드 — 흰색 + hover 시 brand blue 차단 */
      html body #scarcity .hp-agency-form-card,
      html body #scarcity .hp-agency-form-card:hover {
        background: var(--pt2-white) !important;
        background-image: none !important;
        border: 1.5px solid var(--pt2-line) !important;
        border-radius: 32px !important;
        color: var(--pt2-ink) !important;
        box-shadow: none !important;
      }
      html body #scarcity .hp-agency-form-card h3,
      html body #scarcity .hp-agency-form-card h3 * {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
      }
      html body #scarcity .hp-agency-form-card .lead {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
      }
      html body #scarcity .hp-agency-form-card .hp-agency-tag {
        background: var(--pt2-bg-deep) !important;
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        border: none !important;
        box-shadow: none !important;
      }
      html body #scarcity .hp-agency-form .hp-form-group label {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
      }
      html body #scarcity .hp-agency-form input,
      html body #scarcity .hp-agency-form textarea {
        background: var(--pt2-bg) !important;
        background-image: none !important;
        border: 1.5px solid var(--pt2-line-strong) !important;
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        border-radius: 14px !important;
        box-shadow: none !important;
      }
      html body #scarcity .hp-agency-form input:focus,
      html body #scarcity .hp-agency-form textarea:focus {
        border-color: var(--pt2-purple) !important;
        background: var(--pt2-white) !important;
        outline: none !important;
        box-shadow: none !important;
      }
      html body #scarcity .hp-checkbox {
        background: var(--pt2-bg-deep) !important;
        background-image: none !important;
        border: none !important;
        color: var(--pt2-ink-2) !important;
        border-radius: 999px !important;
        box-shadow: none !important;
      }
      html body #scarcity .hp-checkbox:has(input:checked) {
        background: var(--pt2-purple-soft) !important;
        border: none !important;
      }
      html body #scarcity .hp-checkbox:has(input:checked) .hp-checkbox__label {
        color: var(--pt2-purple-deep) !important;
        -webkit-text-fill-color: var(--pt2-purple-deep) !important;
      }
      html body #scarcity .hp-checkbox__box {
        background: var(--pt2-white) !important;
        border: 1.5px solid var(--pt2-line-strong) !important;
      }
      html body #scarcity .hp-checkbox input:checked ~ .hp-checkbox__box {
        background: var(--pt2-purple) !important;
        border-color: var(--pt2-purple) !important;
      }
      html body #scarcity .hp-checkbox__label {
        color: var(--pt2-ink-2) !important;
        -webkit-text-fill-color: var(--pt2-ink-2) !important;
      }
      html body #scarcity .hp-agency-submit,
      html body #scarcity .hp-agency-submit:hover {
        background: var(--pt2-ink) !important;
        background-image: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border: none !important;
        border-radius: 14px !important;
      }
      html body #scarcity .hp-agency-submit:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 14px 30px rgba(21, 21, 31, 0.25) !important;
      }
      html body #scarcity .hp-form-note {
        color: var(--pt2-ink-3) !important;
        -webkit-text-fill-color: var(--pt2-ink-3) !important;
      }

      /* ─── #limited : 미니멀 + 상하 여백 추가 20% 축소 (총 52% 축소) ─── */
      html body #limited {
        background: var(--pt2-bg) !important;
        background-image: none !important;
        padding-top: 2.88rem !important;
        padding-bottom: 2.88rem !important;
      }
      /* p 본문 — 각 문장 다음으로 줄바꿈만 (빈 줄 여백 없음) */
      html body #limited .hp-scarcity-card--full p {
        line-height: 1.5 !important;
        margin-bottom: 1.5rem !important;
      }
      /* LIMITED 태그 완전 삭제 */
      html body #limited .hp-scarcity-card--full .section-tag {
        display: none !important;
      }
      /* 카드 디자인 모두 제거 — 깔끔한 텍스트 중심 (배경/블롭/그림자/박스 모두 없음) */
      html body #limited .hp-scarcity-card--full,
      html body #limited .hp-scarcity-card--full:hover {
        background: transparent !important;
        background-image: none !important;
        border: none !important;
        border-radius: 0 !important;
        color: var(--pt2-ink) !important;
        position: relative !important;
        overflow: visible !important;
        box-shadow: none !important;
        padding: 2rem 0 !important;
      }
      /* 블롭 제거 */
      html body #limited .hp-scarcity-card--full::before,
      html body #limited .hp-scarcity-card--full::after {
        display: none !important;
        content: none !important;
        background: transparent !important;
      }
      /* 태그 — 알약/그림자 제거, 회색 텍스트만 */
      html body #limited .hp-scarcity-card--full .section-tag {
        background: transparent !important;
        background-image: none !important;
        color: var(--pt2-ink-3) !important;
        -webkit-text-fill-color: var(--pt2-ink-3) !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        font-weight: 800 !important;
        letter-spacing: 0.2em !important;
      }
      html body #limited .hp-scarcity-card--full .section-tag::before,
      html body #limited .hp-scarcity-card--full .section-tag::after {
        display: none !important; content: none !important;
      }
      html body #limited .hp-scarcity-card--full h2,
      html body #limited .hp-scarcity-card--full h2 *,
      html body #limited .hp-scarcity-card--full .section-title {
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        background: transparent !important;
      }
      html body #limited .hp-scarcity-card--full p,
      html body #limited .hp-scarcity-card--full p * {
        color: rgba(21, 21, 31, 0.72) !important;
        -webkit-text-fill-color: rgba(21, 21, 31, 0.72) !important;
        background: transparent !important;
      }
      /* CTA — 다크 알약, hover → sun */
      html body #limited .hp-scarcity-card--full .btn-primary {
        background: var(--pt2-ink) !important;
        background-image: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border: none !important;
        border-radius: 999px !important;
        box-shadow: 0 10px 24px rgba(21, 21, 31, 0.18) !important;
      }
      html body #limited .hp-scarcity-card--full .btn-primary:hover {
        background: var(--pt2-sun) !important;
        color: var(--pt2-ink) !important;
        -webkit-text-fill-color: var(--pt2-ink) !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 14px 40px rgba(245, 203, 89, 0.32) !important;
      }

/* === block 6 (was L8043-8061) === */
          /* 데스크톱, 태블릿 한 줄 강제 (3단락 = 3줄), 모바일에서만 자연 줄바꿈 */
          #why-ai-manager .why-line {
            white-space: nowrap !important;
            max-width: none !important;
            font-size: clamp(0.84rem, 1.32vw, 1.176rem) !important;
            letter-spacing: -0.02em !important;
          }
          @media (max-width: 900px) {
            #why-ai-manager .why-line {
              white-space: normal !important;
              max-width: 720px !important;
              margin-left: auto !important;
              margin-right: auto !important;
              font-size: 1.104rem !important;
              letter-spacing: -0.01em !important;
            }
          }

/* === block 7 (was L9058-9079) === */
              .vs-tbl { width: 100%; border-collapse: collapse; }
              .vs-tbl thead th { padding: 1.4rem 1.2rem; text-align: center; font-size: 1.1rem; font-weight: 800; }
              .vs-tbl .th-left { background: linear-gradient(180deg, #C7D2FE 0%, #7c83ff 50%, #6366f1 100%); color: #000; width: 40%; border-radius: 0; border-right: 1px solid rgba(0, 0, 0, 0.15); }
              .vs-tbl .th-center { background: #1a1a2e; color: #aab1c6; width: 20%; font-size: 0.9rem; font-weight: 700; letter-spacing: 1px; border-right: 1px solid rgba(124, 131, 255, 0.18); }
              .vs-tbl .th-right { background: #0a0a0f; color: #aab1c6; width: 40%; }
              .vs-tbl tbody td { padding: 1.6rem 1.4rem; text-align: center; vertical-align: middle; font-size: 0.98rem; word-break: keep-all; border-bottom: 1px solid rgba(124, 131, 255, 0.10); transition: background var(--hp-dur-mid) var(--hp-ease); }
              .vs-tbl tbody tr:last-child td { border-bottom: none; }
              .vs-tbl .td-left { color: #ffffff; font-weight: 700; background: #1a1a2e; border-right: 1px solid rgba(124, 131, 255, 0.10); font-size: 1.176rem; }
              .vs-tbl .td-center { color: #7c83ff; font-weight: 700; font-size: 0.85rem; background: #1a1a2e; border-right: 1px solid rgba(124, 131, 255, 0.10); }
              .vs-tbl .td-right { color: #aab1c6; background: #1a1a2e; }
              .vs-tbl tbody tr:hover .td-left { background: rgba(124, 131, 255, 0.08); }
              .vs-tbl tbody tr:hover .td-center { background: rgba(124, 131, 255, 0.05); }
              .vs-tbl tbody tr:hover .td-right { background: #fafbfc; }
              @media (max-width: 768px) {
                .vs-tbl thead th { padding: 1rem 0.5rem; font-size: 0.92rem; }
                .vs-tbl .th-center { font-size: 0.78rem; }
                .vs-tbl tbody td { padding: 1rem 0.6rem; font-size: 0.82rem; }
                .vs-tbl .td-left { font-size: 0.984rem; }
                .vs-tbl .td-center { font-size: 0.75rem; }
              }

      /* ═════════════════════════════════════════════════════════════
         PART 02 — 시안 2 에메랄드 적용
         Palette: #0F3D34  #134E43  #E6F0E9  #F7F6F1  #C8A96A
         ───────────────────────────────────────────────────────────── */

      /* Step 1: CSS 변수 재정의 — 모든 var(--pt2-xxx) 호출이 에메랄드 값으로 */
      html body #part-02 {
        --pt2-bg-deep:     #0F3D34;
        --pt2-ink:         #F7F6F1;
        --pt2-ink-2:       #E6F0E9;
        --pt2-ink-3:       rgba(230,240,233,0.60);
        --pt2-purple-deep: #C8A96A;
        --pt2-lav-deep:    #C8A96A;
        --pt2-sun-soft:    rgba(19,78,67,0.28);
        --pt2-mint-soft:   rgba(10,43,34,0.22);
        --pt2-pink-soft:   rgba(200,169,106,0.10);
        --pt2-coral:       #C8A96A;
        --pt2-mint:        #134E43;
      }
      html body #services {
        --pt2-bg:           #0F3D34;
        --pt2-bg-deep:      #0A2B22;
        --pt2-white:        rgba(255,255,255,0.05);
        --pt2-ink:          #F7F6F1;
        --pt2-ink-2:        #E6F0E9;
        --pt2-ink-3:        rgba(230,240,233,0.55);
        --pt2-line:         rgba(200,169,106,0.14);
        --pt2-line-strong:  rgba(200,169,106,0.38);
        --pt2-line-2:       rgba(200,169,106,0.24);
        --pt2-mint-deep:    #C8A96A;
        --pt2-coral-soft:   rgba(15,61,52,0.40);
        --pt2-mint-soft:    rgba(10,43,34,0.45);
        --pt2-purple-soft:  rgba(19,78,67,0.35);
        --pt2-sun-soft:     rgba(8,25,20,0.40);
        --pt2-coral-deep:   #C8A96A;
        --pt2-coral:        #C8A96A;
        --pt2-mint:         #C8A96A;
        --pt2-purple:       #C8A96A;
        --pt2-sun:          #C8A96A;
        --pt2-purple-deep:  #C8A96A;
        --pt2-sun-deep:     #C8A96A;
      }

      /* Step 2: 하드코드 오버라이드 */

      /* #part-02 배경 — 에메랄드 그라데이션 */
      body #part-02.hp-part-divider {
        background: linear-gradient(160deg, #0F3D34 0%, #0A2B22 100%) !important;
      }
      body #part-02.hp-part-divider:hover {
        background: linear-gradient(160deg, #134E43 0%, #0C3328 100%) !important;
      }

      /* badge 텍스트 — 골드 */
      html body #part-02 .hp-part-badge,
      html body .hp-part-divider .hp-part-badge {
        color: #C8A96A !important;
      }

      /* service-name pill — 에메랄드 + 골드 보더 */
      body #part-02 .hp-part-service-name,
      body .hp-part-divider .hp-part-service-name {
        background: rgba(19,78,67,0.35) !important;
        border: 1px solid rgba(200,169,106,0.28) !important;
        color: #C8A96A !important;
        box-shadow: 0 8px 24px rgba(15,61,52,0.25) !important;
        text-shadow: none !important;
      }

      /* .grad / .gold-emph — 골드 */
      html body #part-02 h3 .grad,
      html body #part-02 .hp-part-divider__inner h3 .grad,
      html body #part-02 .gold-emph,
      html body .hp-part-divider p .gold-emph {
        color: #C8A96A !important;
        -webkit-text-fill-color: #C8A96A !important;
        background: transparent !important;
        background-image: none !important;
      }

      /* 다운 화살표 — 에메랄드 링 + 골드 아이콘 */
      html body #part-02 .hp-part-divider__arrow,
      html body .hp-part-divider .hp-part-divider__arrow {
        display: inline-flex !important;
        background: rgba(255,255,255,0.07) !important;
        border: 1.5px solid rgba(200,169,106,0.30) !important;
        color: #C8A96A !important;
      }

      /* #services 배경 */
      body #services {
        background: #0F3D34 !important;
      }

      /* section-tag — 다크 pill, 골드 도트 */
      body #services .section-tag {
        background: rgba(255,255,255,0.07) !important;
        border-color: rgba(200,169,106,0.28) !important;
        color: #F7F6F1 !important;
      }
      body #services .section-tag::before,
      body #services .section-tag::after {
        background: #C8A96A !important;
      }

      /* section-title .grad-highlight — 골드 단색 */
      html body #services .section-title .grad-highlight,
      html body #services .section-center .section-title .grad-highlight,
      html body #services .section-center h2 .grad-highlight {
        background: linear-gradient(135deg, #C8A96A 0%, #E2C98A 100%) !important;
        background-image: linear-gradient(135deg, #C8A96A 0%, #E2C98A 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
      }

      /* section-desc */
      html body #services .section-center .section-desc,
      html body #services .section-center p,
      html body #services .section-desc {
        color: #E6F0E9 !important;
        -webkit-text-fill-color: #E6F0E9 !important;
      }

      /* 서비스 카드 */
      body #services .service-card {
        background: rgba(255,255,255,0.05) !important;
        border-color: rgba(200,169,106,0.12) !important;
      }
      body #services .service-card:hover {
        background: rgba(255,255,255,0.08) !important;
        border-color: rgba(200,169,106,0.40) !important;
        box-shadow: 0 24px 60px rgba(15,61,52,0.40) !important;
      }
      body #services .service-card:hover h3 {
        color: #F7F6F1 !important;
      }

      /* service-num — 골드 */
      html body #services .service-card .service-num,
      html body #services .service-card:nth-child(1) .service-num,
      html body #services .service-card:nth-child(2) .service-num,
      html body #services .service-card:nth-child(3) .service-num,
      html body #services .service-card:nth-child(4) .service-num {
        color: #C8A96A !important;
        -webkit-text-fill-color: #C8A96A !important;
      }

      /* 아이콘 박스 — 에메랄드 계열 4단계 */
      body #services .service-card:nth-child(1) .service-icon {
        background: rgba(15,61,52,0.50) !important;
        box-shadow: 0 8px 20px rgba(15,61,52,0.40) !important;
        color: #F7F6F1 !important;
      }
      body #services .service-card:nth-child(2) .service-icon {
        background: rgba(10,43,34,0.55) !important;
        box-shadow: 0 8px 20px rgba(10,43,34,0.40) !important;
        color: #F7F6F1 !important;
      }
      body #services .service-card:nth-child(3) .service-icon {
        background: rgba(19,78,67,0.45) !important;
        box-shadow: 0 8px 20px rgba(19,78,67,0.35) !important;
        color: #F7F6F1 !important;
      }
      body #services .service-card:nth-child(4) .service-icon {
        background: rgba(8,25,20,0.55) !important;
        box-shadow: 0 8px 20px rgba(8,25,20,0.40) !important;
        color: #F7F6F1 !important;
      }

      /* SVG 아이콘 — 32px, 회전 없음 */
      body #services .service-card .service-icon svg {
        width: 32px !important;
        height: 32px !important;
      }
      body #services .service-card:hover .service-icon svg,
      body #services .service-card:nth-child(2):hover .service-icon svg,
      body #services .service-card:nth-child(4):hover .service-icon svg {
        transform: none !important;
      }

      /* 카드 헤딩 — 크림 */
      body #services .service-card h3 {
        color: #F7F6F1 !important;
        -webkit-text-fill-color: #F7F6F1 !important;
      }

      /* service-card__lead — 골드 */
      html body #services .service-card .service-card__lead,
      html body #services .service-card:hover .service-card__lead,
      html body #services .service-card:nth-child(2) .service-card__lead,
      html body #services .service-card:nth-child(2):hover .service-card__lead,
      html body #services .service-card:nth-child(3) .service-card__lead,
      html body #services .service-card:nth-child(3):hover .service-card__lead,
      html body #services .service-card:nth-child(4) .service-card__lead,
      html body #services .service-card:nth-child(4):hover .service-card__lead {
        color: #C8A96A !important;
        -webkit-text-fill-color: #C8A96A !important;
      }

      /* 본문 — 민트 크림 */
      html body #services .service-card > p:not(.service-card__lead),
      html body #services .service-card:hover > p:not(.service-card__lead) {
        color: #E6F0E9 !important;
        -webkit-text-fill-color: #E6F0E9 !important;
      }

      /* 리스트 + 불릿 */
      body #services .service-card .service-list li,
      body #services .service-card:hover .service-list li {
        color: #E6F0E9 !important;
      }
      body #services .service-card .service-list li::before,
      body #services .service-card:nth-child(2) .service-list li::before,
      body #services .service-card:nth-child(3) .service-list li::before,
      body #services .service-card:nth-child(4) .service-list li::before {
        background: #C8A96A !important;
        box-shadow: none !important;
      }
      /* /PART 02 시안 2 에메랄드 */

/* ══════════════════════════════════════════════════════════════
   PART 02 전체 구간 (pain-point/trust/compare/faq/scarcity/limited)
   pt2-draft2 :root 변수를 에메랄드 팔레트로 일괄 재정의
   → 같은 :root 선언 중 마지막이 이기므로 전체 섹션 자동 적용
   Palette: #0F3D34  #134E43  #F7F6F1  #E6F0E9  #C8A96A
══════════════════════════════════════════════════════════════ */
:root {
  /* 배경 */
  --pt2-bg:           #134E43;
  --pt2-bg-deep:      #0F3D34;
  --pt2-white:        rgba(255,255,255,0.07);
  --pt2-cream:        #134E43;

  /* 구분선 */
  --pt2-line:         rgba(200,169,106,0.16);
  --pt2-line-strong:  rgba(200,169,106,0.32);
  --pt2-line-2:       rgba(200,169,106,0.26);

  /* 텍스트 */
  --pt2-ink:          #F7F6F1;
  --pt2-ink-2:        #E6F0E9;
  --pt2-ink-3:        rgba(230,240,233,0.60);

  /* 골드 강조 (모든 액센트 컬러 → 골드 통일) */
  --pt2-coral:        #C8A96A;
  --pt2-coral-soft:   rgba(15,61,52,0.38);
  --pt2-coral-deep:   #C8A96A;
  --pt2-mint:         #C8A96A;
  --pt2-mint-soft:    rgba(10,43,34,0.38);
  --pt2-mint-deep:    #C8A96A;
  --pt2-mint-c:       #C8A96A;
  --pt2-purple:       #C8A96A;
  --pt2-purple-soft:  rgba(19,78,67,0.32);
  --pt2-purple-deep:  #C8A96A;
  --pt2-lav-c:        #C8A96A;
  --pt2-lav-soft:     rgba(19,78,67,0.32);
  --pt2-lav-deep:     #C8A96A;
  --pt2-sun:          #C8A96A;
  --pt2-sun-soft:     rgba(8,25,20,0.32);
  --pt2-sun-deep:     #C8A96A;
  --pt2-pink:         #C8A96A;
  --pt2-pink-soft:    rgba(15,61,52,0.28);
  --pt2-pink-deep:    #C8A96A;
  --pt2-pink-c:       #C8A96A;
  --pt2-sky:          #C8A96A;
  --pt2-sky-soft:     rgba(10,43,34,0.28);
  --pt2-sky-deep:     #C8A96A;
  --pt2-blue:         #C8A96A;
  --pt2-blue-soft:    rgba(10,43,34,0.28);
  --pt2-blue-deep:    #C8A96A;
}

/* ── trust 섹션: 인라인 스타일로 박힌 다크 배경 카드들 덮어쓰기 ── */
html body #trust [style*="background: rgba(124, 131, 255"],
html body #trust [style*="background: #1a1a2e"],
html body #trust [style*="background:#1a1a2e"] {
  background: rgba(19,78,67,0.35) !important;
  border-color: rgba(200,169,106,0.30) !important;
}
html body #trust [style*="color: #7c83ff"],
html body #trust [style*="color:#7c83ff"] {
  color: #C8A96A !important;
}
html body #trust [style*="color: #aab1c6"],
html body #trust [style*="color:#aab1c6"],
html body #trust [style*="color: #ffffff"],
html body #trust p,
html body #trust .section-desc {
  color: #E6F0E9 !important;
  -webkit-text-fill-color: #E6F0E9 !important;
}
html body #trust h4[style],
html body #trust h4 {
  color: #F7F6F1 !important;
  -webkit-text-fill-color: #F7F6F1 !important;
}

/* ── compare / faq / scarcity / limited 인라인 배경 덮어쓰기 ── */
html body #compare > div[style*="radial-gradient"],
html body #scarcity > div[style*="radial-gradient"] {
  display: none !important;
}

/* ── pain-card / pain-highlight 에메랄드 톤 ── */
html body #pain-point .pain-card {
  background: rgba(19,78,67,0.35) !important;
  border-color: rgba(200,169,106,0.20) !important;
}
html body #pain-point .pain-highlight {
  background: rgba(10,43,34,0.60) !important;
  border: 1.5px solid rgba(200,169,106,0.35) !important;
}
html body #pain-point .pain-card h3,
html body #pain-point .pain-highlight h3 {
  color: #F7F6F1 !important;
  -webkit-text-fill-color: #F7F6F1 !important;
}

/* ── neon-card (trust 하단 배너) ── */
html body #trust .neon-card {
  background: rgba(10,43,34,0.70) !important;
  border: 1px solid rgba(200,169,106,0.25) !important;
}
html body #trust .neon-card p[style*="color: #ffffff"],
html body #trust .neon-card p {
  color: #F7F6F1 !important;
  -webkit-text-fill-color: #F7F6F1 !important;
}
html body #trust .neon-card p[style*="color: #aab1c6"] {
  color: #E6F0E9 !important;
  -webkit-text-fill-color: #E6F0E9 !important;
}

/* ── compare 표 (vs-tbl) 에메랄드 톤 ── */
html body #compare .vs-tbl .th-left {
  background: linear-gradient(180deg, rgba(200,169,106,0.55) 0%, #C8A96A 50%, #A88B50 100%) !important;
  color: #0F3D34 !important;
}
html body #compare .vs-tbl .th-center,
html body #compare .vs-tbl .th-right {
  background: rgba(10,43,34,0.70) !important;
  color: #E6F0E9 !important;
  border-color: rgba(200,169,106,0.18) !important;
}
html body #compare .vs-tbl tbody td {
  border-color: rgba(200,169,106,0.12) !important;
}
html body #compare .vs-tbl .td-left {
  background: rgba(19,78,67,0.30) !important;
  color: #F7F6F1 !important;
  font-size: 1rem !important;
  border-color: rgba(200,169,106,0.15) !important;
}
html body #compare .vs-tbl .td-center {
  background: rgba(10,43,34,0.50) !important;
  color: #C8A96A !important;
  border-color: rgba(200,169,106,0.15) !important;
}
html body #compare .vs-tbl .td-right {
  background: rgba(10,43,34,0.40) !important;
  color: #E6F0E9 !important;
}

/* ── faq 아코디언 ── */
html body #faq .faq-item,
html body #faq .faq-q {
  background: rgba(19,78,67,0.30) !important;
  border-color: rgba(200,169,106,0.20) !important;
  color: #F7F6F1 !important;
  -webkit-text-fill-color: #F7F6F1 !important;
}
html body #faq .faq-a-inner {
  color: #E6F0E9 !important;
  -webkit-text-fill-color: #E6F0E9 !important;
}
html body #faq .faq-intro h2,
html body #faq .faq-intro p {
  color: #F7F6F1 !important;
  -webkit-text-fill-color: #F7F6F1 !important;
}

/* ── scarcity 에이전시 카드 ── */
html body #scarcity .hp-agency-card,
html body #scarcity .hp-agency-form-card {
  background: rgba(10,43,34,0.60) !important;
  border-color: rgba(200,169,106,0.25) !important;
}
html body #scarcity .hp-agency-card h3,
html body #scarcity .hp-agency-form-card h3 {
  color: #F7F6F1 !important;
  -webkit-text-fill-color: #F7F6F1 !important;
}
html body #scarcity .hp-agency-tag {
  background: rgba(200,169,106,0.18) !important;
  color: #C8A96A !important;
  border-color: rgba(200,169,106,0.30) !important;
}
html body #scarcity .hp-agency-price .num {
  color: #C8A96A !important;
  -webkit-text-fill-color: #C8A96A !important;
}

/* ── limited 섹션 카드 ── */
html body #limited .hp-scarcity-card {
  background: rgba(10,43,34,0.65) !important;
  border: 1.5px solid rgba(200,169,106,0.30) !important;
}
/* /전체 에메랄드 일괄 적용 */