/*
Theme Name: Chiwa.AI Marketing
Theme URI: https://creator.chiwa.ai/
Description: Chiwa.AI 官網：可由營運編輯的首頁、文章與案例，沿用 Be Seen. Be Chosen 設計。
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: chiwa-marketing
*/

.landing-body {
  margin: 0;
  background: #fff;
}

.landing-page {
  --landing-ink: #111015;
  --landing-muted: #62616b;
  --landing-orange: #ff6536;
  --landing-border: #e9e7ed;
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  background: #fff;
  color: var(--landing-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.landing-page *,
.landing-page *::before,
.landing-page *::after {
  box-sizing: border-box;
}

.landing-page a {
  color: inherit;
  text-decoration: none;
}

.landing-page button,
.landing-page a {
  -webkit-tap-highlight-color: transparent;
}


.landing-page :is(section[id], main[id]) {
  scroll-margin-top: 116px;
}

.landing-page .landing-container {
  width: min(1280px, calc(100% - 96px));
  margin-inline: auto;
}

.landing-page .landing-skip-link {
  position: fixed;
  z-index: 1000;
  inset: 16px auto auto 16px;
  min-height: 44px;
  padding: 12px 20px;
  transform: translateY(-180%);
  border: 1px solid var(--landing-ink);
  border-radius: 8px;
  background: #fff;
  font-weight: 700;
}

.landing-page .landing-skip-link:focus {
  transform: translateY(0);
}

.landing-page .glass {
  border: 1px solid rgb(255 255 255 / 90%);
  background: rgb(255 255 255 / 66%);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}

.landing-page .landing-header {
  position: absolute;
  z-index: 10;
  inset: 24px 0 auto;
  padding-inline: 48px;
}

.landing-page .landing-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: min(1280px, 100%);
  min-height: 76px;
  margin-inline: auto;
  padding: 12px 16px 12px 30px;
  border-radius: 999px;
  box-shadow: 0 8px 32px rgb(130 77 126 / 8%), inset 0 0 0 1px rgb(244 196 187 / 35%);
}

.landing-page .landing-brand {
  flex-shrink: 0;
  color: #101014;
  font-size: 30px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -1.4px;
}

.landing-page .landing-brand span {
  color: #ef4d24;
}

.landing-page .landing-desktop-nav {
  display: flex;
  align-items: center;
  gap: 34px;
}

.landing-page .landing-desktop-nav > a:not(.landing-button) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  font-weight: 600;
}

.landing-page .landing-desktop-nav > a:not(.landing-button):hover,
.landing-page .landing-secondary-link:hover,
.landing-page .landing-legal-link:hover {
  color: #ba3514;
}

.landing-page :is(a.landing-button, button.landing-button, .landing-button > .wp-block-button__link) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  height: 64px;
  padding: 0 36px;
  border: 1px solid rgb(255 255 255 / 70%);
  border-radius: 999px;
  background: #ec4b22;
  color: #fff;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 24%), 0 6px 18px rgb(255 101 54 / 12%);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  transition: background 160ms ease, box-shadow 160ms ease;
}

.landing-page :is(a.landing-button, button.landing-button, .landing-button > .wp-block-button__link):hover {
  border-color: #fff;
  background: #ce3817;
  color: #fff;
  box-shadow: 0 7px 22px rgb(236 75 34 / 20%);
}

.landing-page :is(a.landing-button-small, button.landing-button-small, .landing-button-small > .wp-block-button__link) {
  height: 48px;
  padding-inline: 24px;
  background: #c93815;
  font-size: 16px;
}

.landing-page .landing-menu-button {
  display: none;
}

.landing-page .landing-hero {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: 780px;
  padding: 166px 0 112px;
  background:
    radial-gradient(ellipse at 15% 97%, rgb(255 171 117 / 40%), transparent 44%),
    radial-gradient(ellipse at 84% 91%, rgb(190 145 255 / 33%), transparent 42%),
    radial-gradient(ellipse at 50% 68%, #fff6ed, transparent 65%),
    #fff;
}

.landing-page .landing-hero-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

.landing-page .landing-hero-content {
  position: relative;
  z-index: 1;
  text-align: center;
}

.landing-page .landing-title {
  margin: 0;
  color: #08080b;
  font-size: clamp(100px, 10.2vw, 144px);
  font-weight: 850;
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.landing-page .landing-title > :is(span, strong) {
  display: block;
}

.landing-page .landing-title-accent,
.landing-page .landing-final-title > :is(span, strong):last-child {
  background: linear-gradient(112deg, #e95722 12%, #ef4c24 48%, #e74861 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #e84e2b;
}

.landing-page .landing-tagline {
  margin: 26px 0 12px;
  font-size: 35px;
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: -0.025em;
}

.landing-page .landing-intro {
  margin: 0;
  color: #565560;
  font-size: 19px;
  line-height: 1.75;
}

.landing-page .landing-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  margin-top: 32px;
}

.landing-page .landing-secondary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.landing-page .landing-proof {
  position: relative;
  z-index: 2;
  margin-top: -82px;
  padding-inline: 24px;
}

.landing-page .landing-proof-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: min(920px, 100%);
  min-height: 240px;
  margin-inline: auto;
  padding: 28px;
  border-radius: 32px;
  background: linear-gradient(118deg, rgb(255 246 235 / 73%), rgb(247 236 255 / 68%));
  box-shadow: 0 18px 60px rgb(198 149 206 / 15%), inset 0 1px 0 #fff;
}

.landing-page .landing-proof-number {
  font-size: 112px;
  font-weight: 850;
  line-height: 1.06;
  letter-spacing: -0.065em;
}

.landing-page .landing-proof-label {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.35;
}

.landing-page .landing-section-heading {
  margin: 0;
  font-size: 40px;
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: -0.025em;
  text-align: center;
  text-wrap: balance;
}

.landing-page .landing-methods {
  padding-block: 72px 76px;
}

.landing-page .landing-method-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: min(920px, 100%);
  margin: 44px auto 0;
}

.landing-page .landing-method {
  padding: 4px 44px;
}

.landing-page .landing-method + .landing-method {
  padding-left: 100px;
  border-left: 1px solid var(--landing-border);
}

.landing-page .landing-method-icon {
  display: inline-flex;
  color: #ed4c23;
  font-size: 42px;
  line-height: 1;
}

.landing-page .landing-method h3 {
  margin: 20px 0 9px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
}

.landing-page .landing-method p {
  margin: 0;
  color: var(--landing-muted);
  font-size: 20px;
  line-height: 1.75;
}

.landing-page .landing-scenarios {
  padding-bottom: 88px;
}

