body.home-page { background: var(--bg-body); min-height: 100vh; }
    .home-site {
      position: relative;
      z-index: 1;
    }
    .home-container {
      margin: 0 auto;
      max-width: 1280px;
      padding: 0 22px;
    }
    .home-header__inner {
      align-items: center;
      display: flex;
      gap: 18px;
      justify-content: space-between;
      min-height: var(--hajobot-header-height, 60px);
    }
    .home-brand {
      align-items: center;
      display: inline-flex;
      gap: 12px;
      min-width: 0;
      text-decoration: none;
    }
    .home-brand__mark {
      border-radius: 12px;
      display: inline-flex;
      height: 36px;
      overflow: hidden;
      width: 36px;
    }
    .home-brand__mark img {
      display: block;
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
    .home-brand__name {
      color: var(--t-base);
      display: block;
      font-size: 17px;
      font-weight: 900;
      letter-spacing: -.02em;
    }
    .home-brand__meta {
      color: var(--t-muted);
      display: block;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 10px;
      letter-spacing: .16em;
      margin-top: 2px;
      text-transform: uppercase;
    }
    .home-header__nav {
      display: none;
      gap: 26px;
    }
    .home-header__nav a {
      color: var(--t-muted);
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
      transition: color .16s ease;
    }
    .home-header__nav a:hover {
      color: var(--t-base);
    }
    .home-header__actions {
      align-items: center;
      display: flex;
      gap: 10px;
    }
    .home-header__actions .accent-picker {
      background: var(--bg-card);
      border: 0;
      border-radius: 999px;
      box-shadow: none;
      display: inline-flex;
      gap: 8px;
      padding: 8px 10px;
    }
    .home-hero {
      background: transparent;
      overflow: hidden;
      padding: 68px 0 56px;
      position: relative;
    }
    .home-hero::before {
      background: none;
      content: "";
      inset: 0;
      pointer-events: none;
      position: absolute;
    }
    .home-hero__inner {
      position: relative;
      z-index: 1;
    }
    .home-hero__copy {
      margin: 0 auto;
      max-width: 960px;
      text-align: center;
    }
    .home-pill {
      align-items: center;
      background: color-mix(in srgb, var(--primary-soft) 78%, transparent);
      border: 0;
      border-radius: 999px;
      color: var(--primary);
      display: inline-flex;
      gap: 10px;
      padding: 9px 16px;
      font-size: 12px;
      font-weight: 800;
    }
    .home-pill__dot {
      background: currentColor;
      border-radius: 50%;
      display: inline-block;
      height: 8px;
      width: 8px;
    }
    .home-title {
      color: var(--t-base);
      font-family: "Pretendard Variable", Pretendard, sans-serif;
      font-size: clamp(42px, 6vw, 76px);
      font-weight: 900;
      letter-spacing: -.065em;
      line-height: .94;
      margin: 22px 0 0;
      text-wrap: balance;
    }
    .home-title__accent {
      background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 62%, var(--bg-card)));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .home-subtitle {
      color: var(--t-muted);
      font-size: 19px;
      line-height: 1.72;
      margin: 22px auto 0;
      max-width: 820px;
      text-wrap: pretty;
    }
    .home-cta {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: center;
      margin-top: 30px;
    }
    .home-cta .btn {
      justify-content: center;
      min-width: 180px;
      padding: 12px 18px;
    }
    .home-meta {
      align-items: center;
      color: var(--t-muted);
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      justify-content: center;
      margin-top: 18px;
      font-size: 13px;
    }
    .home-meta__code {
      color: var(--t-light);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 12px;
    }
    .home-shot {
      margin-top: 56px;
      position: relative;
    }
    .home-shot__glow {
      display: none;
    }
    .home-shot__frame {
      background: var(--bg-card);
      border: 0;
      border-radius: 14px;
      box-shadow: none;
      overflow: hidden;
      position: relative;
      z-index: 1;
    }
    .home-shot__topbar {
      align-items: center;
      background: color-mix(in srgb, var(--bg-muted) 88%, transparent);
      border-bottom: 1px solid var(--border-soft);
      display: flex;
      justify-content: space-between;
      padding: 14px 18px;
    }
    .home-shot__dots {
      display: flex;
      gap: 7px;
    }
    .home-shot__dots span {
      background: color-mix(in srgb, var(--t-light) 52%, transparent);
      border-radius: 50%;
      height: 10px;
      width: 10px;
    }
    .home-shot__badge {
      background: color-mix(in srgb, var(--primary-soft) 84%, transparent);
      border-radius: 999px;
      color: var(--primary);
      font-size: 11px;
      font-weight: 800;
      padding: 6px 10px;
    }
    .home-shot picture,
    .home-shot__theme,
    .home-shot img {
      display: block;
      width: 100%;
    }
    .home-shot__theme--dark {
      display: none;
    }
    html[data-theme="dark"] .home-shot__theme--light {
      display: none;
    }
    html[data-theme="dark"] .home-shot__theme--dark {
      display: block;
    }
    .home-ad {
      align-items: center;
      display: flex;
      justify-content: center;
      min-height: 90px;
      margin-top: 24px;
    }
    .home-ad-unit {
      align-items: center;
      display: flex;
      justify-content: center;
      overflow: hidden;
    }
    .home-ad-unit--desktop { height: 90px; width: 728px; }
    .home-ad-unit--mobile { display: none; height: 50px; width: 320px; }
    .home-stats {
      background: transparent;
      padding: 26px 0;
    }
    .home-stats__grid {
      display: grid;
      gap: 18px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .home-stats__item {
      text-align: center;
      padding: 8px 12px;
    }
    .home-stats__label {
      color: var(--t-muted);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .home-stats__value {
      color: var(--t-base);
      font-family: "Pretendard Variable", Pretendard, sans-serif;
      font-size: clamp(28px, 3vw, 40px);
      font-weight: 900;
      letter-spacing: -.05em;
      line-height: 1;
      margin-top: 10px;
    }
    .home-stats__text {
      color: var(--t-muted);
      font-size: 12.5px;
      line-height: 1.5;
      margin: 8px auto 0;
      max-width: 220px;
    }
    .home-section {
      padding: 68px 0 24px;
    }
    .home-section__head {
      margin: 0 auto;
      max-width: 760px;
      text-align: center;
    }
    .home-section__eyebrow {
      color: var(--t-light);
      display: block;
      font-family: inherit;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    .home-section__title {
      color: var(--t-base);
      font-family: "Pretendard Variable", Pretendard, sans-serif;
      font-size: clamp(30px, 3.2vw, 42px);
      font-weight: 900;
      letter-spacing: -.05em;
      margin: 14px 0 0;
      text-wrap: balance;
    }
    .home-section__desc {
      color: var(--t-muted);
      font-size: 16px;
      line-height: 1.68;
      margin: 14px auto 0;
      max-width: 720px;
      text-wrap: pretty;
    }
    .home-features {
      display: grid;
      gap: 18px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-top: 26px;
    }
    .home-feature {
      background: var(--bg-card);
      border: 0;
      border-radius: 14px;
      box-shadow: none;
      overflow: hidden;
      transition: background .18s ease;
    }
    .home-feature:hover {
      background: var(--bg-hover);
    }
    .home-feature__media img {
      aspect-ratio: 16 / 10;
      display: block;
      object-fit: cover;
      width: 100%;
    }
    .home-feature__body {
      padding: 24px;
    }
    .home-feature__icon {
      align-items: center;
      background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 68%, #fff));
      border-radius: 12px;
      box-shadow: none;
      color: #fff;
      display: inline-flex;
      font-size: 11px;
      font-weight: 900;
      height: 42px;
      justify-content: center;
      width: 42px;
    }
    .home-feature h3 {
      color: var(--t-base);
      font-size: 20px;
      font-weight: 900;
      letter-spacing: -.03em;
      margin: 16px 0 0;
    }
    .home-feature p {
      color: var(--t-muted);
      line-height: 1.68;
      margin: 10px 0 0;
    }
    .home-inline-ad {
      align-items: center;
      display: none;
      justify-content: center;
      min-height: 50px;
      margin-top: 14px;
    }
    .home-pc-ad-cluster {
      display: block;
    }
    .home-pc-ad-cluster > .global-pc-ad-bottom-row {
      margin-bottom: 16px;
      margin-top: 64px;
    }
    @media (min-width: 1100px) {
      .home-pc-ad-cluster {
        align-items: start;
        display: grid;
        gap: clamp(32px, 5vw, 64px);
        grid-template-columns: minmax(0, 1fr) 160px;
      }
    }
    .home-cta-band {
      padding: 40px 0 8px;
    }
    .home-cta-card {
      background: color-mix(in srgb, var(--primary-soft) 30%, var(--bg-card));
      border: 0;
      border-radius: 14px;
      box-shadow: none;
      overflow: hidden;
      padding: 42px 34px;
      position: relative;
      text-align: center;
    }
    .home-cta-card::before {
      display: none;
    }
    .home-cta-card__inner {
      position: relative;
      z-index: 1;
    }
    .home-cta-card h2 {
      color: var(--t-base);
      font-family: "Pretendard Variable", Pretendard, sans-serif;
      font-size: clamp(32px, 4vw, 52px);
      font-weight: 900;
      letter-spacing: -.05em;
      line-height: 1;
      margin: 0;
      text-wrap: balance;
    }
    .home-cta-card p {
      color: var(--t-muted);
      font-size: 17px;
      line-height: 1.72;
      margin: 18px auto 0;
      max-width: 760px;
      text-wrap: pretty;
    }
    .home-cta-card__actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: center;
      margin-top: 28px;
    }
    .home-cta-card .btn--light {
      background: var(--primary);
      border: 0;
      color: #fff;
      justify-content: center;
      min-width: 190px;
      padding: 12px 18px;
    }
    .home-cta-card .btn--light:hover {
      filter: brightness(1.06);
    }
    .home-cta-card .btn--ghost-light {
      background: var(--bg-hover);
      border: 0;
      color: var(--t-base);
      justify-content: center;
      min-width: 190px;
      padding: 12px 18px;
    }
    .home-cta-card .btn--ghost-light:hover {
      background: var(--bg-muted);
    }
    .home-footer {
      border-top: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
      margin-top: 44px;
      padding: 24px 0 40px;
    }
    .home-footer__grid {
      display: grid;
      gap: 24px;
      grid-template-columns: 1.2fr .9fr .9fr;
    }
    .home-footer__brand p {
      color: var(--t-muted);
      line-height: 1.68;
      margin: 14px 0 0;
      max-width: 360px;
    }
    .home-footer__block h3 {
      color: var(--t-base);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .14em;
      margin: 0;
      text-transform: uppercase;
    }
    .home-footer__block ul {
      display: grid;
      gap: 10px;
      margin: 16px 0 0;
      padding: 0;
    }
    .home-footer__block a {
      color: var(--t-muted);
      text-decoration: none;
      transition: color .16s ease;
    }
    .home-footer__block a:hover {
      color: var(--primary);
    }
    .home-footer__bottom {
      align-items: center;
      border-top: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
      color: var(--t-muted);
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: space-between;
      margin-top: 28px;
      padding-top: 18px;
    }
    .home-footer__bottom code {
      color: var(--t-light);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 11px;
    }
    @media (min-width: 980px) {
      .home-header__nav {
        display: inline-flex;
      }
    }
    @media (max-width: 980px) {
      .home-header__inner {
        align-items: center;
        flex-direction: row;
        padding: 0;
      }
      .home-header__nav { display: none; }
      .home-features,
      .home-footer__grid {
        grid-template-columns: 1fr 1fr;
      }
      .home-footer__brand {
        grid-column: 1 / -1;
      }
    }
    @media (max-width: 720px) {
      .home-container {
        padding: 0 14px;
      }
      .home-hero {
        padding: 42px 0 40px;
      }
      .home-title {
        font-size: 44px;
      }
      .home-subtitle {
        font-size: 17px;
      }
      .home-cta .btn,
      .home-cta-card__actions .btn {
        width: 100%;
      }
      .home-stats__grid,
      .home-features,
      .home-footer__grid {
        grid-template-columns: 1fr;
      }
      .home-shot {
        margin-top: 36px;
      }
      .home-cta-card {
        border-radius: 14px;
        padding: 32px 22px;
      }
      .home-header__actions {
        transform: scale(.94);
        transform-origin: left center;
      }
    }
    @media (max-width: 1099px) {
      .home-pc-ad-slot {
        display: none;
      }
      .home-ad {
        min-height: 50px;
      }
      .home-ad-unit--desktop { display: none; }
      .home-ad-unit--mobile { display: flex; }
      .home-inline-ad {
        display: flex;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        width: 320px;
      }
    }