/* =====================================================================
 * Mobile-only stylesheet for /입점.
 * The desktop SSR markup from Figma is wrapped in .figma-desktop and hidden
 * on ≤768px. The new mobile markup is wrapped in .mobile-site and only
 * displayed on ≤768px. All styles below are scoped under .mobile-site so
 * they cannot leak into the desktop layout.
 * ===================================================================== */

.mobile-site { display: none; }
@media (max-width: 768px) {
  /* Hide the entire Figma desktop render on mobile */
  body > #container { display: none !important; }
  .mobile-site { display: block; }
}

@media (max-width: 768px) {
  /* Reset for mobile site */
  html { background: #fff; }
  body { background: #fff; margin: 0; }
  .mobile-site,
  .mobile-site * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
  }
  .mobile-site {
    font-family: "Pretendard:Regular", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
    color: #0a0a0a;
    background: #fff;
    width: 100%;
    overflow-x: hidden;
  }
  .mobile-site img { display: block; max-width: 100%; height: auto; }

  /* ----- Top Nav ----- */
  .ms-nav {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 10;
    border-bottom: 1px solid #f0f0f0;
  }
  .ms-nav__logo { width: 131px; height: auto; aspect-ratio: 131.318 / 21.8936; }
  .ms-nav__right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
  .ms-nav__cta {
    display: inline-flex;
    background: #0a0a0a; color: #fff;
    border-radius: 100px;
    padding: 6px 12px;
    font-family: "Pretendard:Medium", "Pretendard", sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: 1.4;
  }
  .ms-nav__phone {
    font-family: "Pretendard:Regular", "Pretendard", sans-serif;
    font-size: 11px;
    color: #ff8a3d;
    text-decoration: none;
  }

  /* ----- Hero ----- */
  .ms-hero {
    background: #fff;
    padding: 20px 24px 30px;
    display: flex; flex-direction: column; gap: 20px;
  }
  .ms-eyebrow {
    display: inline-flex;
    background: #0a0a0a; color: #fff;
    border-radius: 100px;
    padding: 6px 12px;
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 10px;
    align-self: flex-start;
  }
  .ms-hero__title {
    font-family: "Pretendard:Black", "Pretendard:ExtraBold", "Pretendard", sans-serif;
    font-weight: 900;
    font-size: 36px;
    line-height: 1.3;
    color: #0a0a0a;
  }
  .ms-hero__title .accent { color: #ff8a3d; }
  .ms-hero__desc {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 13px;
    line-height: 1.75;
    color: #000;
  }
  .ms-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0a0a0a; color: #fff;
    border-radius: 100px;
    padding: 14px 24px;
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 14px;
    text-decoration: none;
    border: none;
    cursor: pointer;
  }
  .ms-hero__btn-wrap { padding-top: 8px; }

  /* ----- Section common ----- */
  .ms-section {
    padding: 20px 24px;
    display: flex; flex-direction: column; gap: 20px;
  }
  .ms-section--padded { padding: 60px 24px; }
  .ms-overline {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 11px;
    color: #ff8a3d;
    letter-spacing: 1.5px;
  }
  .ms-h2 {
    font-family: "Pretendard:Black", "Pretendard:ExtraBold", "Pretendard", sans-serif;
    font-weight: 900;
    font-size: 28px;
    line-height: 1.35;
    color: #0a0a0a;
  }
  .ms-h2 .accent { color: #ff8a3d; }
  .ms-p {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 11px;
    line-height: 1.75;
    color: #666;
  }
  .ms-p--dark { color: #000; }

  /* ----- Brand section ----- */
  .ms-brand-card {
    background: linear-gradient(90deg, #fff2e8 0%, #fff 30%, #fff 68%, #ffe1c3 100%);
    border-radius: 16px;
    padding: 40px 24px;
    display: flex; flex-direction: column; gap: 16px;
    align-items: center;
  }
  .ms-brand-card__round { width: 137px; height: auto; aspect-ratio: 1 / 1; }
  .ms-brand-card__script { width: 232px; height: auto; aspect-ratio: 231.664 / 33.3024; }
  .ms-brand-card__since {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    color: #0a0a0a;
  }
  .ms-feat-list { display: flex; flex-direction: column; gap: 20px; padding-top: 8px; }
  .ms-feat { display: flex; gap: 14px; align-items: flex-start; }
  .ms-feat__icon {
    flex-shrink: 0;
    width: 28px; height: 28px;
    background: #ff8a3d; color: #fff;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-family: "Noto Sans KR", "Pretendard", sans-serif;
    font-size: 14px;
    font-weight: bold;
  }
  .ms-feat__title {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 15px;
    color: #0a0a0a;
    margin-bottom: 4px;
  }
  .ms-feat__desc {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 12px;
    line-height: 1.65;
    color: #666;
  }
  .ms-feat__desc .underline { text-decoration: underline; }

  /* ----- Hook (orange) ----- */
  .ms-hook--orange {
    background: #ff8a3d;
    padding: 70px 24px;
    text-align: center;
    display: flex; flex-direction: column; gap: 16px;
    align-items: center;
  }
  .ms-hook--orange .ms-overline { color: #0a0a0a; letter-spacing: 2px; }
  .ms-hook--orange .ms-h2 {
    color: #0a0a0a;
    font-size: 30px;
  }
  .ms-hook--orange .ms-h2 .white { color: #fff; }
  .ms-hook--orange p {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 13px;
    line-height: 1.75;
    color: #0a0a0a;
  }
  .ms-hook--orange p .white { color: #fff; }

  /* ----- Why cards ----- */
  .ms-card {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 20px;
    display: flex; flex-direction: column; gap: 10px;
  }
  .ms-card__icon {
    font-size: 24px;
    font-family: "Noto Sans KR", sans-serif;
    color: #000;
  }
  .ms-card__title {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 16px;
    color: #0a0a0a;
  }
  .ms-card__desc {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 12px;
    line-height: 1.7;
    color: #666;
  }
  .ms-card-list { display: flex; flex-direction: column; gap: 12px; }

  /* ----- Why target grid (2x2 cards) ----- */
  .ms-target {
    padding-top: 32px;
    display: flex; flex-direction: column; gap: 16px; align-items: center;
  }
  .ms-target .ms-overline { text-align: center; letter-spacing: 1px; }
  .ms-target .ms-h2 { font-size: 22px; text-align: center; }
  .ms-target p { text-align: center; font-size: 12px; line-height: 1.75; color: #666; }
  .ms-target-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
    width: 100%;
  }
  .ms-target-card {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 16px 14px;
    height: 150px;
    display: flex; flex-direction: column; gap: 6px;
  }
  .ms-target-card__icon { font-size: 22px; }
  .ms-target-card__title {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 13px;
    color: #0a0a0a;
  }
  .ms-target-card__desc {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 11px;
    line-height: 1.65;
    color: #666;
  }
  .ms-target__footnote {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 12px;
    line-height: 1.75;
    color: #000;
    text-align: center;
  }
  .ms-target__footnote .accent {
    color: #ff8a3d;
    font-family: "Pretendard:SemiBold", sans-serif;
  }

  /* ----- Comparison ----- */
  .ms-compare-section { background: #fafafa; padding: 60px 24px; display: flex; flex-direction: column; gap: 20px; }
  .ms-compare-section .ms-h2 { font-size: 26px; }
  .ms-compare-section > p { font-family: "Pretendard:Regular", sans-serif; font-size: 13px; line-height: 1.75; color: #666; }
  .ms-compare-card {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    padding: 24px 20px;
    display: flex; flex-direction: column; gap: 16px;
  }
  .ms-tag {
    display: inline-flex;
    padding: 4px 10px;
    border-radius: 6px;
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 11px;
    align-self: flex-start;
  }
  .ms-tag--red { background: #fcebeb; color: #f05252; }
  .ms-tag--green { background: #ebf7f0; color: #33b273; }
  .ms-compare-card h3 {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #0a0a0a;
  }
  .ms-compare-card hr { border: none; border-top: 1px solid #ebebeb; margin: 0; }
  .ms-compare-list { display: flex; flex-direction: column; gap: 10px; }
  .ms-compare-item {
    display: flex; gap: 10px; align-items: flex-start;
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 13px;
    line-height: 1.65;
    color: #333;
  }
  .ms-compare-item .x { color: #f05252; font-family: "Pretendard:Black", sans-serif; flex-shrink: 0; }
  .ms-compare-item .check { color: #33b273; font-family: "Pretendard:Black", sans-serif; flex-shrink: 0; }

  /* ----- Profit Structure (dark) ----- */
  .ms-profit {
    background: #0a0a0a;
    padding: 60px 24px;
    display: flex; flex-direction: column; gap: 20px;
  }
  .ms-profit .ms-h2 { color: #fff; font-size: 26px; }
  .ms-profit > p {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 12px; line-height: 1.75; color: #eee;
  }
  .ms-profit-rows { display: flex; flex-direction: column; gap: 8px; }
  .ms-profit-row {
    background: #141414;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 14px;
    height: 56px;
    display: flex; align-items: center; justify-content: space-between;
  }
  .ms-profit-row__left { display: flex; gap: 10px; align-items: center; }
  .ms-profit-row__num { font-family: "Pretendard:Medium", sans-serif; font-size: 11px; color: #808080; }
  .ms-profit-row__label { font-family: "Pretendard:Regular", sans-serif; font-size: 12px; color: #fff; }
  .ms-profit-row__amount { font-family: "Pretendard:Bold", sans-serif; font-size: 13px; color: #fff; }
  .ms-profit-row--net { background: #1f1f1f; }
  .ms-profit-row--net .ms-profit-row__label { font-family: "Pretendard:Bold", sans-serif; }
  .ms-profit-row--net .ms-profit-row__amount { color: #ff8a3d; }
  .ms-profit-row--highlight {
    background: #ff8a3d;
    border-color: #ff8a3d;
  }
  .ms-profit-row--highlight .ms-profit-row__num,
  .ms-profit-row--highlight .ms-profit-row__label,
  .ms-profit-row--highlight .ms-profit-row__amount { color: #fff; }
  .ms-profit-row--highlight .ms-profit-row__label { font-family: "Pretendard:Bold", sans-serif; }
  .ms-profit-note {
    background: #141414;
    border-radius: 8px;
    padding: 14px 16px;
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 11px;
    line-height: 1.75;
    color: #999;
    white-space: pre-wrap;
  }

  /* ----- Process steps ----- */
  .ms-process-list { padding-top: 12px; display: flex; flex-direction: column; gap: 10px; }
  .ms-process-step {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 18px;
    display: flex; gap: 14px; align-items: flex-start;
  }
  .ms-process-step__num {
    flex-shrink: 0;
    width: 32px; height: 32px; border-radius: 16px;
    background: #0a0a0a; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 13px;
  }
  .ms-process-step--active .ms-process-step__num { background: #ff8a3d; }
  .ms-process-step__title {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 15px;
    color: #0a0a0a;
    margin-bottom: 6px;
  }
  .ms-process-step__desc {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 12px;
    line-height: 1.7;
    color: #666;
  }

  /* ----- Hook 2 + Contact (dark) ----- */
  .ms-hook2 {
    background: #0a0a0a;
    padding: 70px 24px 0;
    display: flex; flex-direction: column; align-items: center; gap: 20px;
  }
  .ms-hook2 .ms-h2 {
    color: #fff; text-align: center; font-size: 28px; line-height: 1.4;
  }
  .ms-hook2 .ms-h2 .accent { color: #ff8a3d; }
  .ms-hook2 > p {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 13px; line-height: 1.75; color: #eee; text-align: center;
  }
  .ms-contact {
    background: #fafafa;
    padding: 60px 24px;
    display: flex; flex-direction: column; gap: 20px;
    width: 100%;
    margin-top: 20px;
  }
  .ms-contact h2 {
    font-family: "Pretendard:Black", sans-serif;
    font-weight: 900;
    font-size: 28px;
    line-height: 1.35;
    color: #0a0a0a;
  }
  .ms-form {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    padding: 24px 20px;
    display: flex; flex-direction: column; gap: 16px;
  }
  .ms-field { display: flex; flex-direction: column; gap: 8px; }
  .ms-field label {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 12px;
    color: #0a0a0a;
  }
  .ms-field input,
  .ms-field textarea {
    background: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 13px 14px;
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 12px;
    color: #0a0a0a;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
  }
  .ms-field input::placeholder,
  .ms-field textarea::placeholder { color: #999; font-size: 11px; }
  .ms-field input:focus,
  .ms-field textarea:focus { border-color: #ff8a3d; }
  .ms-field textarea { resize: vertical; min-height: 80px; }
  .ms-form__submit {
    background: #0a0a0a;
    color: #fff;
    border: none;
    border-radius: 100px;
    height: 52px;
    width: 100%;
    padding: 0 24px;
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
    appearance: none;
  }
  .ms-form__submit:hover { background: #1a1a1a; }
  .ms-form__submit:active { transform: scale(0.98); }

  /* ----- Footer ----- */
  .ms-footer {
    background: #0a0a0a;
    padding: 40px 24px;
    display: flex; flex-direction: column; align-items: center; gap: 16px;
    color: #999;
  }
  .ms-footer__logo { width: 249px; height: auto; aspect-ratio: 249.046 / 17.9833; }
  .ms-footer__script { width: 109px; height: auto; aspect-ratio: 109.077 / 16.4892; }
  .ms-footer__info {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 9px;
    line-height: 1.75;
    color: #999;
    text-align: center;
  }

  /* =====================================================================
   * HOME PAGE — minimal landing
   * ===================================================================== */
  .ms-home {
    min-height: 100dvh;
    background: #f6f6f6;
    display: flex; flex-direction: column;
  }
  .ms-home__hero {
    flex: 1;
    display: flex; flex-direction: column;
    justify-content: center; align-items: center;
    padding: 60px 24px;
    gap: 24px;
    text-align: center;
  }
  .ms-home__eyebrow {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 12px;
    color: #ff8a3d;
    letter-spacing: 1.5px;
  }
  .ms-home__brand {
    width: 280px;
    max-width: 88vw;
    height: auto;
  }
  .ms-home__tagline {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 13px;
    line-height: 1.7;
    color: #555;
    margin-top: 4px;
  }
  .ms-home__actions {
    width: 100%;
    max-width: 360px;
    display: flex; flex-direction: column; gap: 12px;
    margin-top: 16px;
  }
  .ms-home__btn {
    display: flex; align-items: center; justify-content: center;
    width: 100%;
    padding: 18px 24px;
    border-radius: 100px;
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 15px;
    text-decoration: none;
  }
  .ms-home__btn--primary {
    background: #0a0a0a;
    color: #fff;
  }
  .ms-home__btn--secondary {
    background: #fff;
    color: #0a0a0a;
    border: 1px solid #e5e5e5;
  }

  /* =====================================================================
   * 파트너 PAGE — extra style additions
   * ===================================================================== */
  /* Case study card */
  .ms-case {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    overflow: hidden;
    display: flex; flex-direction: column;
  }
  .ms-case__media {
    background: linear-gradient(135deg, #fff2e8 0%, #ffd9b3 100%);
    height: 180px;
    display: flex; align-items: center; justify-content: center;
    font-size: 56px;
  }
  .ms-case__body { padding: 20px; display: flex; flex-direction: column; gap: 10px; }
  .ms-case__tag {
    align-self: flex-start;
    background: #fff2e8;
    color: #ff8a3d;
    border-radius: 6px;
    padding: 4px 10px;
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 10px;
  }
  .ms-case__title {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 16px;
    color: #0a0a0a;
  }
  .ms-case__desc {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 12px;
    line-height: 1.65;
    color: #666;
  }
  .ms-case__meta {
    display: flex; gap: 16px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
    margin-top: 4px;
  }
  .ms-case__meta-item { flex: 1; }
  .ms-case__meta-label {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 10px;
    color: #999;
  }
  .ms-case__meta-val {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 14px;
    color: #ff8a3d;
    margin-top: 2px;
  }

  /* Investment / partnership model table */
  .ms-invest-table {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    padding: 24px 20px;
    display: flex; flex-direction: column; gap: 16px;
  }
  .ms-invest-row {
    display: flex; justify-content: space-between; align-items: baseline;
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
  }
  .ms-invest-row:last-of-type { border-bottom: none; }
  .ms-invest-row__label {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 13px;
    color: #555;
  }
  .ms-invest-row__val {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 16px;
    color: #0a0a0a;
  }
  .ms-invest-row--final {
    background: #fff2e8;
    border-radius: 12px;
    padding: 14px 16px;
    margin-top: 4px;
    border-bottom: none;
  }
  .ms-invest-row--final .ms-invest-row__label { color: #0a0a0a; font-family: "Pretendard:Bold", sans-serif; }
  .ms-invest-row--final .ms-invest-row__val { color: #ff8a3d; font-size: 20px; }

  /* Income projection bars */
  .ms-income {
    background: #0a0a0a;
    padding: 60px 24px;
    display: flex; flex-direction: column; gap: 20px;
  }
  .ms-income .ms-overline { color: #ff8a3d; }
  .ms-income .ms-h2 { color: #fff; }
  .ms-income > p { font-family: "Pretendard:Regular", sans-serif; font-size: 12px; line-height: 1.75; color: #ccc; }
  .ms-income-chart {
    background: #141414;
    border-radius: 16px;
    padding: 24px 20px;
    display: flex; flex-direction: column; gap: 12px;
  }
  .ms-income-bar {
    display: grid;
    grid-template-columns: 60px 1fr 90px;
    align-items: center;
    gap: 12px;
  }
  .ms-income-bar__year {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 11px;
    color: #999;
  }
  .ms-income-bar__track {
    background: #2a2a2a;
    border-radius: 100px;
    height: 14px;
    overflow: hidden;
  }
  .ms-income-bar__fill {
    background: linear-gradient(90deg, #ff8a3d 0%, #ffb574 100%);
    height: 100%;
    border-radius: 100px;
  }
  .ms-income-bar__amount {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: right;
  }
  .ms-income-bar:last-child .ms-income-bar__amount { color: #ff8a3d; }

  /* =====================================================================
   * 투자/파트너 PAGE — dedicated mobile design
   * ===================================================================== */
  .pt-page { background: #0a0a0a; color: #fff; }

  /* Dark nav variant */
  .pt-nav {
    background: #0a0a0a;
    border-bottom: 1px solid #1f1f1f;
  }
  .pt-nav .ms-nav__cta { background: #ff8a3d; color: #0a0a0a; font-family: "Pretendard:Bold", sans-serif; }
  .pt-nav .ms-nav__phone { color: #fff; }
  /* In the dark nav, replace SVG logo color to white via filter */
  .pt-nav .ms-nav__logo { filter: invert(1) brightness(2); }

  /* Hero (dark with watermark logo on left) */
  .pt-hero {
    position: relative;
    background: #0a0a0a;
    color: #fff;
    padding: 40px 24px 50px;
    overflow: hidden;
  }
  .pt-hero__watermark {
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
    width: 380px;
    height: 380px;
    opacity: 0.06;
    filter: invert(1) brightness(2);
    pointer-events: none;
  }
  .pt-hero__content {
    position: relative;
    z-index: 1;
    display: flex; flex-direction: column; gap: 20px;
  }
  .pt-eyebrow {
    align-self: flex-start;
    background: transparent;
    border: 1px solid #ff8a3d;
    color: #ff8a3d;
    border-radius: 100px;
    padding: 6px 14px;
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 11px;
  }
  .pt-hero__title {
    font-family: "Pretendard:Black", "Pretendard:ExtraBold", "Pretendard", sans-serif;
    font-weight: 900;
    font-size: 38px;
    line-height: 1.2;
    color: #fff;
  }
  .pt-hero__title .strike {
    display: inline-block;
    position: relative;
    color: #fff;
    margin-left: 6px;
  }
  .pt-hero__title .strike::after {
    content: "";
    position: absolute;
    left: -4px; right: -4px;
    top: 50%;
    height: 4px;
    background: #f05252;
    transform: translateY(-50%);
  }
  .pt-hero__title .last { color: #ff8a3d; }
  .pt-hero__desc {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 13px;
    line-height: 1.75;
    color: #d9d9d9;
  }
  .pt-hero__desc strong {
    color: #fff;
    font-family: "Pretendard:Bold", sans-serif;
  }
  .pt-hero__cta {
    align-self: flex-start;
    background: #ff8a3d;
    color: #0a0a0a;
    border-radius: 100px;
    padding: 14px 24px;
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 14px;
    text-decoration: none;
    margin-top: 8px;
  }

  /* CORE MESSAGE (orange) */
  .pt-core {
    background: #ff8a3d;
    padding: 60px 24px;
    text-align: center;
    color: #0a0a0a;
    display: flex; flex-direction: column; gap: 16px;
    align-items: center;
  }
  .pt-core__over {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 11px;
    color: #0a0a0a;
    letter-spacing: 3px;
  }
  .pt-core__h2 {
    font-family: "Pretendard:Black", sans-serif;
    font-weight: 900;
    font-size: 32px;
    line-height: 1.3;
    color: #0a0a0a;
  }
  .pt-core__desc {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 13px;
    line-height: 1.75;
    color: #0a0a0a;
  }

  /* PROFIT STRUCTURE — reuses .ms-profit from earlier, dark theme */
  .pt-profit { background: #0a0a0a; padding: 60px 24px; display: flex; flex-direction: column; gap: 20px; }
  .pt-profit .ms-overline { color: #ff8a3d; }
  .pt-profit h2 {
    font-family: "Pretendard:Black", sans-serif; font-weight: 900;
    font-size: 26px; line-height: 1.35; color: #fff;
  }
  .pt-profit h2 .accent { color: #ff8a3d; }
  .pt-profit > p { font-family: "Pretendard:Regular", sans-serif; font-size: 12px; line-height: 1.75; color: #ccc; }

  /* INVESTMENT — light section with arrow flow */
  .pt-invest {
    background: #fff;
    padding: 60px 24px;
    display: flex; flex-direction: column; gap: 20px;
  }
  .pt-invest .ms-overline { color: #ff8a3d; }
  .pt-invest h2 {
    font-family: "Pretendard:Black", sans-serif; font-weight: 900;
    font-size: 28px; line-height: 1.35; color: #0a0a0a;
  }
  .pt-invest h2 .accent { color: #ff8a3d; }
  .pt-invest > p {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 13px; line-height: 1.75; color: #555;
  }
  .pt-flow {
    display: flex; flex-direction: column; align-items: center; gap: 12px;
    padding: 8px 0;
  }
  .pt-flow__card {
    width: 100%;
    background: #f7f7f7;
    border-radius: 16px;
    padding: 20px 24px;
    display: flex; flex-direction: column; gap: 6px;
  }
  .pt-flow__card--final {
    background: #ff8a3d;
    color: #fff;
  }
  .pt-flow__card-label {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 12px;
    color: #777;
  }
  .pt-flow__card--final .pt-flow__card-label { color: #fff; opacity: 0.9; }
  .pt-flow__card-val {
    font-family: "Pretendard:Black", sans-serif; font-weight: 900;
    font-size: 28px;
    color: #0a0a0a;
    line-height: 1.1;
  }
  .pt-flow__card--final .pt-flow__card-val { color: #fff; }
  .pt-flow__card-val .neg { color: #ff8a3d; }
  .pt-flow__card-foot {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 11px;
    color: #999;
    margin-top: 2px;
  }
  .pt-flow__card--final .pt-flow__card-foot { color: #fff; opacity: 0.85; }
  .pt-flow__arrow {
    color: #bbb;
    font-size: 18px;
    line-height: 1;
  }

  /* RETURN TIMELINE (dark with line chart) */
  .pt-return {
    background: #0a0a0a;
    padding: 60px 24px;
    display: flex; flex-direction: column; gap: 20px;
  }
  .pt-return .ms-overline { color: #ff8a3d; }
  .pt-return h2 {
    font-family: "Pretendard:Black", sans-serif; font-weight: 900;
    font-size: 26px; line-height: 1.35; color: #fff;
  }
  .pt-return h2 .accent { color: #ff8a3d; }
  .pt-return > p { font-family: "Pretendard:Regular", sans-serif; font-size: 12px; line-height: 1.75; color: #ccc; }
  .pt-chart {
    background: #141414;
    border-radius: 16px;
    padding: 24px 20px;
    display: flex; flex-direction: column; gap: 12px;
  }
  .pt-chart__title {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 11px;
    color: #ff8a3d;
    letter-spacing: 2px;
  }
  .pt-chart__sub {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 12px;
    color: #888;
  }
  .pt-chart__svg { width: 100%; height: auto; display: block; }
  .pt-chart__legend {
    display: flex; gap: 16px; align-items: center;
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 11px;
    color: #aaa;
  }
  .pt-chart__legend .dot {
    display: inline-block;
    width: 8px; height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
  }
  .pt-chart__legend .dot--orange { background: #ff8a3d; }
  .pt-chart__legend .dot--white { background: #fff; }

  /* CTA hook (orange) */
  .pt-cta-hook {
    background: #ff8a3d;
    padding: 70px 24px;
    text-align: center;
    color: #0a0a0a;
    display: flex; flex-direction: column; gap: 16px;
    align-items: center;
  }
  .pt-cta-hook h2 {
    font-family: "Pretendard:Black", sans-serif; font-weight: 900;
    font-size: 28px; line-height: 1.35; color: #0a0a0a;
  }
  .pt-cta-hook h2 .white { color: #fff; }
  .pt-cta-hook p {
    font-family: "Pretendard:Medium", sans-serif;
    font-size: 13px; line-height: 1.75; color: #0a0a0a;
  }

  /* Contact form (light) */
  .pt-contact {
    background: #f7f7f7;
    padding: 60px 24px;
    display: flex; flex-direction: column; gap: 20px;
  }
  .pt-contact h2 {
    font-family: "Pretendard:Black", sans-serif; font-weight: 900;
    font-size: 28px; line-height: 1.35; color: #0a0a0a;
  }

  /* FAQ accordion (simple expanded view) */
  .ms-faq-list { display: flex; flex-direction: column; gap: 12px; }
  .ms-faq-item {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    padding: 20px;
    display: flex; flex-direction: column; gap: 10px;
  }
  .ms-faq-q {
    font-family: "Pretendard:Bold", sans-serif;
    font-size: 14px;
    color: #0a0a0a;
  }
  .ms-faq-q::before {
    content: "Q. ";
    color: #ff8a3d;
  }
  .ms-faq-a {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 12px;
    line-height: 1.7;
    color: #555;
  }
  .ms-faq-note {
    font-family: "Pretendard:Regular", sans-serif;
    font-size: 11px;
    line-height: 1.7;
    color: #999;
    text-align: center;
    padding-top: 4px;
  }
}