#mkt-home-2026 {
    --mkt-orange: #d8610c;
    --mkt-orange-dark: #a84305;
    --mkt-orange-soft: #fff0e6;
    --mkt-ink: #2d2422;
    --mkt-slate: #3d4c5f;
    --mkt-muted: #706760;
    --mkt-paper: #fffaf5;
    --mkt-cream: #f7efe7;
    --mkt-card: #ffffff;
    --mkt-line: #e8dfd8;
    --mkt-dark: #25211f;
    --mkt-shell: 1280px;
    --mkt-gutter: clamp(20px, 4vw, 54px);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-inline: 0;
    isolation: isolate;
    background: var(--mkt-paper);
    color: var(--mkt-ink);
    font-family: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  #mkt-home-2026,
  #mkt-home-2026 * { box-sizing: border-box; }

  #mkt-home-2026 a { color: inherit; text-decoration: none; }
  #mkt-home-2026 button,
  #mkt-home-2026 input { font: inherit; }
  #mkt-home-2026 img { display: block; max-width: 100%; }
  #mkt-home-2026 h1,
  #mkt-home-2026 h2,
  #mkt-home-2026 h3,
  #mkt-home-2026 p { margin-top: 0; }
  #mkt-home-2026 h1,
  #mkt-home-2026 h2,
  #mkt-home-2026 h3 { color: inherit; font-family: inherit; }
  #mkt-home-2026 a:focus-visible,
  #mkt-home-2026 button:focus-visible,
  #mkt-home-2026 input:focus-visible {
    outline: 3px solid rgba(216, 97, 12, .32);
    outline-offset: 4px;
  }

  #mkt-home-2026 .mkt-shell {
    width: min(100%, var(--mkt-shell));
    margin-inline: auto;
    padding-inline: var(--mkt-gutter);
  }

  #mkt-home-2026 .mkt-progress {
    position: fixed;
    inset: 0 0 auto;
    z-index: 9998;
    height: 3px;
    pointer-events: none;
  }
  #mkt-home-2026 .mkt-progress span {
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--mkt-orange), #f3a25f);
    box-shadow: 0 0 16px rgba(216, 97, 12, .35);
  }

  #mkt-home-2026 .mkt-hero {
    position: relative;
    padding: clamp(62px, 8vw, 112px) 0 52px;
    background:
      radial-gradient(circle at 85% 15%, rgba(216, 97, 12, .14), transparent 29%),
      radial-gradient(circle at 12% 24%, rgba(61, 76, 95, .09), transparent 24%),
      linear-gradient(180deg, #fffaf5 0%, #f8f0e8 100%);
  }
  #mkt-home-2026 .mkt-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .38;
    pointer-events: none;
    background-image: radial-gradient(rgba(45, 36, 34, .17) .7px, transparent .7px);
    background-size: 22px 22px;
    -webkit-mask-image: linear-gradient(to bottom, #000, transparent 76%);
    mask-image: linear-gradient(to bottom, #000, transparent 76%);
  }
  #mkt-home-2026 .mkt-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(350px, .88fr);
    gap: clamp(48px, 7vw, 96px);
    align-items: center;
  }
  #mkt-home-2026 .mkt-eyebrow,
  #mkt-home-2026 .mkt-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--mkt-orange-dark);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 1.45;
    text-transform: uppercase;
  }
  #mkt-home-2026 .mkt-eyebrow span {
    width: 30px;
    height: 2px;
    background: var(--mkt-orange);
  }
  #mkt-home-2026 .mkt-hero h1 {
    max-width: 820px;
    margin-bottom: 24px;
    font-size: clamp(44px, 5.5vw, 76px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.055;
    text-wrap: balance;
  }
  #mkt-home-2026 .mkt-lead {
    max-width: 750px;
    margin-bottom: 0;
    color: var(--mkt-muted);
    font-size: clamp(17px, 1.35vw, 20px);
    line-height: 1.78;
  }
  #mkt-home-2026 .mkt-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 30px;
  }
  #mkt-home-2026 .mkt-btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 22px;
    border: 1px solid transparent;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
  }
  #mkt-home-2026 .mkt-btn:hover { transform: translateY(-3px); }
  #mkt-home-2026 .mkt-btn-primary {
    background: var(--mkt-orange);
    color: #fff;
    box-shadow: 0 14px 30px rgba(168, 67, 5, .2);
  }
  #mkt-home-2026 .mkt-btn-primary:hover {
    background: var(--mkt-orange-dark);
    color: #fff;
    box-shadow: 0 18px 36px rgba(168, 67, 5, .25);
  }
  #mkt-home-2026 .mkt-btn-ghost {
    border-color: var(--mkt-line);
    background: rgba(255, 255, 255, .72);
    color: var(--mkt-ink);
  }
  #mkt-home-2026 .mkt-btn-ghost:hover { background: #fff; }
  #mkt-home-2026 .mkt-availability {
    display: inline-grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    margin-top: 27px;
    color: var(--mkt-slate);
    font-size: 14px;
    font-weight: 700;
  }
  #mkt-home-2026 .mkt-availability i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #3f9b62;
    box-shadow: 0 0 0 6px rgba(63, 155, 98, .12);
    animation: mkt-pulse 2.2s ease-in-out infinite;
  }
  #mkt-home-2026 .mkt-availability b { color: var(--mkt-orange); transition: transform .2s ease; }
  #mkt-home-2026 .mkt-availability:hover b { transform: translateX(4px); }

  #mkt-home-2026 .mkt-hero-art {
    position: relative;
    min-height: 570px;
    display: grid;
    place-items: center;
    perspective: 1100px;
    transform-style: preserve-3d;
  }
  #mkt-home-2026 .mkt-photo-frame {
    position: relative;
    z-index: 2;
    width: min(88%, 430px);
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border: 10px solid rgba(255, 255, 255, .82);
    border-radius: 44% 44% 28px 28px;
    background: #e7d7ca;
    box-shadow: 0 34px 80px rgba(45, 36, 34, .19), 0 10px 22px rgba(45, 36, 34, .1);
    transform: translateZ(34px) rotateY(-2deg);
  }
  #mkt-home-2026 .mkt-photo-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 58%, rgba(45, 36, 34, .15));
    pointer-events: none;
  }
  #mkt-home-2026 .mkt-photo-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }
  #mkt-home-2026 .mkt-orbit {
    position: absolute;
    border: 1px solid rgba(216, 97, 12, .3);
    border-radius: 50%;
    pointer-events: none;
  }
  #mkt-home-2026 .mkt-orbit-one { width: 470px; height: 470px; transform: rotate(24deg); }
  #mkt-home-2026 .mkt-orbit-two { width: 380px; height: 520px; border-color: rgba(61, 76, 95, .22); transform: rotate(-35deg); }
  #mkt-home-2026 .mkt-orbit-one::after,
  #mkt-home-2026 .mkt-orbit-two::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--mkt-orange);
    box-shadow: 0 0 0 7px rgba(216, 97, 12, .13);
  }
  #mkt-home-2026 .mkt-orbit-two::after { inset: 10% -6px auto auto; background: var(--mkt-slate); }
  #mkt-home-2026 .mkt-float-card {
    position: absolute;
    z-index: 4;
    display: grid;
    min-width: 190px;
    gap: 2px;
    padding: 15px 17px;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 16px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 18px 44px rgba(45, 36, 34, .14);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
  #mkt-home-2026 .mkt-float-card span { color: var(--mkt-orange-dark); font-size: 18px; font-weight: 800; }
  #mkt-home-2026 .mkt-float-card small { color: var(--mkt-muted); font-size: 12px; font-weight: 700; }
  #mkt-home-2026 .mkt-float-top { top: 14%; right: -2%; transform: translateZ(72px) rotate(2deg); }
  #mkt-home-2026 .mkt-float-bottom { bottom: 13%; left: -4%; transform: translateZ(84px) rotate(-3deg); }

  #mkt-home-2026 .mkt-home-search-wrap { position: relative; z-index: 3; margin-top: 54px; }
  #mkt-home-2026 .mkt-home-search {
    padding: 18px;
    border: 1px solid rgba(232, 223, 216, .9);
    border-radius: 20px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 18px 50px rgba(45, 36, 34, .08);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  #mkt-home-2026 .mkt-home-search > label {
    display: block;
    margin: 0 0 9px 4px;
    color: var(--mkt-ink);
    font-size: 14px;
    font-weight: 800;
  }
  #mkt-home-2026 .mkt-home-search > div { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
  #mkt-home-2026 .mkt-home-search input {
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding: 12px 18px;
    border: 1px solid var(--mkt-line);
    border-radius: 12px;
    background: #fff;
    color: var(--mkt-ink);
    box-shadow: none;
    font-size: 16px;
  }
  #mkt-home-2026 .mkt-home-search button {
    min-height: 54px;
    padding: 12px 21px;
    border: 0;
    border-radius: 12px;
    background: var(--mkt-dark);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
  }
  #mkt-home-2026 .mkt-home-search button:hover { background: var(--mkt-orange-dark); transform: translateY(-2px); }
  #mkt-home-2026 .mkt-search-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    align-items: center;
    padding: 15px 8px 0;
    color: var(--mkt-muted);
    font-size: 13px;
  }
  #mkt-home-2026 .mkt-search-links span { font-weight: 800; }
  #mkt-home-2026 .mkt-search-links a { border-bottom: 1px solid transparent; font-weight: 700; }
  #mkt-home-2026 .mkt-search-links a:hover { color: var(--mkt-orange-dark); border-color: currentColor; }

  #mkt-home-2026 .mkt-route-section,
  #mkt-home-2026 .mkt-resource-section,
  #mkt-home-2026 .mkt-work-section,
  #mkt-home-2026 .mkt-principle-section,
  #mkt-home-2026 .mkt-about-section,
  #mkt-home-2026 .mkt-topic-section,
  #mkt-home-2026 .mkt-contact-section { padding-block: clamp(78px, 9vw, 124px); }

  #mkt-home-2026 .mkt-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .65fr);
    gap: clamp(34px, 7vw, 100px);
    align-items: end;
    margin-bottom: 42px;
  }
  #mkt-home-2026 .mkt-section-head h2,
  #mkt-home-2026 .mkt-work-head h2,
  #mkt-home-2026 .mkt-about-copy h2,
  #mkt-home-2026 .mkt-contact-copy h2 {
    margin-bottom: 0;
    font-size: clamp(35px, 4vw, 56px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.12;
    text-wrap: balance;
  }
  #mkt-home-2026 .mkt-section-head > p,
  #mkt-home-2026 .mkt-work-head > p,
  #mkt-home-2026 .mkt-about-copy > p,
  #mkt-home-2026 .mkt-contact-copy > p {
    margin-bottom: 0;
    color: var(--mkt-muted);
    font-size: 16px;
    line-height: 1.78;
  }

  #mkt-home-2026 .mkt-route-section { background: #fff; }
  #mkt-home-2026 .mkt-route-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    perspective: 1200px;
  }
  #mkt-home-2026 .mkt-route-card {
    position: relative;
    min-height: 325px;
    display: flex;
    flex-direction: column;
    padding: 26px;
    overflow: hidden;
    border: 1px solid var(--mkt-line);
    border-radius: 18px;
    background: var(--mkt-paper);
    box-shadow: 0 12px 30px rgba(45, 36, 34, .04);
    transform-style: preserve-3d;
    transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
  }
  #mkt-home-2026 .mkt-route-card::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    right: -90px;
    bottom: -90px;
    border-radius: 50%;
    background: rgba(216, 97, 12, .1);
    transition: transform .35s ease;
  }
  #mkt-home-2026 .mkt-route-card:hover { border-color: rgba(216, 97, 12, .4); box-shadow: 0 22px 48px rgba(45, 36, 34, .1); }
  #mkt-home-2026 .mkt-route-card:hover::after { transform: scale(1.5); }
  #mkt-home-2026 .mkt-route-no { color: var(--mkt-orange-dark); font-size: 12px; font-weight: 800; letter-spacing: .1em; }
  #mkt-home-2026 .mkt-route-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin: 26px 0 20px;
    border-radius: 14px;
    background: var(--mkt-orange-soft);
    color: var(--mkt-orange-dark);
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    transform: translateZ(22px);
  }
  #mkt-home-2026 .mkt-route-card h3 { margin-bottom: 10px; font-size: 21px; font-weight: 800; line-height: 1.3; }
  #mkt-home-2026 .mkt-route-card p { margin-bottom: 22px; color: var(--mkt-muted); font-size: 14px; line-height: 1.7; }
  #mkt-home-2026 .mkt-route-card strong { position: relative; z-index: 1; margin-top: auto; color: var(--mkt-slate); font-size: 13px; font-weight: 800; }
  #mkt-home-2026 .mkt-route-card strong b { display: inline-block; margin-left: 4px; color: var(--mkt-orange); transition: transform .2s ease; }
  #mkt-home-2026 .mkt-route-card:hover strong b { transform: translateX(4px); }
  #mkt-home-2026 .mkt-route-card-dark { border-color: var(--mkt-dark); background: var(--mkt-dark); color: #fff; }
  #mkt-home-2026 .mkt-route-card-dark .mkt-route-no,
  #mkt-home-2026 .mkt-route-card-dark p,
  #mkt-home-2026 .mkt-route-card-dark strong { color: rgba(255, 255, 255, .74); }
  #mkt-home-2026 .mkt-route-card-dark .mkt-route-icon { background: var(--mkt-orange); color: #fff; }

  #mkt-home-2026 .mkt-resource-section { background: var(--mkt-cream); }
  #mkt-home-2026 .mkt-resource-tools {
    display: none;
    grid-template-columns: 1fr auto;
    gap: 20px;
    align-items: center;
    margin-bottom: 14px;
  }
  #mkt-home-2026.mkt-has-js .mkt-resource-tools { display: grid; }
  #mkt-home-2026 .mkt-filter-row { display: flex; flex-wrap: wrap; gap: 8px; }
  #mkt-home-2026 .mkt-filter-row button {
    min-height: 42px;
    margin: 0;
    padding: 9px 15px;
    border: 1px solid var(--mkt-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: var(--mkt-slate);
    box-shadow: none;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: none;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
  }
  #mkt-home-2026 .mkt-filter-row button:hover { border-color: var(--mkt-orange); transform: translateY(-2px); }
  #mkt-home-2026 .mkt-filter-row button.is-active { border-color: var(--mkt-dark); background: var(--mkt-dark); color: #fff; }
  #mkt-home-2026 .mkt-resource-search { position: relative; width: 230px; margin: 0; }
  #mkt-home-2026 .mkt-resource-search input {
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 9px 42px 9px 14px;
    border: 1px solid var(--mkt-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
    color: var(--mkt-ink);
    font-size: 14px;
  }
  #mkt-home-2026 .mkt-resource-search i { position: absolute; top: 7px; right: 14px; color: var(--mkt-orange); font-size: 20px; font-style: normal; }
  #mkt-home-2026 .mkt-result-note { display: none; margin-bottom: 20px; color: var(--mkt-muted); font-size: 13px; }
  #mkt-home-2026.mkt-has-js .mkt-result-note { display: block; }
  #mkt-home-2026 .mkt-result-note span { color: var(--mkt-ink); font-weight: 800; }
  #mkt-home-2026 .mkt-resource-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    perspective: 1200px;
  }
  #mkt-home-2026 .mkt-resource-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--mkt-line);
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(45, 36, 34, .05);
    transform-style: preserve-3d;
    transition: box-shadow .25s ease, border-color .25s ease;
  }
  #mkt-home-2026 .mkt-resource-card:hover { border-color: rgba(216, 97, 12, .42); box-shadow: 0 24px 54px rgba(45, 36, 34, .12); }
  #mkt-home-2026 .mkt-resource-card[hidden] { display: none !important; }
  #mkt-home-2026 .mkt-resource-media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e9ddd2;
  }
  #mkt-home-2026 .mkt-resource-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2, .8, .2, 1); }
  #mkt-home-2026 .mkt-resource-card:hover .mkt-resource-media img { transform: scale(1.055); }
  #mkt-home-2026 .mkt-resource-media > span:not(.mkt-art-word) {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 8px;
    background: rgba(37, 33, 31, .78);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  #mkt-home-2026 .mkt-resource-media-art {
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 70% 30%, #f4a365, transparent 30%), linear-gradient(135deg, #2d2422, #5c4336);
    color: #fff;
  }
  #mkt-home-2026 .mkt-art-word { position: relative; z-index: 2; font-size: clamp(48px, 6vw, 82px); font-weight: 800; letter-spacing: -.08em; transform: rotate(-6deg); }
  #mkt-home-2026 .mkt-resource-media-art em { position: absolute; right: 18px; bottom: 15px; color: rgba(255, 255, 255, .72); font-size: 13px; font-style: normal; font-weight: 800; }
  #mkt-home-2026 .mkt-art-line { position: absolute; width: 170%; height: 1px; background: rgba(255, 255, 255, .3); transform: rotate(-20deg); }
  #mkt-home-2026 .mkt-art-line-b { transform: rotate(27deg); }
  #mkt-home-2026 .mkt-resource-body { padding: 20px; }
  #mkt-home-2026 .mkt-resource-meta { display: flex; gap: 9px; justify-content: space-between; align-items: center; margin-bottom: 13px; color: var(--mkt-muted); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
  #mkt-home-2026 .mkt-resource-meta span { color: var(--mkt-orange-dark); }
  #mkt-home-2026 .mkt-resource-card h3 { min-height: 58px; margin-bottom: 10px; font-size: 18px; font-weight: 800; line-height: 1.45; }
  #mkt-home-2026 .mkt-resource-card h3 a:hover { color: var(--mkt-orange-dark); }
  #mkt-home-2026 .mkt-resource-body > p { min-height: 70px; margin-bottom: 18px; color: var(--mkt-muted); font-size: 13px; line-height: 1.7; }
  #mkt-home-2026 .mkt-card-link,
  #mkt-home-2026 .mkt-text-link { color: var(--mkt-slate); font-size: 13px; font-weight: 800; }
  #mkt-home-2026 .mkt-card-link span,
  #mkt-home-2026 .mkt-text-link span,
  #mkt-home-2026 .mkt-card-link b { display: inline-block; margin-left: 4px; color: var(--mkt-orange); transition: transform .2s ease; }
  #mkt-home-2026 .mkt-card-link:hover span,
  #mkt-home-2026 .mkt-text-link:hover span,
  #mkt-home-2026 .mkt-case-card:hover .mkt-card-link b { transform: translateX(5px); }
  #mkt-home-2026 .mkt-empty { padding: 56px 20px; border: 1px dashed var(--mkt-line); border-radius: 18px; background: rgba(255, 255, 255, .55); text-align: center; }
  #mkt-home-2026 .mkt-empty span { color: var(--mkt-orange); font-size: 36px; }
  #mkt-home-2026 .mkt-empty h3 { margin: 8px 0; font-size: 21px; }
  #mkt-home-2026 .mkt-empty p { margin-bottom: 0; color: var(--mkt-muted); }
  #mkt-home-2026 .mkt-center-action { margin-top: 34px; text-align: center; }
  #mkt-home-2026 .mkt-center-action .mkt-text-link { display: inline-block; padding-bottom: 4px; border-bottom: 1px solid currentColor; font-size: 15px; }

  #mkt-home-2026 .mkt-work-section { background: var(--mkt-dark); color: #fff; }
  #mkt-home-2026 .mkt-work-head { max-width: 890px; margin-bottom: 48px; }
  #mkt-home-2026 .mkt-work-head .mkt-kicker { color: #f5a86d; }
  #mkt-home-2026 .mkt-work-head h2 { margin-bottom: 22px; }
  #mkt-home-2026 .mkt-work-head > p { max-width: 740px; color: rgba(255, 255, 255, .64); }
  #mkt-home-2026 .mkt-case-grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr;
    gap: 15px;
    perspective: 1200px;
  }
  #mkt-home-2026 .mkt-case-card {
    position: relative;
    min-height: 285px;
    display: flex;
    flex-direction: column;
    padding: 25px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 19px;
    background: rgba(255, 255, 255, .055);
    color: #fff;
    transform-style: preserve-3d;
    transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
  }
  #mkt-home-2026 .mkt-case-card:hover { border-color: rgba(245, 168, 109, .55); background: rgba(255, 255, 255, .09); box-shadow: 0 24px 55px rgba(0, 0, 0, .2); }
  #mkt-home-2026 .mkt-case-featured {
    grid-row: span 2;
    min-height: 585px;
    background: linear-gradient(155deg, #fff0e6 0%, #eec5a6 100%);
    color: var(--mkt-ink);
  }
  #mkt-home-2026 .mkt-case-tag { align-self: flex-start; padding: 7px 10px; border: 1px solid currentColor; border-radius: 999px; color: #f3b17f; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
  #mkt-home-2026 .mkt-case-featured .mkt-case-tag { color: var(--mkt-orange-dark); }
  #mkt-home-2026 .mkt-case-visual {
    position: relative;
    height: 245px;
    margin: 36px 0 30px;
    border: 1px solid rgba(45, 36, 34, .12);
    border-radius: 17px;
    background:
      linear-gradient(rgba(45, 36, 34, .07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(45, 36, 34, .07) 1px, transparent 1px),
      rgba(255, 255, 255, .44);
    background-size: 34px 34px;
    transform: translateZ(24px) rotateX(3deg);
    box-shadow: 0 20px 40px rgba(168, 67, 5, .1);
  }
  #mkt-home-2026 .mkt-chart-bar { position: absolute; bottom: 18px; width: 17%; border-radius: 8px 8px 2px 2px; background: var(--mkt-orange); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); }
  #mkt-home-2026 .mkt-chart-a { left: 13%; height: 28%; opacity: .55; }
  #mkt-home-2026 .mkt-chart-b { left: 40%; height: 48%; opacity: .75; }
  #mkt-home-2026 .mkt-chart-c { left: 67%; height: 70%; }
  #mkt-home-2026 .mkt-chart-line { position: absolute; top: 38%; left: 10%; width: 78%; height: 4px; border-radius: 4px; background: var(--mkt-slate); transform: rotate(-15deg); transform-origin: left center; box-shadow: 0 0 0 5px rgba(61, 76, 95, .08); }
  #mkt-home-2026 .mkt-case-copy { margin-top: auto; }
  #mkt-home-2026 .mkt-case-copy > p { margin-bottom: 8px; color: var(--mkt-orange-dark); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
  #mkt-home-2026 .mkt-case-card h3 { margin: 22px 0 12px; font-size: 19px; font-weight: 800; line-height: 1.5; }
  #mkt-home-2026 .mkt-case-featured h3 { margin-top: 0; font-size: clamp(25px, 2.6vw, 37px); line-height: 1.25; }
  #mkt-home-2026 .mkt-case-card p { margin-bottom: 22px; color: rgba(255, 255, 255, .62); font-size: 13px; line-height: 1.7; }
  #mkt-home-2026 .mkt-case-card > .mkt-card-link,
  #mkt-home-2026 .mkt-case-copy > span { margin-top: auto; color: rgba(255, 255, 255, .78); font-size: 13px; font-weight: 800; }
  #mkt-home-2026 .mkt-case-copy > span { color: var(--mkt-slate); }
  #mkt-home-2026 .mkt-case-copy > span b { color: var(--mkt-orange); }
  #mkt-home-2026 .mkt-case-mini-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-top: 28px; border-radius: 14px; background: rgba(216, 97, 12, .18); color: #f5a86d; font-size: 22px; transform: translateZ(20px); }

  #mkt-home-2026 .mkt-principle-section { background: #fff; }
  #mkt-home-2026 .mkt-principle-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--mkt-line); border-bottom: 1px solid var(--mkt-line); }
  #mkt-home-2026 .mkt-principle { position: relative; padding: 30px 25px; border-right: 1px solid var(--mkt-line); }
  #mkt-home-2026 .mkt-principle:last-child { border-right: 0; }
  #mkt-home-2026 .mkt-principle > span { display: block; margin-bottom: 32px; color: var(--mkt-orange); font-size: 12px; font-weight: 800; }
  #mkt-home-2026 .mkt-principle h3 { margin-bottom: 12px; font-size: 19px; font-weight: 800; }
  #mkt-home-2026 .mkt-principle p { margin-bottom: 0; color: var(--mkt-muted); font-size: 13px; line-height: 1.72; }

  #mkt-home-2026 .mkt-about-section { background: linear-gradient(140deg, var(--mkt-cream), #fffaf5); }
  #mkt-home-2026 .mkt-about-grid { display: grid; grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr); gap: clamp(50px, 8vw, 110px); align-items: center; }
  #mkt-home-2026 .mkt-about-photo { position: relative; perspective: 1000px; }
  #mkt-home-2026 .mkt-about-photo::before { content: ""; position: absolute; inset: 8% -8% -6% 9%; border-radius: 28px; background: var(--mkt-orange); transform: rotate(5deg); opacity: .85; }
  #mkt-home-2026 .mkt-about-photo img { position: relative; z-index: 2; width: 100%; max-height: 610px; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; border-radius: 26px; box-shadow: 0 28px 65px rgba(45, 36, 34, .18); transform: translateZ(22px); }
  #mkt-home-2026 .mkt-about-photo > span { position: absolute; z-index: 4; right: -20px; bottom: 24px; padding: 11px 15px; border-radius: 10px; background: var(--mkt-dark); color: #fff; font-size: 13px; font-weight: 800; transform: rotate(-3deg) translateZ(50px); }
  #mkt-home-2026 .mkt-about-copy h2 { margin-bottom: 24px; }
  #mkt-home-2026 .mkt-about-copy > p { margin-bottom: 16px; }
  #mkt-home-2026 .mkt-about-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 30px; }
  #mkt-home-2026 .mkt-about-facts > div { padding: 16px 13px; border: 1px solid var(--mkt-line); border-radius: 13px; background: rgba(255, 255, 255, .64); }
  #mkt-home-2026 .mkt-about-facts span { display: block; margin-bottom: 5px; color: var(--mkt-orange-dark); font-size: 19px; font-weight: 800; }
  #mkt-home-2026 .mkt-about-facts small { display: block; color: var(--mkt-muted); font-size: 10px; font-weight: 700; line-height: 1.5; }
  #mkt-home-2026 .mkt-about-copy .mkt-text-link { padding: 10px 0; font-size: 14px; }

  #mkt-home-2026 .mkt-topic-section { background: #fff; }
  #mkt-home-2026 .mkt-topic-cloud { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--mkt-line); }
  #mkt-home-2026 .mkt-topic-cloud a { display: grid; grid-template-columns: 48px 1fr auto; gap: 16px; align-items: center; min-height: 88px; padding: 17px 20px; border-bottom: 1px solid var(--mkt-line); color: var(--mkt-ink); font-size: 20px; font-weight: 800; transition: color .2s ease, background .2s ease, padding .2s ease; }
  #mkt-home-2026 .mkt-topic-cloud a:nth-child(odd) { border-right: 1px solid var(--mkt-line); }
  #mkt-home-2026 .mkt-topic-cloud a:hover { padding-left: 28px; background: var(--mkt-orange-soft); color: var(--mkt-orange-dark); }
  #mkt-home-2026 .mkt-topic-cloud span { color: var(--mkt-muted); font-size: 11px; letter-spacing: .08em; }
  #mkt-home-2026 .mkt-topic-cloud b { color: var(--mkt-orange); font-size: 17px; }

  #mkt-home-2026 .mkt-contact-section { padding-top: 36px; background: #fff; }
  #mkt-home-2026 .mkt-contact-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr);
    gap: clamp(40px, 7vw, 100px);
    align-items: center;
    padding: clamp(36px, 6vw, 78px);
    overflow: hidden;
    border-radius: 26px;
    background: var(--mkt-dark);
    color: #fff;
    box-shadow: 0 30px 75px rgba(45, 36, 34, .17);
  }
  #mkt-home-2026 .mkt-contact-copy { position: relative; z-index: 2; }
  #mkt-home-2026 .mkt-contact-copy .mkt-kicker { color: #f5a86d; }
  #mkt-home-2026 .mkt-contact-copy h2 { max-width: 760px; margin-bottom: 20px; }
  #mkt-home-2026 .mkt-contact-copy > p { max-width: 690px; color: rgba(255, 255, 255, .64); }
  #mkt-home-2026 .mkt-btn-light { background: #fff; color: var(--mkt-dark); }
  #mkt-home-2026 .mkt-btn-light:hover { background: var(--mkt-orange-soft); color: var(--mkt-orange-dark); }
  #mkt-home-2026 .mkt-btn-outline-light { border-color: rgba(255, 255, 255, .28); color: #fff; }
  #mkt-home-2026 .mkt-btn-outline-light:hover { border-color: #fff; background: rgba(255, 255, 255, .08); color: #fff; }
  #mkt-home-2026 .mkt-contact-side { position: relative; z-index: 2; display: grid; gap: 0; border-top: 1px solid rgba(255, 255, 255, .16); }
  #mkt-home-2026 .mkt-contact-side > div { display: grid; gap: 4px; padding: 17px 0; border-bottom: 1px solid rgba(255, 255, 255, .16); }
  #mkt-home-2026 .mkt-contact-side small { color: #f5a86d; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
  #mkt-home-2026 .mkt-contact-side a,
  #mkt-home-2026 .mkt-contact-side span { color: rgba(255, 255, 255, .84); font-size: 13px; font-weight: 700; line-height: 1.65; }
  #mkt-home-2026 .mkt-contact-side a:hover { color: #fff; }
  #mkt-home-2026 .mkt-contact-shape { position: absolute; right: -110px; bottom: -180px; width: 420px; height: 420px; border: 70px solid rgba(216, 97, 12, .17); border-radius: 50%; pointer-events: none; }

  #mkt-home-2026 .mkt-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 50;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 50%;
    background: rgba(37, 33, 31, .9);
    color: #fff;
    box-shadow: 0 12px 28px rgba(45, 36, 34, .18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    cursor: pointer;
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background .2s ease;
  }
  #mkt-home-2026 .mkt-to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
  #mkt-home-2026 .mkt-to-top:hover { background: var(--mkt-orange-dark); }

  #mkt-home-2026 .mkt-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
  #mkt-home-2026 .mkt-reveal { opacity: 1; transform: none; transition: opacity .7s ease, transform .7s cubic-bezier(.2, .75, .25, 1); }
  #mkt-home-2026.mkt-has-js .mkt-reveal { opacity: 0; transform: translateY(24px); }
  #mkt-home-2026.mkt-has-js .mkt-reveal.is-visible { opacity: 1; transform: none; }
  #mkt-home-2026 .mkt-tilt { --mkt-rx: 0deg; --mkt-ry: 0deg; transform: perspective(1100px) rotateX(var(--mkt-rx)) rotateY(var(--mkt-ry)); transition: transform .2s ease-out; }
  #mkt-home-2026.mkt-has-js .mkt-reveal.mkt-tilt { transform: perspective(1100px) translateY(24px) rotateX(var(--mkt-rx)) rotateY(var(--mkt-ry)); }
  #mkt-home-2026.mkt-has-js .mkt-reveal.mkt-tilt.is-visible { transform: perspective(1100px) rotateX(var(--mkt-rx)) rotateY(var(--mkt-ry)); }

  @keyframes mkt-pulse {
    0%, 100% { box-shadow: 0 0 0 5px rgba(63, 155, 98, .11); }
    50% { box-shadow: 0 0 0 9px rgba(63, 155, 98, .03); }
  }

  @media (max-width: 1099px) {
    #mkt-home-2026 .mkt-hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(310px, .75fr); gap: 34px; }
    #mkt-home-2026 .mkt-hero-art { min-height: 510px; }
    #mkt-home-2026 .mkt-orbit-one { width: 400px; height: 400px; }
    #mkt-home-2026 .mkt-orbit-two { width: 320px; height: 450px; }
    #mkt-home-2026 .mkt-float-top { right: 0; }
    #mkt-home-2026 .mkt-float-bottom { left: 0; }
    #mkt-home-2026 .mkt-route-grid,
    #mkt-home-2026 .mkt-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #mkt-home-2026 .mkt-case-grid { grid-template-columns: 1.15fr 1fr; }
    #mkt-home-2026 .mkt-case-featured { grid-row: span 3; }
    #mkt-home-2026 .mkt-principle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #mkt-home-2026 .mkt-principle:nth-child(2) { border-right: 0; }
    #mkt-home-2026 .mkt-principle:nth-child(-n+2) { border-bottom: 1px solid var(--mkt-line); }
  }

  @media (max-width: 849px) {
    #mkt-home-2026 { --mkt-gutter: 20px; }
    #mkt-home-2026 .mkt-hero { padding-top: 64px; }
    #mkt-home-2026 .mkt-hero-grid,
    #mkt-home-2026 .mkt-section-head,
    #mkt-home-2026 .mkt-about-grid,
    #mkt-home-2026 .mkt-contact-card { grid-template-columns: 1fr; }
    #mkt-home-2026 .mkt-hero-copy { text-align: left; }
    #mkt-home-2026 .mkt-hero h1 { font-size: clamp(42px, 11vw, 66px); }
    #mkt-home-2026 .mkt-hero-art { width: min(100%, 530px); min-height: 560px; margin: 0 auto; }
    #mkt-home-2026 .mkt-photo-frame { width: min(80%, 410px); }
    #mkt-home-2026 .mkt-home-search-wrap { margin-top: 32px; }
    #mkt-home-2026 .mkt-section-head { gap: 18px; align-items: start; }
    #mkt-home-2026 .mkt-resource-tools { grid-template-columns: 1fr; }
    #mkt-home-2026 .mkt-resource-search { width: 100%; }
    #mkt-home-2026 .mkt-about-photo { width: min(82%, 480px); margin-inline: auto; }
    #mkt-home-2026 .mkt-about-copy h2 { margin-top: 0; }
    #mkt-home-2026 .mkt-contact-card { gap: 34px; }
    #mkt-home-2026 .mkt-contact-side { max-width: 520px; }
  }

  @media (max-width: 599px) {
    #mkt-home-2026 { --mkt-gutter: 17px; }
    #mkt-home-2026 .mkt-hero { padding-top: 48px; }
    #mkt-home-2026 .mkt-hero h1 { font-size: 42px; letter-spacing: -.04em; }
    #mkt-home-2026 .mkt-lead { font-size: 16px; line-height: 1.75; }
    #mkt-home-2026 .mkt-actions { align-items: stretch; }
    #mkt-home-2026 .mkt-actions .mkt-btn { width: 100%; }
    #mkt-home-2026 .mkt-availability { font-size: 13px; }
    #mkt-home-2026 .mkt-hero-art { min-height: 455px; margin-top: 4px; }
    #mkt-home-2026 .mkt-photo-frame { width: min(78%, 330px); border-width: 7px; border-radius: 42% 42% 22px 22px; }
    #mkt-home-2026 .mkt-orbit-one { width: 330px; height: 330px; }
    #mkt-home-2026 .mkt-orbit-two { width: 260px; height: 370px; }
    #mkt-home-2026 .mkt-float-card { min-width: 150px; padding: 11px 12px; }
    #mkt-home-2026 .mkt-float-card span { font-size: 15px; }
    #mkt-home-2026 .mkt-float-card small { font-size: 10px; }
    #mkt-home-2026 .mkt-float-top { top: 12%; right: 1%; }
    #mkt-home-2026 .mkt-float-bottom { bottom: 12%; left: 1%; }
    #mkt-home-2026 .mkt-home-search { padding: 12px; }
    #mkt-home-2026 .mkt-home-search > div { grid-template-columns: 1fr; }
    #mkt-home-2026 .mkt-home-search button { width: 100%; }
    #mkt-home-2026 .mkt-search-links { gap: 6px 13px; }
    #mkt-home-2026 .mkt-route-section,
    #mkt-home-2026 .mkt-resource-section,
    #mkt-home-2026 .mkt-work-section,
    #mkt-home-2026 .mkt-principle-section,
    #mkt-home-2026 .mkt-about-section,
    #mkt-home-2026 .mkt-topic-section,
    #mkt-home-2026 .mkt-contact-section { padding-block: 72px; }
    #mkt-home-2026 .mkt-section-head h2,
    #mkt-home-2026 .mkt-work-head h2,
    #mkt-home-2026 .mkt-about-copy h2,
    #mkt-home-2026 .mkt-contact-copy h2 { font-size: 35px; line-height: 1.18; }
    #mkt-home-2026 .mkt-route-grid,
    #mkt-home-2026 .mkt-resource-grid,
    #mkt-home-2026 .mkt-case-grid,
    #mkt-home-2026 .mkt-principle-grid,
    #mkt-home-2026 .mkt-topic-cloud { grid-template-columns: 1fr; }
    #mkt-home-2026 .mkt-route-card { min-height: 290px; }
    #mkt-home-2026 .mkt-filter-row { flex-wrap: nowrap; overflow-x: auto; padding: 3px 2px 9px; scrollbar-width: thin; scroll-snap-type: x proximity; }
    #mkt-home-2026 .mkt-filter-row button { flex: 0 0 auto; scroll-snap-align: start; }
    #mkt-home-2026 .mkt-resource-card h3,
    #mkt-home-2026 .mkt-resource-body > p { min-height: 0; }
    #mkt-home-2026 .mkt-case-featured { grid-row: auto; min-height: 545px; }
    #mkt-home-2026 .mkt-case-card { min-height: 280px; }
    #mkt-home-2026 .mkt-principle { border-right: 0; border-bottom: 1px solid var(--mkt-line); }
    #mkt-home-2026 .mkt-principle:last-child { border-bottom: 0; }
    #mkt-home-2026 .mkt-principle > span { margin-bottom: 20px; }
    #mkt-home-2026 .mkt-about-photo { width: min(88%, 400px); }
    #mkt-home-2026 .mkt-about-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #mkt-home-2026 .mkt-topic-cloud a,
    #mkt-home-2026 .mkt-topic-cloud a:nth-child(odd) { border-right: 0; }
    #mkt-home-2026 .mkt-topic-cloud a { grid-template-columns: 38px 1fr auto; padding-inline: 10px; font-size: 17px; }
    #mkt-home-2026 .mkt-topic-cloud a:hover { padding-left: 16px; }
    #mkt-home-2026 .mkt-contact-section { padding-top: 20px; }
    #mkt-home-2026 .mkt-contact-card { padding: 33px 22px; border-radius: 20px; }
    #mkt-home-2026 .mkt-to-top { right: 14px; bottom: 14px; }
  }

  @media (prefers-reduced-motion: reduce) {
    #mkt-home-2026 *,
    #mkt-home-2026 *::before,
    #mkt-home-2026 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    #mkt-home-2026 .mkt-reveal { opacity: 1; transform: none; }
    #mkt-home-2026 .mkt-tilt { transform: none !important; }
  }

  /* ------------------------------------------------------------------
     Tich hop Flatsome va cac bien the do plugin sinh ra
     ------------------------------------------------------------------ */

  .mkt-home-2026-page #main,
  .mkt-home-2026-page .page-wrapper,
  .mkt-home-2026-page #content .page-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .mkt-home-2026-page .page-title,
  .mkt-home-2026-page .entry-header,
  .mkt-home-2026-page .page-title-inner,
  .mkt-home-2026-page .breadcrumbs {
    display: none !important;
  }

  .mkt-home-2026-page #main .mkt-home-main > .entry-content,
  .mkt-home-main > .mkt-home-extra {
    max-width: var(--mkt-shell, 1280px);
    margin-inline: auto;
    padding: 48px clamp(20px, 4vw, 54px);
  }

  /* Anh hero khi chua chon anh trong cai dat */
  #mkt-home-2026 .mkt-photo-empty {
    display: grid;
    place-items: center;
    background: linear-gradient(150deg, var(--mkt-orange-soft), var(--mkt-cream));
    min-height: 420px;
  }

  #mkt-home-2026 .mkt-photo-empty span {
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--mkt-orange-dark);
    text-align: center;
    padding: 0 18px;
  }

  /* Thay hinh hoa bieu do bang anh that cho the noi bat */
  #mkt-home-2026 .mkt-case-visual-img {
    position: relative;
    overflow: hidden;
  }

  #mkt-home-2026 .mkt-case-visual-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
  }

  #mkt-home-2026 .mkt-case-featured:hover .mkt-case-visual-img img {
    transform: scale(1.04);
  }

  /* Khi the khong co link, giu nguyen hinh thuc nhung bo con tro tay */
  #mkt-home-2026 div.mkt-route-card,
  #mkt-home-2026 div.mkt-case-card,
  #mkt-home-2026 div.mkt-availability {
    cursor: default;
  }

  /* Chong tran ngang. Dung clip de khong pha vi tri sticky cua header Flatsome. */
  .mkt-home-2026-page {
    overflow-x: clip;
  }

  @media (max-width: 599px) {
    #mkt-home-2026 .mkt-photo-empty {
      min-height: 300px;
    }
  }

  /* Giu the noi trong khung tren man hinh hep */
  @media (max-width: 599px) {
    #mkt-home-2026 .mkt-float-card {
      max-width: min(62vw, 220px);
    }

    #mkt-home-2026 .mkt-float-top {
      right: 6px;
    }

    #mkt-home-2026 .mkt-float-bottom {
      left: 6px;
    }

    #mkt-home-2026 .mkt-float-card small {
      display: block;
      overflow-wrap: anywhere;
    }
  }

  /* ------------------------------------------------------------------
     Sua tuong phan va gan mau the noi bat vao bien tuy bien
     ------------------------------------------------------------------ */

  /* Dong phu tren the noi bat truoc day bi quy tac chu trang de len */
  #mkt-home-2026 .mkt-case-featured .mkt-case-copy > p {
    color: var(--mkt-orange-dark);
  }

  #mkt-home-2026 .mkt-case-featured .mkt-case-copy > span {
    color: var(--mkt-slate);
  }

  /* Nen the noi bat chay theo mau thuong hieu da chon trong cai dat */
  #mkt-home-2026 .mkt-case-featured {
    background: linear-gradient(155deg, var(--mkt-orange-soft) 0%, #eec5a6 100%);
  }

  @supports (background: color-mix(in srgb, red 30%, white)) {
    #mkt-home-2026 .mkt-case-featured {
      background: linear-gradient(
        155deg,
        var(--mkt-orange-soft) 0%,
        color-mix(in srgb, var(--mkt-orange) 30%, var(--mkt-orange-soft)) 100%
      );
    }
  }

  /* ==================================================================
     v1.1 — sua loi phat hien khi review giao dien that
     ================================================================== */

  /* 1. Full-bleed that su: ep wrapper cua theme rong het, bo hack 100vw.
        Hack cu lech 7.5px vi 100vw tinh ca thanh cuon doc. */
  .mkt-home-2026-page #content,
  .mkt-home-2026-page #content > .page-wrapper,
  .mkt-home-2026-page .mkt-home-main {
    max-width: 100% !important;
    width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  /* 2. Chan tran ngang o tung khoi thay vi o goc.
        Dat overflow tren goc lam hong scroll toi anchor ben trong. */
  #mkt-home-2026 > section {
    overflow-x: clip;
  }

  .mkt-home-2026-page {
    overflow-x: visible;
  }

  /* 3. Chua header co dinh khi nhay toi neo trong trang */
  html:has(body.mkt-home-2026-page) {
    scroll-padding-top: var(--mkt-anchor-offset, 96px);
  }

  /* 4. Hero khong bao gio bi an. Day la vung LCP, khong duoc phu thuoc JS. */
  #mkt-home-2026.mkt-has-js .mkt-hero .mkt-reveal,
  #mkt-home-2026.mkt-has-js .mkt-hero-copy,
  #mkt-home-2026.mkt-has-js .mkt-hero-art,
  #mkt-home-2026.mkt-has-js .mkt-home-search-wrap {
    opacity: 1;
    transform: none;
  }

  #mkt-home-2026.mkt-has-js .mkt-hero-art.mkt-tilt {
    transform: perspective(1100px) rotateX(var(--mkt-rx)) rotateY(var(--mkt-ry));
  }

  /* 5. Tuong phan: mau cam goc chi dat 3.7:1 voi chu trang, duoi chuan AA.
        Tach rieng mau nen nut va mau chu link. */
  #mkt-home-2026 {
    --mkt-orange-btn: #bd5208;
    --mkt-orange-link: var(--mkt-orange-dark);
  }

  #mkt-home-2026 .mkt-btn-primary {
    background: var(--mkt-orange-btn);
    border-color: var(--mkt-orange-btn);
  }

  #mkt-home-2026 .mkt-card-link,
  #mkt-home-2026 .mkt-text-link,
  #mkt-home-2026 .mkt-route-card strong,
  #mkt-home-2026 .mkt-card-link span,
  #mkt-home-2026 .mkt-text-link span {
    color: var(--mkt-orange-link);
  }

  /* 6. Ke tai nguyen: luoi 3 cot, khung anh 16:9 de thumbnail dang
        infographic khong bi cat mat chu hai ben. */
  #mkt-home-2026 .mkt-resource-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #mkt-home-2026 .mkt-resource-media {
    aspect-ratio: 16 / 9;
    height: auto;
    background: var(--mkt-cream);
  }

  #mkt-home-2026 .mkt-resource-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* 7. Nhan bai chuyen xuong hang meta, tra lai anh cho anh */
  #mkt-home-2026 .mkt-resource-media > span {
    display: none;
  }

  #mkt-home-2026 .mkt-resource-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
  }

  #mkt-home-2026 .mkt-resource-badge {
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--mkt-orange-soft);
    color: var(--mkt-orange-dark);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  /* 8. Meta dai bi xuong hai dong lam lech baseline ca hang the */
  #mkt-home-2026 .mkt-resource-meta > span,
  #mkt-home-2026 .mkt-resource-meta > time {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 46%;
  }

  /* 9. Vung cham cua link trong the qua nho tren dien thoai */
  #mkt-home-2026 .mkt-card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding-block: 10px;
  }

  /* 10. Le hai ben thoang hon khi khung noi dung rong */
  #mkt-home-2026 {
    --mkt-gutter: clamp(20px, 5vw, 72px);
  }

  @media (max-width: 1099px) {
    #mkt-home-2026 .mkt-resource-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 849px) {
    #mkt-home-2026 { --mkt-gutter: 20px; }
  }

  @media (max-width: 599px) {
    #mkt-home-2026 { --mkt-gutter: 17px; }

    #mkt-home-2026 .mkt-resource-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    #mkt-home-2026 .mkt-resource-meta > span,
    #mkt-home-2026 .mkt-resource-meta > time {
      max-width: none;
    }
  }

  /* Hang meta: mot nhan va mot moc thoi gian, luon gon mot dong */
  #mkt-home-2026 .mkt-resource-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 10px;
    min-height: 24px;
  }

  #mkt-home-2026 .mkt-resource-meta .mkt-resource-badge {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #mkt-home-2026 .mkt-resource-meta > time {
    flex: 0 0 auto;
    max-width: none;
    white-space: nowrap;
  }

  /* ==================================================================
     v1.2 — chu tuy bien, bo gioi han be ngang, anh tran mep the
     ================================================================== */

  #mkt-home-2026 {
    --mkt-h1: clamp(40px, calc(27.32px + 3.38vw), 76px);
    --mkt-h2: clamp(32px, calc(23.55px + 2.25vw), 56px);
    --mkt-h3: 18px;
    --mkt-body: 16px;
    --mkt-lead: 19px;
    --mkt-kicker: 13px;
    --mkt-h1-color: var(--mkt-ink);
    --mkt-h2-color: var(--mkt-ink);
    --mkt-h3-color: var(--mkt-ink);
    --mkt-body-color: var(--mkt-muted);
    --mkt-line-height: 1.7;
    --mkt-head-tracking: -.035em;
    --mkt-card-pad: 20px;

    font-size: var(--mkt-body);
    line-height: var(--mkt-line-height);
  }

  /* Ap co chu va mau chu tu cai dat -------------------------------- */
  #mkt-home-2026 .mkt-hero h1 {
    font-size: var(--mkt-h1);
    color: var(--mkt-h1-color);
    letter-spacing: var(--mkt-head-tracking);
  }

  #mkt-home-2026 .mkt-section-head h2,
  #mkt-home-2026 .mkt-work-head h2,
  #mkt-home-2026 .mkt-about-copy h2,
  #mkt-home-2026 .mkt-contact-copy h2 {
    font-size: var(--mkt-h2);
    letter-spacing: var(--mkt-head-tracking);
  }

  #mkt-home-2026 .mkt-section-head h2,
  #mkt-home-2026 .mkt-about-copy h2 {
    color: var(--mkt-h2-color);
  }

  #mkt-home-2026 .mkt-route-card h3,
  #mkt-home-2026 .mkt-resource-card h3,
  #mkt-home-2026 .mkt-principle h3 {
    font-size: var(--mkt-h3);
  }

  #mkt-home-2026 .mkt-route-card h3,
  #mkt-home-2026 .mkt-resource-card h3 {
    color: var(--mkt-h3-color);
  }

  #mkt-home-2026 .mkt-lead {
    font-size: var(--mkt-lead);
    color: var(--mkt-body-color);
  }

  #mkt-home-2026 .mkt-eyebrow,
  #mkt-home-2026 .mkt-kicker {
    font-size: var(--mkt-kicker);
  }

  #mkt-home-2026 .mkt-section-head > p,
  #mkt-home-2026 .mkt-about-copy > p,
  #mkt-home-2026 .mkt-route-card p,
  #mkt-home-2026 .mkt-resource-body > p,
  #mkt-home-2026 .mkt-principle p {
    color: var(--mkt-body-color);
    line-height: var(--mkt-line-height);
  }

  /* Khoi tren nen toi giu chu sang de doc duoc ---------------------- */
  #mkt-home-2026 .mkt-work-head h2,
  #mkt-home-2026 .mkt-contact-copy h2,
  #mkt-home-2026 .mkt-principle-section .mkt-section-head h2 {
    color: inherit;
  }

  /* 1. Tieu de trai het chieu rong khung --------------------------- */
  #mkt-home-2026.mkt-heading-full .mkt-section-head {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 20px;
  }

  #mkt-home-2026.mkt-heading-full .mkt-work-head,
  #mkt-home-2026.mkt-heading-full .mkt-hero h1,
  #mkt-home-2026.mkt-heading-full .mkt-lead,
  #mkt-home-2026.mkt-heading-full .mkt-contact-copy h2,
  #mkt-home-2026.mkt-heading-full .mkt-work-head > p,
  #mkt-home-2026.mkt-heading-full .mkt-section-head > p,
  #mkt-home-2026.mkt-heading-full .mkt-about-copy > p {
    max-width: none;
  }

  #mkt-home-2026.mkt-heading-full .mkt-section-head > p,
  #mkt-home-2026.mkt-heading-full .mkt-work-head > p {
    max-width: 92ch;
  }

  /* 2. The tai nguyen: anh tran mep, chu co le rieng ---------------- */
  #mkt-home-2026 .mkt-resource-card {
    padding: 0;
  }

  #mkt-home-2026 .mkt-resource-body {
    padding: var(--mkt-card-pad);
  }

  #mkt-home-2026.mkt-media-full .mkt-resource-media {
    margin: 0;
    border-radius: 0;
  }

  #mkt-home-2026:not(.mkt-media-full) .mkt-resource-media {
    margin: var(--mkt-card-pad) var(--mkt-card-pad) 0;
    border-radius: 12px;
  }

  #mkt-home-2026:not(.mkt-media-full) .mkt-resource-body {
    padding-top: 16px;
  }

  /* 3. So cot cua ke tai nguyen ------------------------------------ */
  #mkt-home-2026.mkt-cols-2 .mkt-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #mkt-home-2026.mkt-cols-3 .mkt-resource-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #mkt-home-2026.mkt-cols-4 .mkt-resource-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

  /* 4. Ti le khung anh --------------------------------------------- */
  #mkt-home-2026.mkt-ratio-16-9 .mkt-resource-media { aspect-ratio: 16 / 9; }
  #mkt-home-2026.mkt-ratio-4-3 .mkt-resource-media  { aspect-ratio: 4 / 3; }
  #mkt-home-2026.mkt-ratio-3-2 .mkt-resource-media  { aspect-ratio: 3 / 2; }
  #mkt-home-2026.mkt-ratio-1-1 .mkt-resource-media  { aspect-ratio: 1 / 1; }

  /* Giu nguyen ti le anh goc: khong cat mot pixel nao */
  #mkt-home-2026.mkt-ratio-auto .mkt-resource-media {
    aspect-ratio: auto;
    height: auto;
  }

  #mkt-home-2026.mkt-ratio-auto .mkt-resource-media img {
    height: auto;
    object-fit: initial;
  }

  /* Khung anh cua bien the do hoa luon can ti le co dinh */
  #mkt-home-2026.mkt-ratio-auto .mkt-resource-media-art {
    aspect-ratio: 16 / 9;
  }

  /* 5. Chieu cao toi thieu cu lam the thua khoang trong khi chu ngan */
  #mkt-home-2026 .mkt-resource-card h3 { min-height: 0; }
  #mkt-home-2026 .mkt-resource-body > p { min-height: 0; }

  #mkt-home-2026 .mkt-resource-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
  }

  #mkt-home-2026 .mkt-resource-body > .mkt-card-link {
    margin-top: auto;
  }

  #mkt-home-2026 .mkt-resource-card {
    display: flex;
    flex-direction: column;
  }

  #mkt-home-2026 .mkt-resource-body > p { margin-bottom: 0; }
  #mkt-home-2026 .mkt-resource-card h3 { margin-bottom: 0; }
  #mkt-home-2026 .mkt-resource-meta { margin-bottom: 0; }

  @media (max-width: 1099px) {
    #mkt-home-2026.mkt-cols-3 .mkt-resource-grid,
    #mkt-home-2026.mkt-cols-4 .mkt-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 599px) {
    #mkt-home-2026.mkt-cols-2 .mkt-resource-grid,
    #mkt-home-2026.mkt-cols-3 .mkt-resource-grid,
    #mkt-home-2026.mkt-cols-4 .mkt-resource-grid { grid-template-columns: minmax(0, 1fr); }
  }

  /* Khi khoi du an co dung ba the phu, the cuoi trai rong de khong ho o trong */
  @media (min-width: 1100px) {
    #mkt-home-2026 .mkt-case-grid > .mkt-case-card:last-child:nth-child(4) {
      grid-column: span 2;
    }

    #mkt-home-2026 .mkt-case-grid > .mkt-case-card:last-child:nth-child(4) p {
      max-width: 70ch;
    }
  }

  /* ==================================================================
     v1.3 — ngat dong tieu de, ti le cot hero, nut len dau trang
     ================================================================== */

  /* Cach ngat dong cua tieu de ------------------------------------- */
  #mkt-home-2026.mkt-wrap-balance h1,
  #mkt-home-2026.mkt-wrap-balance h2 { text-wrap: balance; }

  #mkt-home-2026.mkt-wrap-pretty h1,
  #mkt-home-2026.mkt-wrap-pretty h2 { text-wrap: pretty; }

  #mkt-home-2026.mkt-wrap-normal h1,
  #mkt-home-2026.mkt-wrap-normal h2 { text-wrap: wrap; }

  /* Khi tu dat cho xuong dong bang Enter thi khong can can bang nua.
     Selector phai du nang de thang cac quy tac ngat dong o tren. */
  #mkt-home-2026.mkt-wrap-balance h1:has(br),
  #mkt-home-2026.mkt-wrap-balance h2:has(br),
  #mkt-home-2026.mkt-wrap-pretty h1:has(br),
  #mkt-home-2026.mkt-wrap-pretty h2:has(br),
  #mkt-home-2026.mkt-wrap-normal h1:has(br),
  #mkt-home-2026.mkt-wrap-normal h2:has(br) { text-wrap: wrap; }

  /* Ti le cot chu va cot anh o hero.
     BAT BUOC boc trong media query: hero chi chia hai cot tu 850px tro len.
     Neu de ngoai, quy tac nay de len quy tac mot cot cua man hinh nho
     va cot chu bi bop xuong con 0px. */
  @media (min-width: 850px) {
    #mkt-home-2026.mkt-hero-balanced .mkt-hero-grid { grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr); }
    #mkt-home-2026.mkt-hero-text .mkt-hero-grid     { grid-template-columns: minmax(0, 1.85fr) minmax(300px, 1fr); }
    #mkt-home-2026.mkt-hero-wide .mkt-hero-grid     { grid-template-columns: minmax(0, 2.15fr) minmax(300px, 1fr); }
    #mkt-home-2026.mkt-hero-image .mkt-hero-grid    { grid-template-columns: minmax(0, .92fr) minmax(380px, 1.08fr); }

    /* Cot chu rong thi khoang cach hai cot cung nen thu lai mot chut */
    #mkt-home-2026.mkt-hero-wide .mkt-hero-grid,
    #mkt-home-2026.mkt-hero-text .mkt-hero-grid { gap: clamp(36px, 5vw, 72px); }

    /* Cot anh hep thi giam kich thuoc khung anh va quy dao cho can doi */
    #mkt-home-2026.mkt-hero-wide .mkt-photo-frame { width: min(94%, 360px); }
    #mkt-home-2026.mkt-hero-wide .mkt-hero-art { min-height: 500px; }
    #mkt-home-2026.mkt-hero-wide .mkt-orbit-one { width: 380px; height: 380px; }
    #mkt-home-2026.mkt-hero-wide .mkt-orbit-two { width: 300px; height: 420px; }

    #mkt-home-2026.mkt-hero-text .mkt-photo-frame { width: min(92%, 390px); }
    #mkt-home-2026.mkt-hero-text .mkt-orbit-one { width: 420px; height: 420px; }
    #mkt-home-2026.mkt-hero-text .mkt-orbit-two { width: 330px; height: 460px; }
  }

  /* Duoi 850px hero luon mot cot, khong quy tac nao duoc pha */
  @media (max-width: 849px) {
    #mkt-home-2026 .mkt-hero-grid,
    #mkt-home-2026.mkt-hero-balanced .mkt-hero-grid,
    #mkt-home-2026.mkt-hero-text .mkt-hero-grid,
    #mkt-home-2026.mkt-hero-wide .mkt-hero-grid,
    #mkt-home-2026.mkt-hero-image .mkt-hero-grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  /* Nut len dau trang cua plugin tu an khi theme da co nut rieng ---- */
  #mkt-home-2026 .mkt-to-top.mkt-to-top-hidden { display: none !important; }

  /* ==================================================================
     v1.4 — hien thi tren dien thoai
     ================================================================== */

  /* 1. Tran co chu theo be ngang man hinh.
        Du cau hinh cho may tinh de lon toi dau, tren dien thoai chu van
        khong bao gio vuot qua ti le nay nen tieu de khong vo vun. */
  @media (max-width: 767px) {
    #mkt-home-2026.mkt-fit-mobile .mkt-hero h1 {
      font-size: min(var(--mkt-h1), 8.6vw);
      letter-spacing: -.03em;
      line-height: 1.14;
    }

    #mkt-home-2026.mkt-fit-mobile .mkt-section-head h2,
    #mkt-home-2026.mkt-fit-mobile .mkt-work-head h2,
    #mkt-home-2026.mkt-fit-mobile .mkt-about-copy h2,
    #mkt-home-2026.mkt-fit-mobile .mkt-contact-copy h2 {
      font-size: min(var(--mkt-h2), 7.4vw);
      line-height: 1.2;
    }

    #mkt-home-2026.mkt-fit-mobile .mkt-lead {
      font-size: min(var(--mkt-lead), 4.4vw);
    }

    #mkt-home-2026.mkt-fit-mobile .mkt-route-card h3,
    #mkt-home-2026.mkt-fit-mobile .mkt-resource-card h3,
    #mkt-home-2026.mkt-fit-mobile .mkt-principle h3,
    #mkt-home-2026.mkt-fit-mobile .mkt-case-card h3 {
      font-size: min(var(--mkt-h3), 4.9vw);
    }

    /* Cho phep cat tu qua dai thay vi de tran ra ngoai the */
    #mkt-home-2026 h1,
    #mkt-home-2026 h2,
    #mkt-home-2026 h3 {
      overflow-wrap: break-word;
      word-break: normal;
      hyphens: auto;
    }
  }

  /* 2. Nhan khoi tren dien thoai: gach ngang khong duoc chiem cho cua chu */
  @media (max-width: 599px) {
    #mkt-home-2026 .mkt-eyebrow,
    #mkt-home-2026 .mkt-kicker {
      flex-wrap: wrap;
      gap: 8px;
      letter-spacing: .07em;
      line-height: 1.5;
    }

    #mkt-home-2026 .mkt-eyebrow span {
      flex: 0 0 auto;
      width: 22px;
    }

    #mkt-home-2026 .mkt-eyebrow {
      align-items: center;
    }
  }

  /* 3. Dong trang thai nhan viec: mui ten bam theo chu, khong tach ra goc */
  @media (max-width: 599px) {
    #mkt-home-2026 .mkt-availability {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      gap: 8px;
    }

    #mkt-home-2026 .mkt-availability i {
      margin-top: 6px;
    }

    #mkt-home-2026 .mkt-availability span {
      flex: 1 1 auto;
      min-width: 0;
    }

    #mkt-home-2026 .mkt-availability b {
      flex: 0 0 auto;
      margin-top: 1px;
    }
  }

  /* 4. Ky tu bieu tuong hay thieu font tren may nguoi doc.
        Khai bao chuoi font du phong de khong hien thanh o vuong. */
  #mkt-home-2026 .mkt-route-icon,
  #mkt-home-2026 .mkt-case-mini-icon,
  #mkt-home-2026 .mkt-resource-search i,
  #mkt-home-2026 .mkt-empty > span {
    font-family: "Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2", "Noto Sans Symbols", "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    line-height: 1;
  }

  #mkt-home-2026 .mkt-route-icon {
    display: grid;
    place-items: center;
  }

  /* 5. O tim kiem trong ke: kinh lup can vung cham va vi tri on dinh */
  #mkt-home-2026 .mkt-resource-search {
    position: relative;
  }

  #mkt-home-2026 .mkt-resource-search i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    font-size: 17px;
    pointer-events: none;
  }

  /* 6. The noi canh anh chan dung khong duoc tran khoi man hinh.
        Cac the nay co transform nghieng nen phai tinh lai o man hep. */
  @media (max-width: 599px) {
    #mkt-home-2026 .mkt-float-card {
      transform: none;
      max-width: min(58vw, 200px);
      padding: 10px 12px;
    }

    #mkt-home-2026 .mkt-float-top {
      top: 10%;
      right: 8px;
      left: auto;
    }

    #mkt-home-2026 .mkt-float-bottom {
      bottom: 12%;
      left: 8px;
      right: auto;
    }

    #mkt-home-2026 .mkt-float-card span {
      font-size: 14px;
      line-height: 1.3;
    }

    #mkt-home-2026 .mkt-float-card small {
      font-size: 10px;
      line-height: 1.35;
    }
  }

  /* ==================================================================
     v1.5 — sap xep lai bon khoi theo yeu cau
     ================================================================== */

  /* 1. The loi vao: so nam goc tren phai tren mang mau dam,
        bieu tuong va tieu de ve cung mot hang ------------------------ */
  #mkt-home-2026 .mkt-route-no {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    min-width: 52px;
    height: 40px;
    padding: 0 12px;
    border-radius: 0 18px 0 16px;
    background: var(--mkt-orange-btn, #bd5208);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    transition: background .25s ease;
  }

  #mkt-home-2026 .mkt-route-card:hover .mkt-route-no {
    background: var(--mkt-orange-dark);
  }

  /* Mang so cao 40px, hang nay bat dau tu 50px nen khong can chua cho */
  #mkt-home-2026 .mkt-route-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 26px 0 14px;
  }

  #mkt-home-2026 .mkt-route-head .mkt-route-icon {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    margin: 0;
    font-size: 20px;
  }

  #mkt-home-2026 .mkt-route-head h3 {
    min-width: 0;
    margin: 0;
    padding-top: 8px;
    font-size: 18px;
    line-height: 1.34;
    text-wrap: balance;
    overflow-wrap: break-word;
  }

  #mkt-home-2026 .mkt-route-card p {
    position: relative;
    z-index: 1;
  }

  /* 2. Khoi du an: bieu tuong xuong goc duoi phai tung khung -------- */
  #mkt-home-2026 .mkt-case-card {
    position: relative;
  }

  #mkt-home-2026 .mkt-case-mini-icon {
    position: absolute;
    right: 22px;
    bottom: 20px;
    z-index: 2;
    width: 46px;
    height: 46px;
    margin-top: 0;
    font-size: 20px;
    transform: none;
    transition: background .25s ease, color .25s ease;
  }

  #mkt-home-2026 .mkt-case-card:hover .mkt-case-mini-icon {
    background: rgba(216, 97, 12, .32);
    color: #ffd4b0;
  }

  /* Chua cho bieu tuong o goc, khong de no de len dong dan di */
  #mkt-home-2026 .mkt-case-card > h3,
  #mkt-home-2026 .mkt-case-card > p {
    margin-top: 0;
  }

  #mkt-home-2026 .mkt-case-card > h3 {
    margin-top: 26px;
  }

  #mkt-home-2026 .mkt-case-card > .mkt-card-link {
    padding-right: 76px;
  }

  /* 3. Khoi nguyen tac: so lon cach dieu, chim phia sau tieu de ----- */
  #mkt-home-2026 .mkt-principle {
    overflow: hidden;
    padding-top: 34px;
  }

  #mkt-home-2026 .mkt-principle > span {
    position: absolute;
    top: -4px;
    right: 12px;
    z-index: 0;
    display: block;
    margin: 0;
    color: transparent;
    font-size: 84px;
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: 1;
    -webkit-text-stroke: 1.5px rgba(216, 97, 12, .24);
    text-stroke: 1.5px rgba(216, 97, 12, .24);
    pointer-events: none;
    transition: -webkit-text-stroke-color .3s ease, transform .3s ease;
  }

  #mkt-home-2026 .mkt-principle:hover > span {
    -webkit-text-stroke-color: rgba(216, 97, 12, .5);
    transform: translateY(-3px);
  }

  #mkt-home-2026 .mkt-principle h3,
  #mkt-home-2026 .mkt-principle p {
    position: relative;
    z-index: 1;
  }

  #mkt-home-2026 .mkt-principle h3 {
    margin-top: 30px;
    margin-bottom: 10px;
  }

  /* Trinh duyet khong ve duoc vien chu thi dung mau nhat de thay the */
  @supports not (-webkit-text-stroke: 1px red) {
    #mkt-home-2026 .mkt-principle > span {
      color: rgba(216, 97, 12, .16);
    }
  }

  /* 4. Khoi so lieu trong phan gioi thieu: to, ro, co diem nhan ----- */
  #mkt-home-2026 .mkt-about-facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
  }

  #mkt-home-2026 .mkt-about-facts > div {
    position: relative;
    overflow: hidden;
    padding: 20px 16px 18px;
    border: 1px solid var(--mkt-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(45, 36, 34, .05);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }

  #mkt-home-2026 .mkt-about-facts > div::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--mkt-orange), #f3a25f);
  }

  #mkt-home-2026 .mkt-about-facts > div:hover {
    transform: translateY(-4px);
    border-color: rgba(216, 97, 12, .38);
    box-shadow: 0 18px 38px rgba(45, 36, 34, .1);
  }

  #mkt-home-2026 .mkt-about-facts span {
    display: block;
    margin-bottom: 7px;
    color: var(--mkt-orange-dark);
    font-size: clamp(26px, 2.2vw, 34px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.05;
  }

  #mkt-home-2026 .mkt-about-facts small {
    display: block;
    color: var(--mkt-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: none;
  }

  @media (max-width: 1099px) {
    #mkt-home-2026 .mkt-about-facts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 849px) {
    #mkt-home-2026 .mkt-principle > span { font-size: 74px; }
  }

  @media (max-width: 599px) {
    #mkt-home-2026 .mkt-route-head {
      gap: 12px;
    }

    #mkt-home-2026 .mkt-route-head .mkt-route-icon {
      width: 42px;
      height: 42px;
      font-size: 18px;
    }

    #mkt-home-2026 .mkt-case-mini-icon {
      right: 18px;
      bottom: 18px;
      width: 42px;
      height: 42px;
    }

    #mkt-home-2026 .mkt-case-card > .mkt-card-link {
      padding-right: 66px;
    }

    #mkt-home-2026 .mkt-principle > span {
      font-size: 64px;
      top: 2px;
      right: 6px;
    }

    #mkt-home-2026 .mkt-principle h3 { margin-top: 22px; }
  }

  /* ==================================================================
     v1.6 — bo so o the loi vao, can lai khoi nguyen tac, them hoi dap
     ================================================================== */

  /* 1. Khoi nguyen tac: tieu de ngang tam chu so, bot khoang trong tren */
  #mkt-home-2026 .mkt-principle {
    padding-top: 26px;
    padding-bottom: 28px;
  }

  #mkt-home-2026 .mkt-principle > span {
    top: 10px;
    right: 10px;
    font-size: 58px;
    -webkit-text-stroke-width: 1.3px;
  }

  #mkt-home-2026 .mkt-principle h3 {
    margin-top: 0;
    margin-bottom: 12px;
    padding-right: 60px;
    min-height: 46px;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 1.34;
    text-wrap: balance;
  }

  @media (max-width: 849px) {
    #mkt-home-2026 .mkt-principle > span { font-size: 56px; }
    #mkt-home-2026 .mkt-principle h3 { padding-right: 58px; }
  }

  @media (max-width: 599px) {
    #mkt-home-2026 .mkt-principle > span {
      top: 6px;
      right: 4px;
      font-size: 54px;
    }

    #mkt-home-2026 .mkt-principle h3 {
      margin-top: 0;
      padding-right: 64px;
      min-height: 44px;
    }
  }

  /* 2. Khoi cau hoi thuong gap ------------------------------------- */
  #mkt-home-2026 .mkt-faq-section {
    padding-block: clamp(78px, 9vw, 124px);
    background: var(--mkt-cream);
  }

  #mkt-home-2026 .mkt-faq-list {
    display: grid;
    gap: 14px;
    align-items: start;
  }

  #mkt-home-2026 .mkt-faq-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 22px;
  }

  #mkt-home-2026 .mkt-faq-item {
    overflow: hidden;
    border: 1px solid var(--mkt-line);
    border-radius: 16px;
    background: var(--mkt-card);
    box-shadow: 0 10px 26px rgba(45, 36, 34, .04);
    transition: border-color .25s ease, box-shadow .25s ease;
  }

  #mkt-home-2026 .mkt-faq-item[open] {
    border-color: rgba(216, 97, 12, .34);
    box-shadow: 0 18px 40px rgba(45, 36, 34, .09);
  }

  #mkt-home-2026 .mkt-faq-item summary {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    cursor: pointer;
    list-style: none;
    font-size: clamp(16px, 1.3vw, 18px);
    font-weight: 800;
    line-height: 1.45;
    color: var(--mkt-ink);
  }

  #mkt-home-2026 .mkt-faq-item summary::-webkit-details-marker { display: none; }
  #mkt-home-2026 .mkt-faq-item summary::marker { content: ""; }

  #mkt-home-2026 .mkt-faq-item summary span {
    flex: 1 1 auto;
    min-width: 0;
  }

  /* Dau cong ve bang hai gach, xoay thanh dau tru khi mo */
  #mkt-home-2026 .mkt-faq-item summary i {
    position: relative;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--mkt-orange-soft);
    transition: background .25s ease, transform .25s ease;
  }

  #mkt-home-2026 .mkt-faq-item summary i::before,
  #mkt-home-2026 .mkt-faq-item summary i::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 2px;
    border-radius: 2px;
    background: var(--mkt-orange-dark);
    transform: translate(-50%, -50%);
    transition: transform .25s ease, opacity .2s ease;
  }

  #mkt-home-2026 .mkt-faq-item summary i::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  #mkt-home-2026 .mkt-faq-item[open] summary i {
    background: var(--mkt-orange-btn, #bd5208);
  }

  #mkt-home-2026 .mkt-faq-item[open] summary i::before,
  #mkt-home-2026 .mkt-faq-item[open] summary i::after {
    background: #fff;
  }

  #mkt-home-2026 .mkt-faq-item[open] summary i::after {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 0;
  }

  #mkt-home-2026 .mkt-faq-item summary:hover i {
    background: rgba(216, 97, 12, .18);
  }

  #mkt-home-2026 .mkt-faq-item summary:focus-visible {
    outline: 3px solid rgba(216, 97, 12, .32);
    outline-offset: -3px;
    border-radius: 16px;
  }

  #mkt-home-2026 .mkt-faq-item[open] summary {
    padding-bottom: 14px;
  }

  #mkt-home-2026 .mkt-faq-answer {
    padding: 14px 22px 20px;
    border-top: 1px solid var(--mkt-line);
  }

  #mkt-home-2026 .mkt-faq-answer p {
    margin: 0 0 12px;
    color: var(--mkt-body-color, var(--mkt-muted));
    font-size: 15px;
    line-height: var(--mkt-line-height, 1.75);
  }

  #mkt-home-2026 .mkt-faq-answer p:last-child { margin-bottom: 0; }

  #mkt-home-2026 .mkt-faq-section .mkt-center-action { margin-top: 34px; }

  @media (max-width: 849px) {
    #mkt-home-2026 .mkt-faq-cols-2 { grid-template-columns: minmax(0, 1fr); }
  }

  @media (max-width: 599px) {
    #mkt-home-2026 .mkt-faq-item summary { padding: 16px 16px; gap: 12px; }
    #mkt-home-2026 .mkt-faq-answer { padding: 14px 16px 18px; }
    #mkt-home-2026 .mkt-faq-item summary i { width: 30px; height: 30px; }
  }

  /* Mo gap muot khi trinh duyet ho tro, khong thi van dong mo binh thuong */
  @supports (interpolate-size: allow-keywords) {
    #mkt-home-2026 {
      interpolate-size: allow-keywords;
    }

    #mkt-home-2026 .mkt-faq-item::details-content {
      block-size: 0;
      overflow: hidden;
      transition: block-size .3s ease, content-visibility .3s allow-discrete;
    }

    #mkt-home-2026 .mkt-faq-item[open]::details-content {
      block-size: auto;
    }
  }

  /* ==================================================================
     v2.0 — goi y tim kiem, the ghim, dai link hop tac
     ================================================================== */

  /* 1. Goi y tuc thoi duoi o tim kiem ------------------------------- */
  #mkt-home-2026 .mkt-home-search {
    position: relative;
  }

  #mkt-home-2026 .mkt-suggest {
    position: absolute;
    z-index: 30;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    max-height: 60vh;
    overflow-y: auto;
    margin: 0;
    padding: 6px;
    list-style: none;
    border: 1px solid var(--mkt-line);
    border-radius: 14px;
    background: var(--mkt-card);
    box-shadow: 0 24px 60px rgba(45, 36, 34, .16);
  }

  #mkt-home-2026 .mkt-suggest[hidden] { display: none; }

  #mkt-home-2026 .mkt-suggest-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 44px;
    padding: 10px 13px;
    border-radius: 10px;
    color: var(--mkt-ink);
    font-size: 15px;
    line-height: 1.45;
  }

  #mkt-home-2026 .mkt-suggest-item.is-active a,
  #mkt-home-2026 .mkt-suggest-item a:hover {
    background: var(--mkt-orange-soft);
    color: var(--mkt-orange-dark);
  }

  #mkt-home-2026 .mkt-suggest-title {
    min-width: 0;
    font-weight: 600;
  }

  #mkt-home-2026 .mkt-suggest-kind {
    flex: 0 0 auto;
    color: var(--mkt-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
  }

  #mkt-home-2026 .mkt-suggest-all {
    border-top: 1px solid var(--mkt-line);
    margin-top: 4px;
    padding-top: 4px;
  }

  #mkt-home-2026 .mkt-suggest-all a {
    color: var(--mkt-orange-dark);
    font-size: 13px;
    font-weight: 800;
  }

  #mkt-home-2026 .mkt-suggest-empty {
    padding: 16px 13px;
    color: var(--mkt-muted);
    font-size: 14px;
    text-align: center;
  }

  /* 2. The ghim trong ke tai nguyen --------------------------------- */
  #mkt-home-2026 .mkt-resource-card.is-pinned {
    border-color: rgba(216, 97, 12, .45);
  }

  #mkt-home-2026 .mkt-resource-card.is-pinned .mkt-resource-badge {
    background: var(--mkt-orange-btn, #bd5208);
    color: #fff;
  }

  /* 3. Dai link tham khao trong khoi lien he ------------------------ */
  #mkt-home-2026 .mkt-contact-links {
    position: relative;
    z-index: 2;
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 22px;
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .16);
  }

  #mkt-home-2026 .mkt-contact-links > span {
    color: rgba(255, 255, 255, .55);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  #mkt-home-2026 .mkt-contact-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    font-weight: 700;
    transition: color .2s ease;
  }

  #mkt-home-2026 .mkt-contact-links a b {
    color: #f3a25f;
    transition: transform .2s ease;
  }

  #mkt-home-2026 .mkt-contact-links a:hover { color: #fff; }
  #mkt-home-2026 .mkt-contact-links a:hover b { transform: translateX(4px); }

  @media (max-width: 599px) {
    #mkt-home-2026 .mkt-contact-links {
      flex-direction: column;
      align-items: flex-start;
      gap: 2px;
      margin-top: 24px;
    }

    #mkt-home-2026 .mkt-suggest {
      max-height: 52vh;
    }
  }

