/* CMS scoped baseline (reference HTML look) */
#dcms_layoutPageBlockPasteArea .dtp-ai-lp,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp * {
  box-sizing: border-box;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp {
  --base: #FAF8F5;
  --bg-soft: #F3E7DD;
  --text: #2E2A27;
  --body: #4F4A45;
  --muted: #6F665F;
  --line: #D9C8BC;
  --line-soft: #E6D8CC;
  --red: #B74D4D;
  --red-hover: #9F3F3F;
  --orange: #E67E22;
  --orange-hover: #CC6D1B;
  --navy: #2F4358;
  --blue: #5C7FA3;
  --marker: #E7D98F;
  --max: 1280px;
  --radius: 2px;
  --kv-image-url: url("https://www.dtpnet.jp/dcms_media/image/AIAnalyzeintroduction.png");
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp h1,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp h2,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp h3,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp h4,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp p,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp ul,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp li {
  margin-top: 0;
}

/* Avoid double header/footer in CMS template */
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .topbar,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp > footer {
  display: none !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp {
  margin: 0;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
  font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 10% 8%, rgba(185, 78, 75, 0.08) 0, rgba(185, 78, 75, 0) 30%),
    radial-gradient(circle at 88% 20%, rgba(166, 61, 61, 0.06) 0, rgba(166, 61, 61, 0) 28%),
    linear-gradient(180deg, #FDFBF8 0%, var(--base) 100%);
  line-height: 1.75;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.015em;
  overflow-x: clip;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp a {
  color: inherit;
  text-decoration: none;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .wrap {
  width: min(var(--max), calc(100% - 20px));
  margin: 0 auto;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .topbar {
  background: #fff;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 20;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 0;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .brand {
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--red);
  font-size: 1.02rem;
  white-space: nowrap;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .menu {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 0.92rem;
  color: var(--muted);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--radius);
  padding: 10px 16px;
  font-size: 1.08rem;
  line-height: 1.25;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn:hover {
  opacity: 0.82;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn-red {
  background: var(--red);
  color: #fff;
  border: 3px solid var(--red);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn-orange {
  background: var(--orange);
  color: #fff;
  border: 3px solid var(--orange);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn-ghost {
  background: #fff;
  color: var(--red);
  border: 2px solid var(--line);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  color: #fff;
  background:
    linear-gradient(rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.46)),
    var(--kv-image-url) center / cover no-repeat,
    linear-gradient(120deg, #2E2A27 0%, #2F4358 100%);
  overflow: hidden;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv::before,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv::after {
  content: none !important;
  display: none !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv h1 {
  margin: 0 0 18px;
  font-size: clamp(3.1rem, 6.2vw, 4.9rem);
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: 0.03em;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv p {
  margin: 0;
  max-width: 60ch;
  font-size: clamp(1.73rem, 3.12vw, 1.92rem);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv-cta {
  margin-top: 26px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* CTA buttons only: visual size up */
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv-cta .btn {
  padding: 20px 36px !important;
  font-size: 1.5rem !important;
  line-height: 1.25 !important;
  min-width: 220px;
}

/* Bigger CTA for section 2 / 4 / 6 */
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #value .kv-cta .btn,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .kv-cta .btn,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #effects .kv-cta .btn {
  padding: 24px 46px !important;
  font-size: 1.74rem !important;
  min-width: 270px;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .section {
  padding: 74px 0;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(135deg, #FDFBF8 0%, #F3ECE6 56%, #FAF8F5 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .section.soft {
  background:
    radial-gradient(circle at 14% 8%, rgba(185, 78, 75, 0.065) 0, rgba(185, 78, 75, 0) 32%),
    radial-gradient(circle at 92% 12%, rgba(232, 216, 204, 0.62) 0, rgba(232, 216, 204, 0) 30%),
    linear-gradient(135deg, var(--bg-soft) 0%, #FAF8F5 58%, #FDFBF8 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #issues {
  background:
    radial-gradient(circle at 12% 8%, rgba(185, 78, 75, 0.07) 0, rgba(185, 78, 75, 0) 30%),
    linear-gradient(135deg, #F0E4DC 0%, #FAF8F5 62%, #FDFBF8 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #value {
  background:
    radial-gradient(circle at 16% 18%, rgba(232, 216, 204, 0.62) 0, rgba(232, 216, 204, 0) 30%),
    radial-gradient(circle at 88% 12%, rgba(166, 61, 61, 0.045) 0, rgba(166, 61, 61, 0) 28%),
    linear-gradient(135deg, #FDFBF8 0%, #F4ECE5 58%, #FAF8F5 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons {
  background:
    radial-gradient(circle at 15% 16%, rgba(185, 78, 75, 0.075) 0, rgba(185, 78, 75, 0) 30%),
    linear-gradient(135deg, #E8D8CC 0%, #F5EEE8 56%, #FAF8F5 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase {
  background:
    radial-gradient(circle at 14% 16%, rgba(232, 216, 204, 0.55) 0, rgba(232, 216, 204, 0) 28%),
    radial-gradient(circle at 90% 8%, rgba(185, 78, 75, 0.04) 0, rgba(185, 78, 75, 0) 26%),
    linear-gradient(135deg, #FDFBF8 0%, #FAF8F5 62%, #FFFEFC 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #screens {
  background:
    radial-gradient(circle at 12% 10%, rgba(232, 216, 204, 0.58) 0, rgba(232, 216, 204, 0) 30%),
    radial-gradient(circle at 88% 18%, rgba(185, 78, 75, 0.045) 0, rgba(185, 78, 75, 0) 28%),
    linear-gradient(135deg, #F1E8E0 0%, #FAF8F5 58%, #FDFBF8 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #effects {
  background:
    radial-gradient(circle at 14% 82%, rgba(232, 216, 204, 0.56) 0, rgba(232, 216, 204, 0) 30%),
    radial-gradient(circle at 85% 14%, rgba(166, 61, 61, 0.055) 0, rgba(166, 61, 61, 0) 30%),
    linear-gradient(135deg, #FDFBF8 0%, #F3ECE6 56%, #FAF8F5 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq {
  background:
    radial-gradient(circle at 16% 12%, rgba(185, 78, 75, 0.055) 0, rgba(185, 78, 75, 0) 30%),
    linear-gradient(135deg, #F0E4DC 0%, #FAF8F5 60%, #FDFBF8 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .sec-title {
  margin: 0 0 12px;
  text-align: center;
  font-size: clamp(2.94rem, 4.84vw, 4.49rem);
  line-height: 1.45;
  font-weight: 800;
  letter-spacing: 0.01em;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .sec-sub {
  margin: 0 auto 34px;
  text-align: center;
  color: var(--muted);
  max-width: 76ch;
  font-size: 1.81rem;
  line-height: 1.78;
  letter-spacing: 0.01em;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .sec-kicker {
  margin: 0 0 14px;
  text-align: center;
  color: var(--red);
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: 1.52rem;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .marker {
  background: var(--marker);
  padding: 0 3px;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-box {
  display: block !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 248, 245, 0.96) 100%) !important;
  border: 1px solid var(--line) !important;
  padding: 24px !important;
  box-shadow: 0 12px 30px rgba(166, 61, 61, 0.08);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-box h3 {
  margin: 0 0 8px;
  font-size: 1.9rem;
  line-height: 1.42;
  letter-spacing: 0.005em;
  color: var(--text);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-box p {
  margin: 0;
  color: var(--muted);
  font-size: 1.7rem;
  line-height: 1.68;
  letter-spacing: 0.005em;
}

/* Readability boost for section 2 / 3 / 4 / 7 body text */
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #value .sec-sub,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons .sec-sub,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .sec-sub,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq .sec-sub {
  font-size: 1.75rem;
  line-height: 1.9;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #value .ai-box h3,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons .ai-box h3,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .ai-box h3,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq .ai-box h3 {
  font-size: 1.99rem;
  line-height: 1.55;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #value .ai-box p,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons .ai-box p,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .ai-box p,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq .ai-box p {
  font-size: 1.8rem;
  line-height: 1.9;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .usecase li {
  font-size: 1.91rem;
  line-height: 1.55;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq .ai-faq h3 {
  font-size: 1.93rem;
  line-height: 1.6;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-issue {
  border-left: 4px solid var(--red) !important;
  font-weight: 500;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-feature {
  border-top: 4px solid var(--red) !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-reason {
  border-top: 4px solid var(--red) !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .usecase h3 {
  color: var(--red);
  font-size: 2.12rem !important;
  line-height: 1.35 !important;
  font-weight: 800;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .usecase ul {
  margin: 0 !important;
  padding-left: 18px !important;
  color: var(--text);
  list-style: disc !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .usecase li + li {
  margin-top: 4px;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .screens {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 8px;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 248, 245, 0.96) 100%);
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(166, 61, 61, 0.08);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot .ph {
  width: 100%;
  aspect-ratio: 16 / 10;
  display: block;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, #F3ECE6 0%, #E8D8CC 100%),
    repeating-linear-gradient(135deg, transparent 0, transparent 12px, rgba(255, 255, 255, 0.55) 12px, rgba(255, 255, 255, 0.55) 24px);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot .shot-media {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 240px;
  padding: 8px 12px 0;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #FDFBF8 0%, #F1E8E0 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot .screen-img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot p {
  margin: 0;
  padding: 10px;
  font-size: 1.52rem;
  color: var(--muted);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-effect {
  text-align: center;
  font-weight: 600;
  color: var(--text);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-faq h3 {
  color: var(--text);
  font-size: 1.7rem;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .final-cta {
  margin-top: 8px;
  padding: 56px 30px;
  text-align: center;
  color: #fff;
  background:
    radial-gradient(circle at 18% 0%, rgba(232, 216, 204, 0.22) 0, rgba(232, 216, 204, 0) 34%),
    linear-gradient(rgba(20, 20, 20, 0.34), rgba(20, 20, 20, 0.34)),
    linear-gradient(120deg, #2F4358 0%, #B74D4D 100%);
  box-shadow: 0 22px 52px rgba(116, 38, 24, 0.22);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .final-cta h2 {
  margin: 0 0 14px;
  font-size: clamp(2.76rem, 4.84vw, 4.32rem);
  line-height: 1.45;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .final-cta p {
  margin: 0 auto 24px;
  max-width: 70ch;
  font-size: 1.79rem;
  color: rgba(255, 255, 255, 0.94);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .final-cta .kv-cta {
  justify-content: center;
  margin-top: 0;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .fade {
  opacity: 0;
  transform: translateY(12px);
  animation: dtp-ai-up 0.5s ease forwards;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .fade:nth-child(2) { animation-delay: 0.06s; }
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .fade:nth-child(3) { animation-delay: 0.12s; }
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .fade:nth-child(4) { animation-delay: 0.18s; }
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .fade:nth-child(5) { animation-delay: 0.24s; }
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .fade:nth-child(6) { animation-delay: 0.30s; }

@keyframes dtp-ai-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp footer {
  padding: 26px 0 36px;
  text-align: center;
  color: var(--muted);
  font-size: 0.85rem;
  background: #fff;
}

/* Section color system: apparel warmth + AI/analysis trust accents */
#dcms_layoutPageBlockPasteArea .dtp-ai-lp {
  color: var(--text);
  background: var(--base);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv {
  color: #FFFFFF;
  background:
    linear-gradient(rgba(34, 30, 28, 0.35), rgba(34, 30, 28, 0.35)),
    var(--kv-image-url) center / cover no-repeat,
    linear-gradient(120deg, var(--text) 0%, var(--navy) 100%);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv h1 {
  color: #FFFFFF;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv p {
  color: rgba(255, 255, 255, 0.88);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn-red {
  background: var(--red);
  color: #FFFFFF;
  border-color: var(--red);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn-red:hover {
  background: var(--red-hover);
  border-color: var(--red-hover);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn-orange {
  background: var(--orange);
  color: #FFFFFF;
  border-color: var(--orange);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn-orange:hover {
  background: var(--orange-hover);
  border-color: var(--orange-hover);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn-ghost {
  background: #FFFFFF;
  color: var(--red);
  border-color: var(--line);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .btn-ghost:hover {
  background: #F8F1ED;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv .btn-ghost {
  border-color: var(--red);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .section {
  background: var(--base);
  border-bottom-color: var(--line-soft);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #issues,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #effects {
  background: #F3E7DD;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #value,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #screens,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq {
  background: #FFFFFF;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase {
  background: #F8F8F6;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #value > .wrap > .kv-cta,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase > .wrap > .kv-cta,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #effects > .wrap > .kv-cta {
  margin: 42px auto 0;
  padding: 28px 24px;
  justify-content: center;
  background: #F8F8F6;
  border: 1px solid var(--line-soft);
  box-shadow: 0 14px 34px rgba(47, 42, 39, 0.04);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #issues.section {
  padding-top: 96px;
  padding-bottom: 104px;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #issues .sec-kicker {
  margin-bottom: 28px;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #issues .sec-title {
  margin-bottom: 30px;
  line-height: 1.62;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #issues .sec-sub {
  margin-bottom: 68px;
  line-height: 2;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .sec-title {
  color: var(--text);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .sec-sub {
  color: var(--muted);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .sec-kicker {
  color: var(--red);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .marker {
  background: rgba(231, 217, 143, 0.48);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-box {
  background: #FFFFFF !important;
  border-color: var(--line) !important;
  box-shadow: 0 12px 30px rgba(47, 42, 39, 0.05);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-box h3 {
  color: var(--text);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-box p,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .usecase ul,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot p {
  color: var(--navy);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot p strong {
  display: block;
  color: var(--navy);
  font-weight: 800;
  line-height: 1.45;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot p span {
  display: block;
  margin-top: 4px;
  color: var(--body);
  font-size: 0.82em;
  line-height: 1.55;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-issue {
  border-left-color: var(--red) !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-feature {
  border-top-color: var(--red) !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #value .ai-feature h3,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .usecase h3 {
  color: var(--blue);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-reason,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-effect,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-faq h3 {
  color: var(--navy);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-reason {
  border-top-color: var(--navy) !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #effects .ai-box h3,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons .ai-reason h3,
#dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq .ai-faq h3 {
  color: var(--navy);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons .ai-reason {
  border-top-color: var(--navy) !important;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot {
  border-color: var(--line-soft);
  background: #FFFFFF;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot .shot-media {
  border-bottom-color: var(--line-soft);
  background: #FFFFFF;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot .ph {
  border-bottom-color: var(--line-soft);
  background:
    linear-gradient(135deg, #FFFFFF 0%, #F8F1ED 100%),
    repeating-linear-gradient(135deg, transparent 0, transparent 12px, rgba(217, 200, 188, 0.38) 12px, rgba(217, 200, 188, 0.38) 24px);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp #cta {
  background: var(--navy);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .final-cta {
  background: var(--navy);
  box-shadow: 0 22px 52px rgba(47, 67, 88, 0.24);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .final-cta h2 {
  color: #FFFFFF;
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .final-cta p {
  color: rgba(255, 255, 255, 0.8);
}

#dcms_layoutPageBlockPasteArea .dtp-ai-lp .final-cta .btn-ghost {
  color: var(--navy);
  border-color: #FFFFFF;
}

@media (max-width: 900px) {
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .screens {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot .shot-media {
    height: 210px;
  }

}

@media (max-width: 760px) {
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .topbar-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .menu {
    width: 100%;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .section {
    padding: 56px 0;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #issues.section {
    padding-top: 76px;
    padding-bottom: 84px;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-grid-2,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-grid-3,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .ai-grid-4,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .screens {
    grid-template-columns: 1fr;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .shot .shot-media {
    height: 190px;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv {
    min-height: 470px;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .final-cta {
    padding: 44px 16px;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .kv-cta .btn {
    width: 100%;
    min-width: 0;
    padding: 16px 20px !important;
    font-size: 1.26rem !important;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #value .kv-cta .btn,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .kv-cta .btn,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #effects .kv-cta .btn {
    padding: 17px 20px !important;
    font-size: 1.34rem !important;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #value .sec-sub,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons .sec-sub,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .sec-sub,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq .sec-sub {
    font-size: 1.56rem;
    line-height: 1.8;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #value .ai-box h3,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons .ai-box h3,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .ai-box h3,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq .ai-box h3 {
    font-size: 1.67rem;
    line-height: 1.5;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #value .ai-box p,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #reasons .ai-box p,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .ai-box p,
  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq .ai-box p {
    font-size: 1.52rem;
    line-height: 1.8;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #usecase .usecase li {
    font-size: 1.66rem;
    line-height: 1.55;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp #faq .ai-faq h3 {
    font-size: 1.64rem;
    line-height: 1.55;
  }

  #dcms_layoutPageBlockPasteArea .dtp-ai-lp .usecase h3 {
    font-size: 1.78rem !important;
    line-height: 1.35 !important;
  }
}