.landing-page .landing-scenario-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px;
  max-width: 1040px;
  margin: 40px auto 0;
}

.landing-page .landing-scenario {
  min-width: 0;
  padding-block: 24px 0;
  border-top: 1px solid var(--landing-border);
}

.landing-page .landing-scenario-icon {
  display: inline-flex;
  color: #ed4c23;
  font-size: 34px;
  line-height: 1;
}

.landing-page .landing-scenario h3 {
  margin: 16px 0 10px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.4;
}

.landing-page .landing-scenario p {
  margin: 0;
  color: var(--landing-muted);
  font-size: 18px;
  line-height: 1.8;
}

.landing-page .landing-scenario-industries {
  display: block;
  margin-top: 16px;
  color: #9b462e;
  font-size: 14px;
  line-height: 1.7;
}

.landing-page .landing-creators {
  padding-bottom: 88px;
}

.landing-page .landing-creator-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin-top: 36px;
}

.landing-page .landing-creator-sample {
  min-width: 0;
}

.landing-page .landing-creator-cover-link {
  display: block;
  border-radius: 18px;
}

.landing-page .landing-creator-cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 18px;
  background: #faf4f1;
}

.landing-page .landing-creator-copy {
  padding: 20px 2px 0;
}

.landing-page .landing-creator-copy h3 {
  margin: 0;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
}

.landing-page .landing-creator-meta {
  margin: 8px 0 0;
  color: #6d626b;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.landing-page .landing-creator-description {
  margin: 10px 0 0;
  color: var(--landing-muted);
  font-size: 16px;
  line-height: 1.75;
}

.landing-page .landing-sample-note {
  margin: 30px 0 8px;
  color: #706b75;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
  text-wrap: balance;
}

.landing-page .landing-creators > .landing-secondary-link {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}

.landing-page .landing-workflow {
  padding-block: 8px 44px;
}

.landing-page .landing-section-description {
  margin: 10px 0 32px;
  color: var(--landing-muted);
  font-size: 24px;
  line-height: 1.65;
  text-align: center;
}

.landing-page .landing-product {
  position: relative;
  display: grid;
  grid-template-columns: 184px minmax(0, 1fr);
  width: min(1040px, 100%);
  min-height: 440px;
  margin-block: 0;
  margin-inline: auto;
  padding: 16px;
  overflow: hidden;
  border-radius: 26px;
  background: linear-gradient(120deg, rgb(255 245 239 / 80%), rgb(245 239 255 / 80%));
  box-shadow: 0 12px 56px rgb(181 132 215 / 18%), -10px 8px 45px rgb(255 166 128 / 12%);
}

.landing-page .landing-product-sidebar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 10px 20px 24px 8px;
  border-right: 1px solid rgb(255 255 255 / 90%);
}

.landing-page .landing-product-sidebar .landing-brand {
  margin: 0 0 15px 8px;
  font-size: 26px;
  letter-spacing: -1px;
}

.landing-page .landing-product-side-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #797884;
  font-size: 15px;
  line-height: 1.4;
}

.landing-page .landing-product-side-link > .landing-icon {
  font-size: 18px;
}

.landing-page .landing-product-side-link > i {
  display: block;
  width: 70px;
  height: 9px;
  border-radius: 6px;
  background: #e1dfe9;
}

.landing-page .landing-product-side-link:is(.is-active, .active) {
  background: #ffe9e3;
  color: #bb3513;
}

.landing-page .landing-product-side-link.is-active > i {
  background: #ffbbaa;
}

.landing-page .landing-product-content {
  min-width: 0;
  margin-left: 16px;
  padding: 30px 24px 22px;
  border: 1px solid #f1eef5;
  border-radius: 14px;
  background: rgb(255 255 255 / 92%);
}











.landing-page .landing-preview-panel {
  min-height: 310px;
  padding: 2px 2px 12px;
}

.landing-page .landing-preview-panel h3 {
  margin: 0 0 18px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}

.landing-page .landing-brief-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 26px;
  margin: 0;
}

.landing-page .landing-brief-fields > div {
  min-width: 0;
  padding-block: 14px;
  border-bottom: 1px solid #efedf2;
}

.landing-page .landing-brief-fields dt {
  color: #77717d;
  font-size: 13px;
  line-height: 1.6;
}

.landing-page .landing-brief-fields dd {
  margin: 6px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.landing-page .landing-review-flow,
.landing-page .landing-preview-records {
  margin: 0;
  padding: 0;
  list-style: none;
}

.landing-page .landing-review-flow > li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  padding-block: 16px;
  border-bottom: 1px solid #efedf2;
}

.landing-page .landing-review-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff0eb;
  color: #bb3513;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.landing-page .landing-review-flow h4 {
  margin: 2px 0 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.landing-page .landing-review-flow p {
  margin: 0;
  color: var(--landing-muted);
  font-size: 14px;
  line-height: 1.75;
}

.landing-page .landing-preview-records > li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  padding-block: 15px;
  border-bottom: 1px solid #efedf2;
}

.landing-page .landing-preview-records strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.7;
}

.landing-page .landing-preview-records li > span {
  color: var(--landing-muted);
  font-size: 14px;
  line-height: 1.7;
}

.landing-page .landing-product-caption {
  grid-column: 1 / -1;
  margin-top: 14px;
  padding-inline: 4px;
  color: #746b79;
  font-size: 13px;
  line-height: 1.7;
  text-align: center;
}

.landing-page .landing-preview-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
}

.landing-page .landing-preview-timeline li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #62616d;
  font-size: 15px;
  line-height: 1.5;
}

.landing-page .landing-preview-timeline li + li::before {
  position: absolute;
  inset: 10px 50% auto -50%;
  height: 2px;
  background: #dbdae3;
  content: "";
}

.landing-page .landing-preview-timeline li.is-complete::before {
  background: var(--landing-orange);
}

.landing-page .landing-preview-dot {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 2px solid #ceccd7;
  border-radius: 50%;
  background: #fff;
}

.landing-page .is-complete > .landing-preview-dot {
  border-color: var(--landing-orange);
  background: var(--landing-orange);
}

.landing-page .landing-preview-dot > .landing-icon {
  color: #fff;
  font-size: 13px;
}

.landing-page .landing-preview-dot > .landing-icon svg {
  stroke: currentColor;
  stroke-width: 18;
}

.landing-page .landing-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 42px 0 0;
  padding: 0;
  list-style: none;
}

.landing-page .landing-steps li {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14px;
}

.landing-page .landing-steps li:not(:last-child)::after {
  display: none;
  position: absolute;
  top: 50%;
  right: -12px;
  width: clamp(20px, 3vw, 46px);
  height: 1px;
  transform: translateX(50%);
  background: #ffbda7;
  content: "";
}