/* ------------------------------------------------------------------ */
/* v2.1 - nut mo rong ke tai nguyen tren dien thoai                     */
/* ------------------------------------------------------------------ */

#mkt-home-2026 .mkt-resource-expand {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

#mkt-home-2026 .mkt-expand-btn {
  font: inherit;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  min-height: 48px;
  padding: 13px 26px;
  border-radius: 999px;
  cursor: pointer;
  color: var(--mkt-ink, #1d1a19);
  background: transparent;
  border: 1.5px solid var(--mkt-line, #e3ddd5);
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

#mkt-home-2026 .mkt-expand-btn:hover,
#mkt-home-2026 .mkt-expand-btn:focus-visible {
  border-color: var(--mkt-orange-btn, #bd5208);
  color: var(--mkt-orange-link, #a3450b);
}

#mkt-home-2026 .mkt-expand-btn[hidden] { display: none; }

#mkt-home-2026 .mkt-empty .mkt-text-link { margin-top: 12px; display: inline-flex; }

/* Tren man hinh rong khong bao gio thu gon, du JS chua kip chay. */
@media (min-width: 768px) {
  #mkt-home-2026 .mkt-resource-expand { display: none; }
}

/* Vung cham cua nut loc dat toi thieu 44px theo WCAG 2.5.5. */
#mkt-home-2026 .mkt-filter-row button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* Khi tat o tim kiem, hang cong cu chi con day chip nen bo cot thu hai. */
#mkt-home-2026 .mkt-resource-tools.is-chips-only { grid-template-columns: 1fr; }