.xgb-cdpcrm,.xgb-cdpcrm *,.xgb-cdpcrm *::before,.xgb-cdpcrm *::after{box-sizing: border-box}.xgb-cdpcrm{--xgb-orange: #f45100;--xgb-orange-light: #ff6a18;--xgb-orange-dark: #c83d00;--xgb-orange-soft: #fff6f0;--xgb-black: #151515;--xgb-graphite: #202023;--xgb-text: #2c2c30;--xgb-muted: #6b6b72;--xgb-line: #e7e7ea;--xgb-soft: #f7f7f8;--xgb-white: #ffffff;width: min(1160px,calc(100% - 40px));margin: 0 auto;padding: 38px 0 88px;color: var(--xgb-text);font-family: "Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.xgb-cdpcrm__hero{max-width: 1000px;margin-bottom: 38px}.xgb-cdpcrm__eyebrow,.xgb-cdpcrm__label{display: block;margin: 0 0 12px;color: var(--xgb-orange);font-size: 10px;font-weight: 900;line-height: 1.4;letter-spacing: .09em}.xgb-cdpcrm h1{max-width: 1000px;margin: 0 0 22px;color: var(--xgb-black);font-size: clamp(38px,5vw,61px);font-weight: 900;line-height: 1.14;letter-spacing: -.04em}.xgb-cdpcrm__lead{max-width: 950px;margin: 0 0 15px;color: var(--xgb-graphite);font-size: clamp(18px,2vw,22px);font-weight: 500;line-height: 1.8}.xgb-cdpcrm__intro{max-width: 920px;margin: 0;color: var(--xgb-muted);font-size: 15.5px;line-height: 1.85}.xgb-cdpcrm__actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 29px}.xgb-cdpcrm a.xgb-cdpcrm__btn{display: inline-flex;align-items: center;justify-content: center;gap: 9px;min-height: 52px;padding: 0 22px;border: 1px solid transparent;border-radius: 12px;font-size: 13px;font-weight: 800;line-height: 1;text-decoration: none;transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease}.xgb-cdpcrm a.xgb-cdpcrm__btn::after{content: "→";font-size: 15px;font-weight: 900;transition: transform .2s ease}.xgb-cdpcrm a.xgb-cdpcrm__btn:hover{transform: translateY(-2px)}.xgb-cdpcrm a.xgb-cdpcrm__btn:hover::after{transform: translateX(3px)}.xgb-cdpcrm__btn--primary{color: #fff !important;background: linear-gradient( 135deg,#ff6a18 0%,#f45100 52%,#d84200 100% );border-color: #dd4809 !important;box-shadow: 0 11px 25px rgba(244,81,0,.24),inset 0 1px 0 rgba(255,255,255,.22)}.xgb-cdpcrm__btn--secondary{color: var(--xgb-black) !important;background: linear-gradient( 180deg,#fff,#f7f7f9 );border-color: #d6d6da !important;box-shadow: 0 8px 20px rgba(0,0,0,.06)}.xgb-cdpcrm__btn--dark{color: #fff !important;background: linear-gradient( 135deg,#29292d,#18181b );border-color: #38383d !important}.xgb-cdpcrm__cover{overflow: hidden;margin: 0 0 58px;background: #f4f4f5;border: 1px solid var(--xgb-line);border-radius: 18px;box-shadow: 0 18px 48px rgba(0,0,0,.07)}.xgb-cdpcrm__cover-image{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}.xgb-cdpcrm__cover figcaption{padding: 12px 16px;color: var(--xgb-muted);background: #fff;border-top: 1px solid var(--xgb-line);font-size: 12px;line-height: 1.6}.xgb-cdpcrm__section{padding: 48px 0;border-top: 1px solid var(--xgb-line)}.xgb-cdpcrm__section--first{padding-top: 0;border-top: 0}.xgb-cdpcrm h2{max-width: 900px;margin: 0 0 15px;color: var(--xgb-black);font-size: clamp(27px,3vw,39px);font-weight: 900;line-height: 1.3;letter-spacing: -.03em}.xgb-cdpcrm h3{margin: 0 0 8px;color: var(--xgb-black);font-size: 18px;font-weight: 800;line-height: 1.45}.xgb-cdpcrm__subheading{margin-top: 28px !important}.xgb-cdpcrm p{max-width: 930px;margin: 0 0 17px;font-size: 15.5px;line-height: 1.85}.xgb-cdpcrm a{color: var(--xgb-orange-dark);font-weight: 700;text-underline-offset: 3px}.xgb-cdpcrm li{line-height: 1.7}.xgb-cdpcrm__problem-grid,.xgb-cdpcrm__definition-grid,.xgb-cdpcrm__data-columns,.xgb-cdpcrm__risk-pair,.xgb-cdpcrm__demo-pair{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 11px;margin-top: 24px}.xgb-cdpcrm__problem-grid > article,.xgb-cdpcrm__definition-grid > article,.xgb-cdpcrm__data-columns > article,.xgb-cdpcrm__risk-pair > article,.xgb-cdpcrm__demo-pair > article{padding: 23px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 12px}.xgb-cdpcrm__problem-grid > article > span,.xgb-cdpcrm__definition-grid > article > span,.xgb-cdpcrm__data-columns > article > span,.xgb-cdpcrm__risk-pair > article > span,.xgb-cdpcrm__demo-pair > article > span{display: block;margin-bottom: 8px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-cdpcrm__problem-grid ul{padding-left: 18px;color: var(--xgb-muted);font-size: 13px}.xgb-cdpcrm__result{display: block;margin-top: 15px;color: var(--xgb-orange-dark)}.xgb-cdpcrm__principle,.xgb-cdpcrm__note,.xgb-cdpcrm__warning{max-width: 900px;margin-top: 22px;padding: 22px 24px;border-radius: 11px}.xgb-cdpcrm__principle,.xgb-cdpcrm__warning{color: #fff;background: linear-gradient( 135deg,#19191c,#29292d );border-left: 4px solid var(--xgb-orange)}.xgb-cdpcrm__note{background: #fff7f2;border: 1px solid #f3c9b4;border-left: 4px solid var(--xgb-orange)}.xgb-cdpcrm__principle strong,.xgb-cdpcrm__note strong,.xgb-cdpcrm__warning strong{display: block;margin-bottom: 7px}.xgb-cdpcrm__principle p,.xgb-cdpcrm__warning p{margin: 0;color: #c8c8cc;font-size: 14px}.xgb-cdpcrm__note p{margin: 0;font-size: 14px}.xgb-cdpcrm__note-text{max-width: 900px;margin-top: 18px !important;padding: 14px 16px;color: var(--xgb-muted);background: var(--xgb-soft);border-left: 3px solid var(--xgb-orange);border-radius: 7px;font-size: 13px !important}.xgb-cdpcrm__vertical-flow{display: grid;gap: 5px;margin-top: 16px}.xgb-cdpcrm__vertical-flow > div{padding: 10px 12px;color: var(--xgb-black);background: #fff;border: 1px solid var(--xgb-line);border-radius: 7px;font-size: 11px;font-weight: 800;text-align: center}.xgb-cdpcrm__vertical-flow > b{color: var(--xgb-orange);text-align: center}.xgb-cdpcrm__table-wrap{overflow-x: auto;margin-top: 24px;border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-cdpcrm table{width: 100%;min-width: 760px;border-collapse: collapse;background: #fff}.xgb-cdpcrm th,.xgb-cdpcrm td{padding: 13px 15px;border-bottom: 1px solid var(--xgb-line);text-align: left;vertical-align: top;font-size: 12.5px;line-height: 1.6}.xgb-cdpcrm th{color: #fff;background: #1b1b1e;font-weight: 800}.xgb-cdpcrm tbody tr:last-child td{border-bottom: 0}.xgb-cdpcrm__table-note{margin-top: 12px !important;color: var(--xgb-muted);font-size: 12.5px !important}.xgb-cdpcrm__domain-list{display: grid;gap: 8px;margin-top: 17px}.xgb-cdpcrm__domain-list > div{padding: 13px 14px;background: #fff;border: 1px solid var(--xgb-line);border-radius: 8px}.xgb-cdpcrm__domain-list strong{display: block;margin-bottom: 3px;color: var(--xgb-black);font-size: 12px}.xgb-cdpcrm__domain-list small{color: var(--xgb-muted);line-height: 1.5}.xgb-cdpcrm__example{max-width: 900px;margin-top: 22px;padding: 22px;background: #fff7f2;border: 1px solid #f3c9b4;border-radius: 11px}.xgb-cdpcrm__example > span{display: block;margin-bottom: 12px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-cdpcrm__example-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 9px}.xgb-cdpcrm__example-grid article{padding: 17px;background: #fff;border: 1px solid var(--xgb-line);border-radius: 8px}.xgb-cdpcrm__example-grid p{margin: 5px 0 0;color: var(--xgb-muted);font-size: 12.5px}.xgb-cdpcrm__source-flow{max-width: 900px;margin: 25px auto 0;padding: 25px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 17px}.xgb-cdpcrm__source-flow__sources{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 7px}.xgb-cdpcrm__source-flow article{padding: 15px;background: #fff;border: 1px solid var(--xgb-line);border-radius: 8px;text-align: center}.xgb-cdpcrm__source-flow article span{display: block;margin-bottom: 5px;color: var(--xgb-orange);font-size: 8px;font-weight: 900}.xgb-cdpcrm__source-flow > b{display: block;padding: 7px 0;color: var(--xgb-orange);text-align: center}.xgb-cdpcrm__source-flow__cdp,.xgb-cdpcrm__source-flow__crm{color: #fff !important;background: linear-gradient( 135deg,#19191c,#29292d ) !important;border-color: #35353a !important}.xgb-cdpcrm__source-flow__cdp strong,.xgb-cdpcrm__source-flow__crm strong{color: #fff}.xgb-cdpcrm__journey,.xgb-cdpcrm__full-flow{display: flex;align-items: stretch;gap: 7px;margin: 24px 0}.xgb-cdpcrm__journey > div,.xgb-cdpcrm__full-flow > div{display: flex;flex: 1;align-items: center;justify-content: center;min-width: 0;min-height: 70px;padding: 10px;color: var(--xgb-black);background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px;font-size: 10.5px;font-weight: 800;text-align: center}.xgb-cdpcrm__journey > b,.xgb-cdpcrm__full-flow > b{align-self: center;color: var(--xgb-orange)}.xgb-cdpcrm__identity-visual{display: flex;flex-wrap: wrap;align-items: center;gap: 7px;margin: 15px 0}.xgb-cdpcrm__identity-visual > div{padding: 8px 10px;background: #fff;border: 1px solid var(--xgb-line);border-radius: 7px;font-size: 10px;font-weight: 800}.xgb-cdpcrm__identity-visual b{color: var(--xgb-orange)}.xgb-cdpcrm__risk-pair p{margin: 0;color: var(--xgb-muted);font-size: 13px}.xgb-cdpcrm__profile-grid,.xgb-cdpcrm__derived-grid,.xgb-cdpcrm__responsibility-grid,.xgb-cdpcrm__domain-grid,.xgb-cdpcrm__truth-grid,.xgb-cdpcrm__governance-grid,.xgb-cdpcrm__tco-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px;margin-top: 24px}.xgb-cdpcrm__profile-grid article,.xgb-cdpcrm__derived-grid article,.xgb-cdpcrm__responsibility-grid article,.xgb-cdpcrm__domain-grid article,.xgb-cdpcrm__truth-grid article,.xgb-cdpcrm__governance-grid article,.xgb-cdpcrm__tco-grid article{padding: 17px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px;color: var(--xgb-black);font-size: 11px;font-weight: 800}.xgb-cdpcrm__responsibility-grid span,.xgb-cdpcrm__domain-grid span,.xgb-cdpcrm__truth-grid span{display: block;margin-bottom: 7px;color: var(--xgb-orange);font-size: 8px;font-weight: 900}.xgb-cdpcrm__governance-grid p{margin: 4px 0 0;color: var(--xgb-muted);font-size: 12px;font-weight: 400}.xgb-cdpcrm__compare{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;margin-top: 24px}.xgb-cdpcrm__compare article{padding: 22px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-cdpcrm__compare article > span{display: block;margin-bottom: 8px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-cdpcrm__compare p{margin: 0;color: var(--xgb-muted);font-size: 13px}.xgb-cdpcrm__question-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;margin-top: 24px}.xgb-cdpcrm__question-grid article{padding: 17px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px}.xgb-cdpcrm__question-grid strong{display: block;color: var(--xgb-black);font-size: 12px}.xgb-cdpcrm__question-grid p{margin: 4px 0 0;color: var(--xgb-muted);font-size: 12px}.xgb-cdpcrm__lineage{display: grid;grid-template-columns: minmax(0,.8fr) auto minmax(0,1.2fr);gap: 12px;align-items: center;max-width: 850px;margin: 24px 0}.xgb-cdpcrm__lineage article{padding: 21px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-cdpcrm__lineage span{display: block;margin-bottom: 7px;color: var(--xgb-orange);font-size: 8px;font-weight: 900}.xgb-cdpcrm__lineage > b{color: var(--xgb-orange);font-size: 20px}.xgb-cdpcrm__bidirectional{display: grid;grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);gap: 12px;align-items: center;max-width: 720px;margin-top: 22px}.xgb-cdpcrm__bidirectional > div{padding: 20px;color: #fff;background: linear-gradient( 135deg,#19191c,#29292d );border-radius: 10px}.xgb-cdpcrm__bidirectional span{display: block;margin-bottom: 5px;color: #ff7840;font-size: 9px;font-weight: 900}.xgb-cdpcrm__bidirectional > b{color: var(--xgb-orange);font-size: 22px}.xgb-cdpcrm__decision-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-top: 24px}.xgb-cdpcrm__decision-grid article{padding: 22px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-cdpcrm__decision-grid span{display: block;margin-bottom: 8px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-cdpcrm__decision-grid ul{margin-bottom: 0;padding-left: 18px;color: var(--xgb-muted);font-size: 12.5px}.xgb-cdpcrm__scenario-grid,.xgb-cdpcrm__failure-grid,.xgb-cdpcrm__anti-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 9px;margin-top: 24px}.xgb-cdpcrm__anti-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.xgb-cdpcrm__scenario-grid article,.xgb-cdpcrm__failure-grid article,.xgb-cdpcrm__anti-grid article{padding: 20px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-cdpcrm__scenario-grid span,.xgb-cdpcrm__failure-grid span,.xgb-cdpcrm__anti-grid span{display: block;margin-bottom: 7px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-cdpcrm__scenario-grid p,.xgb-cdpcrm__failure-grid p,.xgb-cdpcrm__anti-grid p{margin: 0;color: var(--xgb-muted);font-size: 12.5px}.xgb-cdpcrm__checklist{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;margin-top: 24px}.xgb-cdpcrm__checklist label{display: flex;align-items: center;gap: 9px;min-height: 54px;padding: 11px 14px;color: var(--xgb-black);background: #fff;border: 1px solid var(--xgb-line);border-radius: 8px;font-size: 12px;font-weight: 700}.xgb-cdpcrm__checklist span{color: var(--xgb-orange);font-size: 16px}.xgb-cdpcrm__status-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px;margin-top: 20px}.xgb-cdpcrm__status-grid article{padding: 17px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px}.xgb-cdpcrm__status-grid span{display: block;margin-bottom: 6px;color: var(--xgb-orange);font-size: 8px;font-weight: 900}.xgb-cdpcrm__red-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px;margin-top: 24px}.xgb-cdpcrm__red-grid article{min-height: 118px;padding: 18px;background: #fff8f4;border: 1px solid #f1d0be;border-radius: 10px}.xgb-cdpcrm__red-grid span{display: block;margin-bottom: 9px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-cdpcrm__red-grid strong{color: var(--xgb-black);font-size: 11px;line-height: 1.55}.xgb-cdpcrm__number-list{max-width: 900px;margin: 24px 0 0;padding: 0;list-style: none;counter-reset: xgb-cdpcrm-q}.xgb-cdpcrm__number-list li{position: relative;min-height: 58px;margin: 0 0 8px;padding: 17px 18px 17px 58px;color: var(--xgb-black);background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px;counter-increment: xgb-cdpcrm-q}.xgb-cdpcrm__number-list li::before{content: counter(xgb-cdpcrm-q,decimal-leading-zero);position: absolute;top: 50%;left: 17px;color: var(--xgb-orange);font-size: 10px;font-weight: 900;transform: translateY(-50%)}.xgb-cdpcrm__faq details{margin-bottom: 8px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-cdpcrm__faq summary{padding: 17px 19px;color: var(--xgb-black);font-weight: 800;cursor: pointer}.xgb-cdpcrm__faq details p{margin: 0;padding: 0 19px 19px;color: var(--xgb-muted);font-size: 14px}.xgb-cdpcrm__cta{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr);gap: 42px;margin-top: 50px;padding: 38px;color: #fff;background: radial-gradient( circle at 100% 0%,rgba(244,81,0,.22),transparent 44% ),#171719;border-radius: 19px}.xgb-cdpcrm__cta h2{color: #fff}.xgb-cdpcrm__cta p{margin-bottom: 0;color: #c8c8cc}.xgb-cdpcrm__cta-actions{display: flex;flex-direction: column;justify-content: center;gap: 9px}.xgb-cdpcrm a:focus-visible,.xgb-cdpcrm summary:focus-visible{outline: 2px solid var(--xgb-orange);outline-offset: 3px}@media screen and (max-width: 1000px){.xgb-cdpcrm__profile-grid,.xgb-cdpcrm__derived-grid,.xgb-cdpcrm__responsibility-grid,.xgb-cdpcrm__domain-grid,.xgb-cdpcrm__truth-grid,.xgb-cdpcrm__governance-grid,.xgb-cdpcrm__tco-grid,.xgb-cdpcrm__scenario-grid,.xgb-cdpcrm__failure-grid,.xgb-cdpcrm__red-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-cdpcrm__source-flow__sources{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-cdpcrm__status-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-cdpcrm__cta{grid-template-columns: 1fr}}@media screen and (max-width: 760px){.xgb-cdpcrm{width: min(100% - 28px,1160px);padding-top: 25px}.xgb-cdpcrm h1{font-size: 37px}.xgb-cdpcrm__problem-grid,.xgb-cdpcrm__definition-grid,.xgb-cdpcrm__data-columns,.xgb-cdpcrm__risk-pair,.xgb-cdpcrm__demo-pair,.xgb-cdpcrm__compare,.xgb-cdpcrm__decision-grid,.xgb-cdpcrm__anti-grid{grid-template-columns: 1fr}.xgb-cdpcrm__journey,.xgb-cdpcrm__full-flow{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-cdpcrm__journey > b,.xgb-cdpcrm__full-flow > b{display: none}.xgb-cdpcrm__checklist,.xgb-cdpcrm__question-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-cdpcrm__lineage,.xgb-cdpcrm__bidirectional{grid-template-columns: 1fr}.xgb-cdpcrm__lineage > b,.xgb-cdpcrm__bidirectional > b{text-align: center}.xgb-cdpcrm__cta{padding: 28px 22px}}@media screen and (max-width: 520px){.xgb-cdpcrm h1{font-size: 33px}.xgb-cdpcrm__actions{flex-direction: column;align-items: stretch}.xgb-cdpcrm a.xgb-cdpcrm__btn{width: 100%}.xgb-cdpcrm__profile-grid,.xgb-cdpcrm__derived-grid,.xgb-cdpcrm__responsibility-grid,.xgb-cdpcrm__domain-grid,.xgb-cdpcrm__truth-grid,.xgb-cdpcrm__governance-grid,.xgb-cdpcrm__tco-grid,.xgb-cdpcrm__scenario-grid,.xgb-cdpcrm__failure-grid,.xgb-cdpcrm__red-grid,.xgb-cdpcrm__source-flow__sources,.xgb-cdpcrm__status-grid,.xgb-cdpcrm__checklist,.xgb-cdpcrm__question-grid,.xgb-cdpcrm__journey,.xgb-cdpcrm__full-flow{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.xgb-cdpcrm *,.xgb-cdpcrm *::before,.xgb-cdpcrm *::after{transition-duration: .001ms !important;animation-duration: .001ms !important;animation-iteration-count: 1 !important}}