.landing-page .landing-step-number {
  display: inline-flex;
  flex: 0 0 58px;
  align-items: center;
  justify-content: center;
  height: 58px;
  border-radius: 50%;
  background: #fff0eb;
  color: #c63b17;
  font-size: 25px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.landing-page .landing-step-label {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.landing-page .landing-step-copy {
  min-width: 0;
  padding-top: 4px;
}

.landing-page .landing-step-description {
  margin: 8px 0 0;
  color: var(--landing-muted);
  font-size: 15px;
  line-height: 1.75;
}

.landing-page .landing-example {
  padding-top: 16px;
}

.landing-page .landing-example-surface {
  position: relative;
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  min-height: 168px;
  padding: 30px 44px;
  border-radius: 20px;
  background:
    radial-gradient(ellipse at 100% 100%, rgb(232 180 255 / 56%), transparent 44%),
    radial-gradient(ellipse at 92% 5%, #ffd8b9, transparent 34%),
    #fff5f0;
}

.landing-page .landing-example-label {
  margin: 0 0 12px;
  color: #68616a;
  font-size: 13px;
  line-height: 1.6;
}

.landing-page .landing-example-heading h2 {
  margin: 0;
  font-size: 32px;
  font-weight: 750;
  line-height: 1.3;
}

.landing-page .landing-example-quote {
  margin: 0;
}

.landing-page .landing-quote-mark {
  display: block;
  height: 34px;
  color: #f5a576;
  font-family: Georgia, serif;
  font-size: 62px;
  line-height: 1;
}

.landing-page .landing-example-quote p {
  margin: 8px 0 0;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.7;
}

.landing-page .landing-faq {
  padding-block: 66px 76px;
}

.landing-page .landing-faq .landing-section-heading {
  margin-bottom: 20px;
  text-align: left;
}









.landing-page .landing-faq-collapse p {
  margin: 0;
  max-width: 880px;
}

.landing-page .landing-final {
  display: grid;
  place-items: center;
  min-height: 270px;
  padding-block: 48px;
  background:
    url('assets/images/footer-ribbons.png') bottom / 100% 100% no-repeat,
    radial-gradient(ellipse at 5% 100%, #ffb48c, transparent 48%),
    radial-gradient(ellipse at 100% 90%, #ecc7fd, transparent 47%),
    linear-gradient(110deg, #fff0ed, #fff7ef 55%, #fff0f7);
}

.landing-page .landing-final > .landing-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}

.landing-page .landing-final-title {
  margin: 0;
  font-size: clamp(42px, 4.6vw, 66px);
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.landing-page .landing-final-title > :is(span, strong) + span {
  margin-left: 0.16em;
}

.landing-page .landing-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 100px;
  padding-block: 18px;
}

.landing-page .landing-footer .landing-brand {
  font-size: 25px;
}

.landing-page .landing-legal-links {
  display: flex;
  align-items: center;
  gap: 20px;
}

.landing-page .landing-legal-link {
  min-height: 44px;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: #65616d;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}

.landing-page .landing-legal-link + .landing-legal-link::before {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin-right: 20px;
  background: #d4d0d8;
  vertical-align: middle;
  content: "";
}










@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .landing-page .glass {
    background: #fff8fc;
  }
}

@media (min-width: 1600px) {
  .landing-page .landing-hero-art {
    width: 1600px;
    left: calc(50% - 800px);
  }
}

@media (max-width: 1100px) {
  .landing-page .landing-container {
    width: calc(100% - 64px);
  }

  .landing-page .landing-header {
    padding-inline: 32px;
  }

  .landing-page .landing-desktop-nav {
    gap: 24px;
  }

  .landing-page .landing-hero {
    min-height: 730px;
    padding-top: 168px;
  }

  .landing-page .landing-hero-art {
    height: auto;
    mask-image: linear-gradient(#000 84%, transparent);
  }

  .landing-page .landing-title {
    font-size: clamp(88px, 11vw, 120px);
  }

  .landing-page .landing-method + .landing-method {
    padding-left: 64px;
  }

  .landing-page .landing-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 24px;
  }

  .landing-page .landing-steps li {
    gap: 10px;
  }

  .landing-page .landing-steps li:not(:last-child)::after {
    width: 22px;
    right: -9px;
  }

  .landing-page .landing-step-label {
    font-size: 16px;
  }

  .landing-page .landing-step-number {
    flex-basis: 50px;
    height: 50px;
    font-size: 22px;
  }

  .landing-page .landing-creator-grid {
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .landing-page .landing-container {
    width: calc(100% - 40px);
  }

  .landing-page .landing-header {
    top: 16px;
    padding-inline: 20px;
  }

  .landing-page .landing-nav {
    min-height: 64px;
    padding: 8px 10px 8px 20px;
  }

  .landing-page .landing-brand {
    font-size: 27px;
  }

  .landing-page .landing-desktop-nav {
    display: none;
  }

  .landing-page .landing-menu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--landing-ink);
    font-size: 22px;
  }

  .landing-page .landing-menu-button:hover {
    background: #fff1eb;
  }

  .landing-page .landing-hero {
    min-height: 640px;
    padding: 160px 0 126px;
    background:
      radial-gradient(ellipse at 5% 98%, rgb(255 171 117 / 38%), transparent 52%),
      radial-gradient(ellipse at 95% 85%, rgb(190 145 255 / 29%), transparent 48%),
      #fff;
  }

  .landing-page .landing-hero-art {
    inset: 76px 0 auto;
    width: 100%;
    height: auto;
    clip-path: inset(0 0 46% 0);
    opacity: 0.65;
  }

  .landing-page .landing-title {
    font-size: clamp(54px, 16.4vw, 102px);
    line-height: 1.02;
    letter-spacing: -0.05em;
  }

  .landing-page .landing-tagline {
    margin-top: 24px;
    font-size: clamp(21px, 5.8vw, 30px);
    line-height: 1.5;
  }

  .landing-page .landing-intro {
    max-width: 330px;
    margin-inline: auto;
    color: #53505c;
    font-size: 16px;
    line-height: 1.8;
    text-wrap: balance;
  }

  .landing-page .landing-hero-actions {
    flex-direction: column;
    gap: 10px;
    margin-top: 26px;
  }

  .landing-page :is(a.landing-button, button.landing-button, .landing-button > .wp-block-button__link) {
    height: 58px;
    padding-inline: 30px;
    font-size: 20px;
  }

  .landing-page .landing-secondary-link {
    min-height: 44px;
    font-size: 16px;
  }

  .landing-page .landing-proof {
    margin-top: -62px;
    padding-inline: 32px;
  }

  .landing-page .landing-proof-panel {
    gap: 6px;
    min-height: 166px;
    padding: 24px 16px;
    border-radius: 26px;
  }

  .landing-page .landing-proof-number {
    font-size: clamp(56px, 16vw, 76px);
  }

  .landing-page .landing-proof-label {
    font-size: 24px;
  }

  .landing-page .landing-section-heading {
    font-size: 26px;
    line-height: 1.55;
  }

  .landing-page .landing-methods {
    padding-block: 54px 48px;
  }

  .landing-page .landing-method-grid {
    grid-template-columns: 1fr;
    gap: 26px;
    max-width: 460px;
    margin-top: 30px;
  }

  .landing-page .landing-method {
    padding: 0 18px;
  }

  .landing-page .landing-method + .landing-method {
    padding: 26px 18px 0;
    border-top: 1px solid var(--landing-border);
    border-left: 0;
  }

  .landing-page .landing-method-icon {
    font-size: 36px;
  }

  .landing-page .landing-method h3 {
    margin: 12px 0 6px;
    font-size: 23px;
  }

  .landing-page .landing-method p {
    font-size: 16px;
  }

  .landing-page .landing-scenarios,
  .landing-page .landing-creators {
    padding-bottom: 56px;
  }

  .landing-page .landing-scenario-grid {
    grid-template-columns: 1fr;
    gap: 28px;
    max-width: 460px;
    margin-top: 28px;
  }

  .landing-page .landing-scenario {
    padding-top: 22px;
  }

  .landing-page .landing-scenario-icon {
    font-size: 30px;
  }

  .landing-page .landing-scenario h3 {
    margin: 14px 0 8px;
    font-size: 23px;
  }

  .landing-page .landing-scenario p {
    font-size: 16px;
  }

  .landing-page .landing-scenario-industries {
    margin-top: 12px;
    font-size: 13px;
  }

  .landing-page .landing-creator-grid {
    grid-template-columns: 1fr;
    gap: 30px;
    max-width: 350px;
    margin: 28px auto 0;
  }

  .landing-page .landing-creator-cover {
    border-radius: 16px;
  }

  .landing-page .landing-creator-copy {
    padding-top: 16px;
  }

  .landing-page .landing-creator-copy h3 {
    font-size: 23px;
  }

  .landing-page .landing-creator-description {
    margin-top: 8px;
    font-size: 15px;
  }

  .landing-page .landing-sample-note {
    margin-top: 24px;
    font-size: 12px;
  }

  .landing-page .landing-workflow {
    padding-block: 6px 32px;
  }

  .landing-page .landing-section-description {
    margin: 10px 0 26px;
    font-size: 16px;
    text-wrap: balance;
  }

  .landing-page .landing-product {
    grid-template-columns: 56px minmax(0, 1fr);
    min-height: 264px;
    padding: 8px;
    border-radius: 18px;
  }

  .landing-page .landing-product-sidebar {
    gap: 7px;
    align-items: center;
    padding: 8px 7px 10px 0;
  }

  .landing-page .landing-product-sidebar .landing-brand {
    margin: 0 0 10px;
    font-size: 12px;
    letter-spacing: -0.65px;
  }

  .landing-page .landing-product-side-link {
    justify-content: center;
    gap: 0;
    width: 36px;
    min-height: 32px;
    padding: 6px;
    overflow: hidden;
    font-size: 0;
  }

  .landing-page .landing-product-side-link > .landing-icon {
    font-size: 17px;
  }

  .landing-page .landing-product-side-link > i {
    display: none;
  }

  .landing-page .landing-product-content {
    margin-left: 7px;
    padding: 20px 10px 12px;
    border-radius: 10px;
  }



  .landing-page .landing-preview-panel {
    min-height: 420px;
    padding-bottom: 8px;
  }

  .landing-page .landing-preview-panel h3 {
    margin-bottom: 12px;
    font-size: 16px;
  }

  .landing-page .landing-brief-fields {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .landing-page .landing-brief-fields > div {
    padding-block: 10px;
  }

  .landing-page .landing-brief-fields dt {
    font-size: 12px;
  }

  .landing-page .landing-brief-fields dd {
    margin-top: 4px;
    font-size: 14px;
  }

  .landing-page .landing-review-flow > li {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 9px;
    padding-block: 12px;
  }

  .landing-page .landing-review-number {
    width: 26px;
    height: 26px;
    font-size: 12px;
  }

  .landing-page .landing-review-flow h4 {
    margin-top: 1px;
    font-size: 14px;
  }

  .landing-page .landing-review-flow p {
    font-size: 13px;
  }

  .landing-page .landing-preview-records > li {
    flex-direction: column;
    gap: 4px;
    padding-block: 12px;
  }

  .landing-page .landing-preview-records strong {
    font-size: 14px;
  }

  .landing-page .landing-preview-records li > span {
    font-size: 13px;
  }

  .landing-page .landing-product-caption {
    margin-top: 10px;
    font-size: 12px;
  }

  .landing-page .landing-preview-timeline {
    margin-bottom: 18px;
  }

  .landing-page .landing-preview-timeline li {
    gap: 8px;
    font-size: 12px;
  }

  .landing-page .landing-preview-timeline li + li::before {
    top: 8px;
  }

  .landing-page .landing-preview-dot {
    width: 18px;
    height: 18px;
  }

  .landing-page .landing-preview-dot > .landing-icon {
    font-size: 11px;
  }

  .landing-page .landing-steps {
    grid-template-columns: 1fr;
    gap: 24px;
    max-width: 560px;
    margin: 30px auto 0;
  }

  .landing-page .landing-steps li {
    justify-content: flex-start;
    gap: 10px;
  }

  .landing-page .landing-steps li:not(:last-child)::after {
    display: none;
  }

  .landing-page .landing-step-number {
    flex-basis: 42px;
    height: 42px;
    font-size: 19px;
  }

  .landing-page .landing-step-label {
    font-size: 15px;
  }

  .landing-page .landing-step-description {
    margin-top: 6px;
    font-size: 14px;
  }

  .landing-page .landing-example {
    padding-top: 12px;
  }

  .landing-page .landing-example-surface {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px 26px;
    border-radius: 18px;
  }

  .landing-page .landing-example-label {
    margin-bottom: 8px;
    font-size: 12px;
  }

  .landing-page .landing-example-heading h2 {
    font-size: 28px;
  }

  .landing-page .landing-example-quote p {
    font-size: 18px;
  }

  .landing-page .landing-faq {
    padding-block: 48px 52px;
  }

  .landing-page .landing-faq .landing-section-heading {
    margin-bottom: 16px;
  }



  .landing-page .landing-final {
    min-height: 270px;
    padding-block: 42px;
  }

  .landing-page .landing-final > .landing-container {
    gap: 24px;
  }

  .landing-page .landing-final-title {
    font-size: clamp(42px, 11.5vw, 64px);
    line-height: 1.08;
  }

  .landing-page .landing-final-title > :is(span, strong) {
    display: block;
  }

  .landing-page .landing-final-title > :is(span, strong) + span {
    margin-left: 0;
  }

  .landing-page .landing-footer {
    gap: 16px;
    min-height: 96px;
  }

  .landing-page .landing-footer .landing-brand {
    font-size: 22px;
  }

  .landing-page .landing-legal-links {
    gap: 12px;
  }

  .landing-page .landing-legal-link {
    font-size: 12px;
  }

  .landing-page .landing-legal-link + .landing-legal-link::before {
    margin-right: 12px;
  }
}

@media (max-width: 359px) {
  .landing-page .landing-container {
    width: calc(100% - 32px);
  }

  .landing-page .landing-header {
    padding-inline: 16px;
  }

  .landing-page .landing-hero {
    min-height: 628px;
    padding-top: 150px;
  }

  .landing-page .landing-title {
    font-size: 54px;
  }

  .landing-page .landing-tagline {
    font-size: 21px;
  }

  .landing-page .landing-intro {
    max-width: 265px;
    font-size: 15px;
  }

  .landing-page .landing-proof {
    padding-inline: 24px;
  }

  .landing-page .landing-proof-number {
    font-size: 56px;
  }

  .landing-page .landing-section-heading {
    font-size: 23px;
  }

  .landing-page .landing-product {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 6px;
  }

  .landing-page .landing-product-sidebar .landing-brand {
    font-size: 10px;
  }

  .landing-page .landing-product-content {
    padding-inline: 6px;
  }

  .landing-page .landing-step-label {
    font-size: 14px;
  }

  .landing-page .landing-footer {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding-block: 24px;
  }
}



@media (forced-colors: active) {
  .landing-page .glass {
    border-color: CanvasText;
  }

  .landing-page .landing-title-accent,
  .landing-page .landing-final-title > :is(span, strong):last-child {
    background: none;
    -webkit-text-fill-color: CanvasText;
    color: CanvasText;
  }
}

/* Native blocks keep the approved layout while content stays editable. */
html { scroll-behavior: smooth; }
body.landing-body { margin: 0; }
.landing-page :is(input, button, textarea, select) { font: inherit; }
.landing-page :is(img, video) { max-width: 100%; }
.landing-page .landing-icon { display: block; width: 1em; height: 1em; flex-shrink: 0; }
.landing-page .wp-block-button { margin: 0; }
.landing-page .landing-button > .wp-block-button__link { text-decoration: none; box-sizing: border-box; white-space: normal; }
.landing-page .wp-block-group > .wp-block-buttons { margin-block-start: 0; }
.landing-page .landing-title strong,
.landing-page .landing-final-title strong { font-weight: inherit; }
.landing-page .landing-title > br { display: none; }
.landing-page .landing-title strong,
.landing-page .landing-final-title strong {
  background: linear-gradient(112deg, #e95722 12%, #ef4c24 48%, #e74861 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #e84e2b;
}
.landing-page figure.landing-hero-art { margin: 0; }
.landing-page .landing-hero-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.landing-page .landing-proof-number,
.landing-page .landing-proof-label { margin: 0; }
.landing-page .landing-method-icon img,
.landing-page .landing-scenario-icon img { width: 1em; height: 1em; }
.landing-page .landing-creator-link { display: block; margin: 0; }
.landing-page .landing-creator-link a { display: block; border-radius: 18px; }
.landing-page .landing-creator-link img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 18px; }
.landing-page .landing-creator-sample > h3 { margin: 20px 2px 0; font-size: 25px; line-height: 1.4; }
.landing-page .landing-step { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 0 14px; align-content: start; }
.landing-page .landing-step-number { grid-row: 1 / 3; width: 58px; margin: 0; }
.landing-page .landing-step-label { margin: 4px 0 0; }
.landing-page .landing-step-description { grid-column: 2; }
.landing-page .landing-content-section { padding-block: 32px 68px; }
.landing-page .landing-content-section > .landing-secondary-link { display: flex; width: fit-content; max-width: 100%; margin: 28px auto 0; }
.landing-page .landing-preview-tab-list { display: flex; min-width: 0; margin-bottom: 22px; border-bottom: 1px solid #efedf2; }
.landing-page .landing-preview-tab-list [role="tab"] { position: relative; display: flex; flex: 1; align-items: center; justify-content: center; min-width: 0; min-height: 48px; padding: 12px 6px; color: #62616b; font-size: 15px; line-height: 1.5; text-align: center; }
.landing-page .landing-preview-tab-list [aria-selected="true"] { color: #b83b20; font-weight: 700; }
.landing-page .landing-preview-tab-list [aria-selected="true"]::after { position: absolute; inset: auto 0 -1px; height: 2px; background: #ff6536; content: ""; }
.landing-page .landing-preview-panel[hidden] { display: none; }
.landing-page .landing-preview-panel:focus-visible { outline: 3px solid #713eb5; outline-offset: 2px; }
.landing-page .landing-faq-item { border-top: 1px solid var(--landing-border); }
.landing-page .landing-faq-item:last-child { border-bottom: 1px solid var(--landing-border); }
.landing-page .landing-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 64px; padding: 18px 8px; font-size: 18px; font-weight: 600; line-height: 1.5; list-style: none; cursor: pointer; }
.landing-page .landing-faq-item summary::-webkit-details-marker { display: none; }
.landing-page .landing-faq-item summary::after { flex-shrink: 0; width: 8px; height: 8px; border-right: 1.5px solid #62616b; border-bottom: 1.5px solid #62616b; transform: translateY(-2px) rotate(45deg); content: ""; }
.landing-page .landing-faq-item[open] summary::after { transform: translateY(2px) rotate(225deg); }
.landing-page .landing-faq-item > :not(summary) { max-width: 880px; margin: 0; padding: 0 8px 22px; color: #62616b; font-size: 16px; line-height: 1.8; }
.landing-page summary:focus-visible { outline: 3px solid #713eb5; outline-offset: 2px; }
.landing-page .landing-mobile-menu { display: none; }
.landing-page .landing-legal-link { display: inline-flex; align-items: center; }
.landing-page .landing-desktop-nav { gap: 24px; }
.landing-page .landing-desktop-nav > [aria-current="page"] { color: #ba3514; }
.landing-page .landing-desktop-nav > a:not(.landing-button) { white-space: nowrap; }
.landing-page .landing-desktop-nav .landing-button-small { padding-inline: 20px; white-space: nowrap; }
.chiwa-archive-hero { position: relative; padding: 192px 0 68px; background: radial-gradient(ellipse at 10% 90%, #ffe5d6, transparent 50%), radial-gradient(ellipse at 92% 95%, #efe1ff, transparent 45%), #fff8f5; }
.chiwa-archive-hero h1 { max-width: 920px; margin: 0; font-size: clamp(36px, 4.8vw, 64px); line-height: 1.25; font-weight: 800; letter-spacing: -0.04em; text-wrap: balance; }
.chiwa-archive-hero p:not(.chiwa-eyebrow) { max-width: 760px; margin: 22px 0 0; color: var(--landing-muted); font-size: 20px; line-height: 1.8; }
.chiwa-archive-hero .landing-button { margin-top: 30px; }
.chiwa-eyebrow { margin: 0 0 20px; color: #a34024; font-size: 12px; font-weight: 750; letter-spacing: 0.14em; line-height: 1.8; }
.chiwa-archive { padding-block: 56px 80px; }
.chiwa-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 32px; }
.chiwa-archive > .chiwa-card-grid { margin-top: 0; }
.chiwa-card { position: relative; min-width: 0; padding-bottom: 28px; border-bottom: 1px solid #e9e7ed; }
.chiwa-card-cover { display: block; overflow: hidden; border-radius: 18px; background: #fff5f0; }
.chiwa-card-cover img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 200ms ease; }
.type-chiwa_case .chiwa-card-cover img { aspect-ratio: 3 / 4; }
.chiwa-card:focus-within .chiwa-card-cover img,
.chiwa-card:hover .chiwa-card-cover img { transform: scale(1.025); }
.chiwa-card-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; aspect-ratio: 4 / 3; padding: 28px; background: radial-gradient(ellipse at 10% 95%, #ffc9ac, transparent 70%), radial-gradient(ellipse at 95% 10%, #e5d2ff, transparent 65%), #fff4ef; font-size: clamp(24px, 3vw, 42px); font-weight: 850; line-height: 1.05; letter-spacing: -0.06em; }
.chiwa-card-placeholder > span:last-child { color: #ca3e20; }
.chiwa-card-copy { position: relative; padding: 22px 34px 0 0; }
.chiwa-card-meta { display: flex; flex-wrap: wrap; gap: 10px 16px; color: #756775; font-size: 12px; line-height: 1.5; }
.chiwa-card-meta > span { color: #ac3d23; }
.chiwa-card h3 { margin: 13px 0 10px; font-size: 24px; font-weight: 700; line-height: 1.5; text-wrap: balance; overflow-wrap: anywhere; }
.chiwa-card h3 a:hover { color: #ad361b; }
.chiwa-card-copy > p { margin: 0; color: var(--landing-muted); font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.chiwa-card-arrow { position: absolute; top: 50px; right: 2px; color: #b83b20; font-size: 25px; }
.chiwa-empty { max-width: 680px; margin: 36px auto; padding: 40px 24px; text-align: center; }
.chiwa-empty h2 { margin: 0; font-size: 28px; line-height: 1.5; }
.chiwa-empty p,.chiwa-empty-inline { color: var(--landing-muted); line-height: 1.8; }
.chiwa-empty-inline { padding: 36px 0; text-align: center; }
.landing-page .navigation.pagination { margin-top: 48px; }
.landing-page .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.landing-page .page-numbers,
.landing-page .page-links > a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 14px; border: 1px solid #e9e0ea; border-radius: 50px; font-size: 15px; line-height: 1.5; }
.landing-page .page-numbers.current { border-color: #ec4b22; background: #ec4b22; color: #fff; }
.landing-page .page-numbers.dots { border-color: transparent; }
.chiwa-article-header { max-width: 960px; padding-block: 174px 42px; }
.chiwa-back-link { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 24px; color: #8d452e !important; font-size: 14px; }
.chiwa-article-header h1 { margin: 0; font-size: clamp(36px, 4.8vw, 60px); font-weight: 800; line-height: 1.3; letter-spacing: -0.035em; overflow-wrap: anywhere; text-wrap: balance; }
.chiwa-article-header time { display: block; margin-top: 24px; color: #776e7a; font-size: 13px; }
.chiwa-article-excerpt { max-width: 800px; margin: 24px 0 0; color: var(--landing-muted); font-size: 21px; line-height: 1.8; }
.chiwa-article-cover { max-width: 960px; margin-block: 0 48px; }
.chiwa-article-cover img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: cover; border-radius: 24px; }
.type-chiwa_case .chiwa-article-cover { max-width: 560px; }
.type-chiwa_case .chiwa-article-cover img { max-height: none; }
.chiwa-prose { width: min(760px, calc(100% - 96px)); margin-inline: auto; color: #403a45; font-size: 18px; line-height: 1.95; overflow-wrap: anywhere; }
.chiwa-prose > * { margin-block: 0 1.5em; }
.chiwa-prose :is(h2,h3,h4) { margin-top: 1.8em; margin-bottom: 0.6em; color: #161119; line-height: 1.5; }
.chiwa-prose h2 { font-size: 30px; }
.chiwa-prose h3 { font-size: 24px; }
.chiwa-prose a { color: #a63114; text-decoration: underline; text-underline-offset: 3px; }
.chiwa-prose a:hover { color: #7c200b; }
.chiwa-prose :is(ul,ol) { padding-left: 1.5em; }
.chiwa-prose blockquote { margin-inline: 0; padding: 16px 24px; border-left: 3px solid #ee633c; border-radius: 0 12px 12px 0; background: #fff5f0; }
.chiwa-prose blockquote p { margin-block: 0; }
.chiwa-prose img { height: auto; border-radius: 14px; }
.chiwa-prose :is(figure,table,iframe) { max-width: 100%; }
.chiwa-prose table { width: 100%; border-collapse: collapse; font-size: 16px; }
.chiwa-prose :is(td,th) { padding: 12px; border: 1px solid #e9e0ea; text-align: left; }
.chiwa-prose .wp-block-table { overflow-x: auto; }
.chiwa-prose th { background: #fff5f0; color: var(--landing-ink); }
.chiwa-prose :is(td,th) { vertical-align: top; }
.chiwa-prose pre { padding: 24px; border: 1px solid #e9e0ea; border-radius: 16px; background: #fff8f3; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.9em; line-height: 1.8; }
.chiwa-prose :is(h2,h3)[id] { scroll-margin-top: 120px; }
.chiwa-prose :is(h2,h3)[tabindex]:focus-visible { outline: 2px solid #a63114; outline-offset: 6px; }
.chiwa-toc { padding: 24px 28px; border: 1px solid #eedfe8; border-radius: 20px; background: linear-gradient(125deg, #fff7f0, #faf5ff); font-size: 16px; }
.chiwa-toc summary { cursor: pointer; color: #29212d; font-weight: 700; }
.chiwa-toc summary span { margin-left: 10px; color: var(--landing-muted); font-size: 13px; font-weight: 400; }
.chiwa-toc ol { margin: 16px 0 0; padding-left: 0; list-style: none; }
.chiwa-toc a { display: block; padding-block: 6px; text-decoration: none; }
.chiwa-toc a:hover { text-decoration: underline; }
.chiwa-toc .chiwa-toc-subheading { margin-left: 1em; }
.chiwa-related { margin-block: 64px 0; }
.chiwa-related h2 { margin: 0 0 28px; font-size: 32px; line-height: 1.5; letter-spacing: -0.025em; }
.chiwa-related .chiwa-card-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); margin-top: 0; }
.chiwa-related .chiwa-card:only-child { max-width: 420px; }
.chiwa-article-cta { padding-block: 60px 72px; }
.chiwa-article-cta > div { padding: 46px 32px; border-radius: 26px; background: linear-gradient(118deg, rgb(255 246 235 / 90%), rgb(247 236 255 / 85%)); text-align: center; }
.chiwa-article-cta h2 { margin: 0; font-size: 32px; line-height: 1.5; }
.chiwa-article-cta p { margin: 14px 0 24px; color: var(--landing-muted); }
.chiwa-information-page { padding-bottom: 64px; }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; white-space: nowrap; }
@media (max-width: 1100px) {
  .landing-page .landing-hero-art img { height: auto; }
  .landing-page .landing-desktop-nav { gap: 18px; }
  .landing-page .landing-desktop-nav > a:not(.landing-button) { font-size: 14px; }
  .landing-page .landing-desktop-nav .landing-button-small { padding-inline: 16px; font-size: 14px; }
  .landing-page .landing-step { grid-template-columns: 50px minmax(0, 1fr); gap: 0 10px; }
  .landing-page .landing-step-number { width: 50px; }
}
@media (max-width: 1023px) {
  .landing-page .landing-desktop-nav { display: none; }
  .landing-page .landing-mobile-menu { display: block; position: relative; }
  .landing-page .landing-mobile-menu .landing-menu-button { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; list-style: none; cursor: pointer; }
  .landing-page .landing-menu-button::-webkit-details-marker { display: none; }
  .landing-menu-lines { position: relative; display: block; width: 20px; height: 2px; background: #111015; }
  .landing-menu-lines::before,.landing-menu-lines::after { position: absolute; left: 0; width: 20px; height: 2px; background: #111015; content: ""; }
  .landing-menu-lines::before { top: -6px; }
  .landing-menu-lines::after { top: 6px; }
  .landing-page .landing-mobile-menu[open] .landing-menu-button { background: #ffece4; }
  .landing-page .landing-mobile-menu > nav { position: absolute; z-index: 20; top: 58px; right: 0; display: flex; flex-direction: column; gap: 4px; width: min(340px, calc(100vw - 56px)); padding: 20px; border: 1px solid #eee2e8; border-radius: 20px; background: #fffafc; box-shadow: 0 15px 42px rgb(103 52 89 / 16%); }
  .landing-page .landing-mobile-menu > nav > a:not(.landing-button) { display: flex; align-items: center; min-height: 48px; padding: 8px; border-bottom: 1px solid #f1e5ec; font-size: 16px; }
  .landing-page .landing-mobile-menu .landing-button { margin-top: 12px; font-size: 15px; }
}
@media (max-width: 767px) {
  .landing-page .landing-hero-art img { height: auto; }
  .landing-page .landing-step { grid-template-columns: 42px minmax(0, 1fr); }
  .landing-page .landing-step-number { width: 42px; }
  .landing-page .landing-creator-sample > h3 { margin-top: 16px; font-size: 23px; }
  .landing-page .landing-preview-tab-list { margin-bottom: 16px; }
  .landing-page .landing-preview-tab-list [role="tab"] { min-height: 44px; padding: 10px 2px; font-size: 12px; }
  .landing-page .landing-faq-item summary { padding-inline: 2px; font-size: 16px; }
  .landing-page .landing-faq-item > :not(summary) { padding-inline: 2px; font-size: 15px; }
  .landing-page .landing-content-section { padding-block: 20px 48px; }
  .chiwa-card-grid { grid-template-columns: 1fr; gap: 32px; max-width: 500px; margin-inline: auto; }
  .chiwa-card-copy { padding-top: 18px; }
  .chiwa-card h3 { margin-block: 10px 8px; font-size: 23px; }
  .chiwa-card-placeholder { font-size: 42px; }
  .chiwa-archive-hero { padding: 136px 0 44px; }
  .chiwa-archive-hero h1 { font-size: 36px; line-height: 1.35; }
  .chiwa-archive-hero p:not(.chiwa-eyebrow) { margin-top: 18px; font-size: 16px; }
  .chiwa-archive { padding-block: 36px 48px; }
  .chiwa-article-header { padding-block: 130px 30px; }
  .chiwa-article-header h1 { font-size: 32px; }
  .chiwa-article-header time { margin-top: 18px; }
  .chiwa-article-excerpt { margin-top: 18px; font-size: 18px; }
  .chiwa-article-cover { margin-bottom: 32px; }
  .chiwa-article-cover img { border-radius: 18px; }
  .chiwa-prose { width: calc(100% - 40px); font-size: 16px; }
  .chiwa-prose h2 { font-size: 26px; }
  .chiwa-prose h3 { font-size: 22px; }
  .chiwa-prose table { font-size: 14px; }
  .chiwa-prose :is(td,th) { padding: 8px; }
  .chiwa-prose pre { padding: 18px; }
  .chiwa-prose :is(h2,h3)[id] { scroll-margin-top: 100px; }
  .chiwa-toc { padding: 20px; font-size: 15px; }
  .chiwa-toc a { padding-block: 8px; }
  .chiwa-related { margin-top: 44px; }
  .chiwa-related h2 { margin-bottom: 22px; font-size: 26px; }
  .chiwa-article-cta { padding-block: 36px 48px; }
  .chiwa-article-cta > div { padding: 32px 20px; }
  .chiwa-article-cta h2 { font-size: 26px; }
  .chiwa-article-cta .landing-button { font-size: 17px; padding-inline: 24px; }
}
@media (max-width: 359px) {
  .chiwa-prose { width: calc(100% - 32px); }
  .chiwa-archive-hero h1 { font-size: 30px; }
  .chiwa-card-placeholder { font-size: 36px; }
  .chiwa-card h3 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .landing-page *, .landing-page *::before, .landing-page *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-delay: 0ms !important; }
}
@media (forced-colors: active) {
  .landing-page .landing-title strong,
  .landing-page .landing-final-title strong { background: none; -webkit-text-fill-color: CanvasText; color: CanvasText; }
  .landing-page .landing-preview-tab-list [aria-selected="true"] { outline: 1px solid CanvasText; }
}
/* Seeded content uses paragraphs for editable labels and icons. */
.landing-page .landing-method p.landing-method-icon { margin: 0; color: #ed4c23; font-size: 42px; line-height: 1; }
.landing-page .landing-scenario p.landing-scenario-icon { margin: 0; color: #ed4c23; font-size: 34px; line-height: 1; }
.landing-page .landing-scenario p.landing-scenario-industries { margin-top: 16px; color: #9b462e; font-size: 14px; line-height: 1.7; }
.landing-page .landing-creator-caption { margin: 10px 0 0; color: var(--landing-muted); font-size: 16px; line-height: 1.75; }
.landing-page :is(.landing-creators, .landing-content-section) > p:last-child { margin: 28px 0 0; text-align: center; }
.landing-page .landing-product-section { padding-bottom: 56px; }
.landing-page .landing-workflow .landing-steps { margin-top: 30px; }
.landing-page .landing-hero-actions > p { margin: 0; }
.landing-page .chiwa-demo-notice { padding: 18px 22px; border: 1px solid #f2d5c7; border-radius: 14px; background: #fff5ed; color: #81503d; font-size: 15px; line-height: 1.8; }
@media (max-width: 767px) {
  .landing-page .landing-method p.landing-method-icon { font-size: 36px; }
  .landing-page .landing-scenario p.landing-scenario-icon { font-size: 30px; }
  .landing-page .landing-scenario p.landing-scenario-industries { margin-top: 12px; font-size: 13px; }
  .landing-page .landing-creator-caption { margin-top: 8px; font-size: 15px; }
  .landing-page .landing-product-section { padding-bottom: 40px; }
}
/* Native flow spacing must not stagger cards in a CSS grid. */
.landing-page .landing-hero > .landing-hero-content,
.landing-page :is(.landing-method-grid, .landing-scenario-grid, .landing-creator-grid, .landing-steps) > *,
.landing-page .landing-faq-item { margin-block: 0; }
.landing-page #landing-main > .landing-page > :not(.landing-proof) { margin-block: 0; }

/* The original list stays readable without JavaScript; only its decorative twin loops. */
.landing-page .chiwa-brands { padding-block: 76px 28px; }
.chiwa-brands-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.chiwa-brands-kicker { margin: 0 0 10px; color: #a63114; font-size: 14px; font-weight: 650; letter-spacing: .12em; }
.chiwa-brands h2 { margin: 0; color: #111015; font-size: clamp(27px, 3vw, 38px); font-weight: 750; line-height: 1.4; letter-spacing: -.025em; text-wrap: balance; }
.chiwa-brands-intro { margin: 12px 0 0; color: #62616b; font-size: 16px; line-height: 1.8; }
.chiwa-brands-control { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; border-radius: inherit; background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; touch-action: pan-y; }
.chiwa-brands-control:focus-visible { outline: 3px solid #7c3db4; outline-offset: -5px; }
.chiwa-brands-control[hidden], .chiwa-brands-grid[hidden] { display: none !important; }
.chiwa-brands-viewport { position: relative; overflow: hidden; padding: 24px; border: 1px solid #eee4e9; border-radius: 28px; background: linear-gradient(115deg, rgb(255 246 237 / 68%), rgb(251 246 255 / 64%)); box-shadow: inset 0 1px 0 #fff, 0 12px 36px rgb(150 111 152 / 5%); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.chiwa-brands-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.chiwa-brand { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-width: 0; min-height: 146px; padding: 20px; border: 1px solid rgb(255 255 255 / 85%); border-radius: 18px; background: rgb(255 255 255 / 80%); }
.chiwa-brand-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 72px; margin: 0; }
.chiwa-brand img { display: block; width: 100%; height: 72px; max-width: 174px; object-fit: contain; }
.chiwa-brand-name { color: #68606b; font-size: 12px; line-height: 1.5; text-align: center; }
.chiwa-brand-wordmark { color: #29212c; font-size: clamp(20px, 2vw, 26px); font-weight: 700; line-height: 1.5; text-align: center; }
.chiwa-brands[data-brand-enhanced="true"] .chiwa-brands-viewport { padding-inline: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
.chiwa-brands[data-brand-enhanced="true"] .chiwa-brands-track { display: flex; width: max-content; animation: chiwa-brand-drift var(--brand-duration, 40s) linear infinite; animation-play-state: paused; }
.chiwa-brands[data-brand-motion="running"] .chiwa-brands-track { animation-play-state: running; }
.chiwa-brands[data-brand-enhanced="true"] .chiwa-brands-grid { display: flex; flex: 0 0 auto; gap: 20px; padding-right: 20px; }
.chiwa-brands[data-brand-enhanced="true"] .chiwa-brand { flex: 0 0 230px; width: 230px; }
@keyframes chiwa-brand-drift { to { transform: translateX(-50%); } }
@media (max-width: 767px) {
  .landing-page .chiwa-brands { padding-block: 44px 16px; }
  .chiwa-brands-header { align-items: flex-start; flex-direction: column; gap: 18px; margin-bottom: 22px; }
  .chiwa-brands-kicker { font-size: 12px; }
  .chiwa-brands-intro { font-size: 14px; }
  .chiwa-brands-viewport { padding: 14px; border-radius: 22px; }
  .chiwa-brands-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .chiwa-brand { min-height: 124px; padding: 14px; gap: 10px; border-radius: 14px; }
  .chiwa-brand-logo, .chiwa-brand img { height: 58px; }
  .chiwa-brand-name { font-size: 11px; }
  .chiwa-brands[data-brand-enhanced="true"] .chiwa-brand { flex-basis: 190px; width: 190px; }
  .chiwa-brands[data-brand-enhanced="true"] .chiwa-brands-grid { gap: 14px; padding-right: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .chiwa-brands .chiwa-brands-track { animation: none !important; transform: none !important; }
}