.xgb-components,.xgb-components *,.xgb-components *::before,.xgb-components *::after{box-sizing: border-box}.xgb-components{--xgb-orange: #f45100;--xgb-orange-light: #ff6a18;--xgb-orange-dark: #c83d00;--xgb-orange-soft: #fff5ef;--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-components__hero{max-width: 990px;margin-bottom: 38px}.xgb-components__eyebrow,.xgb-components__label,.xgb-components__number{display: block;margin: 0 0 12px;color: var(--xgb-orange);font-size: 10px;font-weight: 900;line-height: 1.4;letter-spacing: .09em}.xgb-components h1{max-width: 950px;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-components__lead{max-width: 940px;margin: 0 0 15px;color: var(--xgb-graphite);font-size: clamp(18px,2vw,22px);font-weight: 500;line-height: 1.8}.xgb-components__intro{max-width: 900px;margin: 0;color: var(--xgb-muted);font-size: 15.5px;line-height: 1.85}.xgb-components__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 29px}.xgb-components a.xgb-components__btn{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 9px;min-height: 51px;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,border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.xgb-components a.xgb-components__btn::after{content: "→";font-size: 15px;font-weight: 900;transition: transform .2s ease}.xgb-components a.xgb-components__btn:hover,.xgb-components a.xgb-components__btn:focus-visible{transform: translateY(-2px)}.xgb-components a.xgb-components__btn:hover::after,.xgb-components a.xgb-components__btn:focus-visible::after{transform: translateX(3px)}.xgb-components__btn--primary{color: #ffffff !important;background: linear-gradient( 135deg,#ff6918 0%,#f45100 50%,#d84200 100% );border-color: #de4907 !important;box-shadow: 0 11px 25px rgba(244,81,0,.24),inset 0 1px 0 rgba(255,255,255,.22)}.xgb-components__btn--secondary{color: #202023 !important;background: linear-gradient( 180deg,#ffffff 0%,#f7f7f9 100% );border-color: #d5d5da !important;box-shadow: 0 8px 20px rgba(0,0,0,.06),inset 0 1px 0 #ffffff}.xgb-components__btn--secondary:hover{border-color: rgba(244,81,0,.65) !important;box-shadow: 0 12px 27px rgba(0,0,0,.09),0 0 0 4px rgba(244,81,0,.07)}.xgb-components__btn--dark{color: #ffffff !important;background: linear-gradient( 135deg,#29292d,#18181b );border-color: #38383d !important;box-shadow: 0 10px 24px rgba(0,0,0,.17)}.xgb-components__cover{overflow: hidden;width: 100%;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-components__cover-image{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}.xgb-components__cover figcaption{padding: 12px 16px;color: var(--xgb-muted);background: #ffffff;border-top: 1px solid var(--xgb-line);font-size: 12px;line-height: 1.6}.xgb-components__body{width: 100%}.xgb-components__section{padding: 48px 0;border-top: 1px solid var(--xgb-line)}.xgb-components__section--intro{padding-top: 0;border-top: 0}.xgb-components__section-head{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr);gap: 50px;align-items: end;margin-bottom: 27px}.xgb-components__section-head > p{margin: 0;color: var(--xgb-muted);font-size: 14px;line-height: 1.75}.xgb-components h2{max-width: 860px;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-components h3{margin: 0 0 9px;color: var(--xgb-black);font-size: 18px;font-weight: 800;line-height: 1.45}.xgb-components__subheading{margin-top: 28px !important}.xgb-components p{max-width: 920px;margin: 0 0 17px;font-size: 15.5px;line-height: 1.85}.xgb-components a{color: var(--xgb-orange-dark);font-weight: 700;text-underline-offset: 3px}.xgb-components ul,.xgb-components ol{margin-top: 10px;margin-bottom: 0}.xgb-components li{margin-bottom: 7px;line-height: 1.7}.xgb-components__distinction-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 11px;margin-top: 28px}.xgb-components__distinction-grid article{padding: 22px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 12px}.xgb-components__distinction-grid span{display: block;margin-bottom: 12px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-components__distinction-grid strong{display: block;margin-bottom: 7px;color: var(--xgb-black);font-size: 15px}.xgb-components__distinction-grid p{margin: 0;color: var(--xgb-muted);font-size: 13px;line-height: 1.65}.xgb-components__map{margin-top: 28px;padding: 28px;background: radial-gradient( circle at 50% 0%,rgba(244,81,0,.09),transparent 38% ),#f8f8f9;border: 1px solid var(--xgb-line);border-radius: 20px}.xgb-components__map-front,.xgb-components__map-identity,.xgb-components__map-core,.xgb-components__map-data,.xgb-components__map-foundation{display: flex;flex-direction: column;align-items: center;max-width: 720px;margin: 0 auto;padding: 18px 22px;text-align: center;border-radius: 11px}.xgb-components__map-front,.xgb-components__map-identity,.xgb-components__map-data,.xgb-components__map-foundation{background: #ffffff;border: 1px solid var(--xgb-line)}.xgb-components__map-core{color: #ffffff;background: linear-gradient( 135deg,#18181b,#29292d );border: 1px solid #303034;box-shadow: 0 14px 34px rgba(0,0,0,.12)}.xgb-components__map-front span,.xgb-components__map-identity span,.xgb-components__map-core span,.xgb-components__map-data span,.xgb-components__map-foundation span{margin-bottom: 5px;color: var(--xgb-orange);font-size: 9px;font-weight: 900;letter-spacing: .08em}.xgb-components__map-core strong{color: #ffffff;font-size: 21px}.xgb-components__map-core small{color: #c8c8cc}.xgb-components__map-arrow{padding: 8px 0;color: var(--xgb-orange);font-size: 20px;font-weight: 900;text-align: center}.xgb-components__map-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px;margin-top: 18px}.xgb-components__map-grid > div{min-height: 105px;padding: 17px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-components__map-grid span{display: block;margin-bottom: 8px;color: var(--xgb-orange);font-size: 8px;font-weight: 900;letter-spacing: .08em}.xgb-components__map-grid strong{color: var(--xgb-black);font-size: 13px}.xgb-components__owner-note{margin-top: 22px;padding: 23px 25px;background: var(--xgb-orange-soft);border-left: 4px solid var(--xgb-orange);border-radius: 10px}.xgb-components__owner-note > strong{display: block;margin-bottom: 5px;color: var(--xgb-black)}.xgb-components__owner-note p{margin: 0;font-size: 14px}.xgb-components__check-card,.xgb-components__warning,.xgb-components__commercial-note{max-width: 900px;margin-top: 22px;padding: 22px 25px;border-radius: 12px}.xgb-components__check-card{background: #f8f8f9;border: 1px solid var(--xgb-line)}.xgb-components__warning{background: #fff7f2;border: 1px solid #f3c7af;border-left: 4px solid var(--xgb-orange)}.xgb-components__commercial-note{background: linear-gradient( 135deg,#1b1b1e,#29292d );color: #ffffff}.xgb-components__check-card > strong,.xgb-components__warning > strong,.xgb-components__commercial-note > strong{display: block;margin-bottom: 7px;font-size: 15px}.xgb-components__warning p,.xgb-components__commercial-note p{margin: 0;font-size: 14px}.xgb-components__commercial-note p{color: #c8c8cc}.xgb-components__compare{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px;margin-top: 24px}.xgb-components__compare article{padding: 24px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-components__compare article > span{display: block;margin-bottom: 9px;color: var(--xgb-orange);font-size: 9px;font-weight: 900;letter-spacing: .08em}.xgb-components__compare p{margin: 0;color: var(--xgb-muted);font-size: 13.5px}.xgb-components__compare ul{padding-left: 19px;color: var(--xgb-muted);font-size: 13px}.xgb-components__question-grid,.xgb-components__connection-grid,.xgb-components__risk-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-top: 24px}.xgb-components__question-grid article,.xgb-components__connection-grid article,.xgb-components__risk-grid article{padding: 20px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-components__question-grid span{display: block;margin-bottom: 9px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-components__question-grid strong,.xgb-components__connection-grid strong,.xgb-components__risk-grid strong{display: block;margin-bottom: 5px;color: var(--xgb-black);font-size: 14px}.xgb-components__question-grid p,.xgb-components__connection-grid p,.xgb-components__risk-grid p{margin: 0;color: var(--xgb-muted);font-size: 12.5px;line-height: 1.6}.xgb-components__inline-link{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 22px;padding: 16px 18px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px}.xgb-components__inline-link span{color: var(--xgb-orange);font-size: 8px;font-weight: 900;letter-spacing: .08em}.xgb-components__inline-link a{text-decoration: none;font-size: 13px}.xgb-components__flow,.xgb-components__data-template{display: flex;align-items: stretch;gap: 7px;margin: 24px 0 0}.xgb-components__flow > div,.xgb-components__data-template > div{display: flex;flex: 1;align-items: center;justify-content: center;min-width: 0;min-height: 74px;padding: 12px;color: var(--xgb-black);background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px;font-size: 11px;font-weight: 800;text-align: center}.xgb-components__flow > b,.xgb-components__data-template > b{align-self: center;color: var(--xgb-orange)}.xgb-components__flow--compact{max-width: 850px}.xgb-components__table-wrap{overflow-x: auto;margin-top: 24px;border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-components table{width: 100%;min-width: 760px;border-collapse: collapse;background: #ffffff}.xgb-components th,.xgb-components 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-components th{color: #ffffff;background: #1b1b1e;font-weight: 800}.xgb-components tbody tr:last-child td{border-bottom: 0}.xgb-components td:first-child{color: var(--xgb-black);font-weight: 800}.xgb-components__priority-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px;margin-top: 24px}.xgb-components__priority-grid article{padding: 26px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 14px}.xgb-components__priority-grid article > span{display: block;margin-bottom: 9px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-components__priority-card--core{color: #ffffff !important;background: linear-gradient( 135deg,#19191c,#29292d ) !important;border-color: #303034 !important}.xgb-components__priority-card--core h3{color: #ffffff}.xgb-components__priority-card--core ul{color: #d4d4d7}.xgb-components__timeline{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 9px;margin-top: 25px}.xgb-components__timeline > div{min-height: 92px;padding: 17px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-components__timeline span{display: block;margin-bottom: 10px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-components__timeline strong{color: var(--xgb-black);font-size: 12px}.xgb-components__source-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px;margin-top: 24px}.xgb-components__source-grid article{padding: 21px;background: linear-gradient( 135deg,#1b1b1e,#27272b );border: 1px solid #303034;border-radius: 11px}.xgb-components__source-grid span{display: block;margin-bottom: 7px;color: #ff7840;font-size: 8px;font-weight: 900}.xgb-components__source-grid strong{color: #ffffff;font-size: 13px}.xgb-components__note{margin-top: 20px !important;padding: 15px 17px;color: var(--xgb-muted);background: var(--xgb-soft);border-left: 3px solid var(--xgb-orange);border-radius: 7px;font-size: 13px !important}.xgb-components__dependency{margin-top: 24px;padding: 27px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 15px}.xgb-components__dependency-core{display: flex;flex-direction: column;align-items: center;max-width: 380px;margin: 0 auto 18px;padding: 19px;color: #ffffff;background: #1b1b1e;border-radius: 10px;text-align: center}.xgb-components__dependency-core span{color: #ff7840;font-size: 8px;font-weight: 900}.xgb-components__dependency-core strong{font-size: 18px}.xgb-components__dependency-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.xgb-components__dependency-grid > div{padding: 14px;color: var(--xgb-black);background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 8px;font-size: 12px;font-weight: 700;text-align: center}.xgb-components__question-list{display: grid;gap: 10px;margin-top: 24px}.xgb-components__question-list article{display: grid;grid-template-columns: minmax(140px,.5fr) minmax(200px,.7fr) minmax(0,1.4fr);gap: 18px;align-items: center;padding: 17px 19px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-components__question-list span{color: var(--xgb-muted);font-size: 10px;font-weight: 700}.xgb-components__question-list strong{color: var(--xgb-black);font-size: 13px}.xgb-components__question-list p{margin: 0;color: var(--xgb-muted);font-size: 13px}.xgb-components__checklist-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;margin-top: 24px}.xgb-components__checklist-grid label{display: flex;align-items: center;gap: 9px;min-height: 54px;padding: 11px 14px;color: var(--xgb-black);background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 8px;font-size: 12.5px;font-weight: 700}.xgb-components__checklist-grid span{color: var(--xgb-orange);font-size: 17px}.xgb-components__number-list{max-width: 900px;margin: 24px 0 0;padding: 0;list-style: none;counter-reset: xgb-question}.xgb-components__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-question}.xgb-components__number-list li::before{content: counter(xgb-question,decimal-leading-zero);position: absolute;top: 50%;left: 17px;color: var(--xgb-orange);font-size: 10px;font-weight: 900;transform: translateY(-50%)}.xgb-components__faq details{margin-bottom: 8px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-components__faq summary{padding: 17px 19px;color: var(--xgb-black);font-weight: 800;cursor: pointer}.xgb-components__faq details p{margin: 0;padding: 0 19px 19px;color: var(--xgb-muted);font-size: 14px}.xgb-components__cta{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr);gap: 42px;margin-top: 50px;padding: 38px;color: #ffffff;background: radial-gradient( circle at 100% 0%,rgba(244,81,0,.22),transparent 44% ),#171719;border-radius: 19px}.xgb-components__cta h2{color: #ffffff}.xgb-components__cta p{margin-bottom: 0;color: #c8c8cc}.xgb-components__cta-actions{display: flex;flex-direction: column;justify-content: center;gap: 9px}.xgb-components a:focus-visible,.xgb-components summary:focus-visible{outline: 2px solid var(--xgb-orange);outline-offset: 3px}@media screen and (max-width: 1024px){.xgb-components__section-head{grid-template-columns: 1fr;gap: 12px}.xgb-components__map-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-components__distinction-grid,.xgb-components__question-grid,.xgb-components__connection-grid,.xgb-components__risk-grid,.xgb-components__checklist-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-components__timeline{grid-template-columns: repeat(3,minmax(0,1fr))}.xgb-components__source-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-components__cta{grid-template-columns: 1fr}}@media screen and (max-width: 760px){.xgb-components{width: min(100% - 28px,1160px);padding-top: 25px}.xgb-components h1{font-size: 37px}.xgb-components__section{padding: 38px 0}.xgb-components__cover{margin-bottom: 43px;border-radius: 13px}.xgb-components__compare,.xgb-components__priority-grid,.xgb-components__distinction-grid,.xgb-components__question-grid,.xgb-components__connection-grid,.xgb-components__risk-grid,.xgb-components__checklist-grid,.xgb-components__dependency-grid,.xgb-components__source-grid{grid-template-columns: 1fr}.xgb-components__timeline{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-components__flow,.xgb-components__data-template{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-components__flow > b,.xgb-components__data-template > b{display: none}.xgb-components__question-list article{grid-template-columns: 1fr;gap: 5px}.xgb-components__cta{padding: 28px 22px}}@media screen and (max-width: 520px){.xgb-components h1{font-size: 33px}.xgb-components__actions{flex-direction: column;align-items: stretch}.xgb-components a.xgb-components__btn{width: 100%}.xgb-components__map{padding: 17px}.xgb-components__map-grid{grid-template-columns: 1fr}.xgb-components__timeline{grid-template-columns: 1fr}.xgb-components__flow,.xgb-components__data-template{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.xgb-components *,.xgb-components *::before,.xgb-components *::after{transition-duration: .001ms !important;animation-duration: .001ms !important;animation-iteration-count: 1 !important}}