.xgb-opening-process,.xgb-opening-process *,.xgb-opening-process *::before,.xgb-opening-process *::after{box-sizing: border-box}.xgb-opening-process{--xgb-orange: #f45100;--xgb-orange-dark: #c64000;--xgb-orange-deep: #a93400;--xgb-orange-soft: #fff4ee;--xgb-black: #141414;--xgb-graphite: #1d1d1f;--xgb-text: #29292d;--xgb-muted: #66666f;--xgb-line: #e8e8ec;--xgb-soft: #f7f7f8;--xgb-white: #ffffff;width: min(1160px,calc(100% - 40px));margin: 0 auto;padding: 34px 0 84px;color: var(--xgb-text);font-family: "Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.xgb-opening-process__hero{max-width: 960px;margin: 0 0 38px}.xgb-opening-process__eyebrow{display: block;margin: 0 0 13px;color: var(--xgb-orange);font-size: 12px;font-weight: 850;line-height: 1.4;letter-spacing: .08em}.xgb-opening-process h1{margin: 0 0 24px;color: var(--xgb-black);font-size: clamp(34px,5vw,58px);font-weight: 900;line-height: 1.14;letter-spacing: -.035em}.xgb-opening-process__lead{max-width: 910px;margin: 0 0 18px;color: var(--xgb-graphite);font-size: clamp(18px,2vw,22px);font-weight: 520;line-height: 1.75}.xgb-opening-process__hero > p:not(.xgb-opening-process__lead){max-width: 880px;color: var(--xgb-muted);font-size: 16px;line-height: 1.85}.xgb-opening-process__cover{position: relative;overflow: hidden;width: 100%;margin: 0 0 58px;background: #f3f3f4;border: 1px solid var(--xgb-line);border-radius: 18px;box-shadow: 0 18px 48px rgba(0,0,0,.075)}.xgb-opening-process__cover-image{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;object-position: center}.xgb-opening-process__cover-caption{display: block;padding: 12px 16px;color: var(--xgb-muted);background: #ffffff;border-top: 1px solid var(--xgb-line);font-size: 12.5px;line-height: 1.6}.xgb-opening-process__section{padding: 48px 0;border-top: 1px solid var(--xgb-line)}.xgb-opening-process__section-head{display: grid;grid-template-columns: 76px minmax(0,1fr);gap: 20px;margin: 0 0 26px}.xgb-opening-process__section-no{display: inline-flex;align-items: center;justify-content: center;align-self: start;min-width: 56px;min-height: 38px;padding: 7px 10px;background: var(--xgb-black);border-radius: 8px;color: #ffffff;font-size: 10.5px;font-weight: 900;line-height: 1;letter-spacing: .05em}.xgb-opening-process h2{margin: 0 0 10px;color: var(--xgb-black);font-size: clamp(26px,3vw,36px);font-weight: 850;line-height: 1.3;letter-spacing: -.025em}.xgb-opening-process h3{margin: 27px 0 13px;color: var(--xgb-black);font-size: 19px;font-weight: 800;line-height: 1.45}.xgb-opening-process p{max-width: 900px;margin: 0 0 17px;font-size: 16px;line-height: 1.9}.xgb-opening-process__section-head p{margin-bottom: 0;color: var(--xgb-muted)}.xgb-opening-process a{color: var(--xgb-orange-dark);font-weight: 700;text-decoration-thickness: 1px;text-underline-offset: 3px}.xgb-opening-process a:hover,.xgb-opening-process a:focus-visible{color: var(--xgb-orange-deep)}.xgb-opening-process__formula{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;margin: 24px 0;padding: 18px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-opening-process__formula span{padding: 10px 13px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 8px;color: var(--xgb-black);font-size: 13px;font-weight: 750}.xgb-opening-process__formula b{color: var(--xgb-orange);font-size: 18px}.xgb-opening-process__note,.xgb-opening-process__risk,.xgb-opening-process__example{margin: 23px 0;padding: 21px 23px;border-radius: 12px}.xgb-opening-process__note{background: #18181a;border-left: 4px solid var(--xgb-orange);color: #eeeeef}.xgb-opening-process__note strong,.xgb-opening-process__risk strong,.xgb-opening-process__example strong{display: block;margin-bottom: 6px}.xgb-opening-process__note strong{color: #ff7b41}.xgb-opening-process__note p{margin: 0;color: #d0d0d4}.xgb-opening-process__risk{background: #fff5f1;border: 1px solid #ffd2bd}.xgb-opening-process__risk strong{color: var(--xgb-orange-dark)}.xgb-opening-process__risk p{margin: 0}.xgb-opening-process__example{background: var(--xgb-soft);border: 1px solid var(--xgb-line)}.xgb-opening-process__example strong{color: var(--xgb-orange-dark)}.xgb-opening-process__example p{margin: 0}.xgb-opening-process__timeline{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin: 24px 0}.xgb-opening-process__timeline > div{display: flex;align-items: center;gap: 11px;min-height: 58px;padding: 13px 14px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-opening-process__timeline span{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;flex: 0 0 32px;background: var(--xgb-orange);border-radius: 7px;color: #ffffff;font-size: 10px;font-weight: 900}.xgb-opening-process__timeline strong{color: var(--xgb-black);font-size: 12.5px;line-height: 1.4}.xgb-opening-process__grid,.xgb-opening-process__definition-grid,.xgb-opening-process__testing-levels{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 15px;margin: 24px 0}.xgb-opening-process__card,.xgb-opening-process__definition-grid > div,.xgb-opening-process__testing-levels > div{padding: 23px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-opening-process__card h3,.xgb-opening-process__definition-grid strong,.xgb-opening-process__testing-levels h3{margin-top: 0}.xgb-opening-process__card ul{margin: 0;padding-left: 20px}.xgb-opening-process__card li{margin: 7px 0;line-height: 1.6}.xgb-opening-process__definition-grid strong{display: block;margin-bottom: 6px;color: var(--xgb-orange-dark);font-size: 16px}.xgb-opening-process__definition-grid p,.xgb-opening-process__testing-levels p{margin: 0;color: var(--xgb-muted);font-size: 14px}.xgb-opening-process__testing-levels > div > span{display: inline-flex;margin-bottom: 12px;padding: 6px 9px;background: var(--xgb-orange);border-radius: 6px;color: #ffffff;font-size: 10px;font-weight: 900}.xgb-opening-process__component-grid,.xgb-opening-process__output-grid,.xgb-opening-process__test-grid,.xgb-opening-process__failure-grid,.xgb-opening-process__gate-grid,.xgb-opening-process__improvement-grid,.xgb-opening-process__environment{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 9px;margin: 22px 0}.xgb-opening-process__component-grid span,.xgb-opening-process__output-grid span,.xgb-opening-process__test-grid span,.xgb-opening-process__gate-grid span,.xgb-opening-process__improvement-grid span,.xgb-opening-process__environment span{display: flex;align-items: center;justify-content: center;min-height: 50px;padding: 10px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px;color: var(--xgb-black);font-size: 12.5px;font-weight: 700;text-align: center}.xgb-opening-process__failure-grid span{display: flex;align-items: center;justify-content: center;min-height: 48px;padding: 10px;background: #fff5f5;border: 1px solid #efcccc;border-radius: 9px;color: #8d2929;font-size: 12px;font-weight: 700;text-align: center}.xgb-opening-process__scope-status{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 9px;margin: 22px 0}.xgb-opening-process__scope-status span{padding: 12px 9px;background: var(--graphite,#1d1d1f);border-radius: 8px;color: #ffffff;font-size: 12px;font-weight: 750;text-align: center}.xgb-opening-process__flow{display: flex;align-items: center;flex-wrap: wrap;gap: 9px;margin: 21px 0 28px;padding: 17px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-opening-process__flow span{padding: 8px 11px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 8px;color: var(--xgb-black);font-size: 12px;font-weight: 750}.xgb-opening-process__flow b{color: var(--xgb-orange)}.xgb-opening-process__architecture{display: flex;align-items: center;flex-wrap: wrap;gap: 12px;margin: 24px 0;padding: 25px;background: linear-gradient( 135deg,#19191b,#29292d );border-radius: 16px}.xgb-opening-process__architecture > span{padding: 11px 14px;background: #ffffff;border-radius: 8px;color: var(--xgb-black);font-size: 13px;font-weight: 800}.xgb-opening-process__architecture > b{color: #ff7c42}.xgb-opening-process__architecture-branches{display: flex;flex-wrap: wrap;gap: 8px;width: 100%;margin-top: 8px;padding-top: 15px;border-top: 1px solid rgba(255,255,255,.12)}.xgb-opening-process__architecture-branches span{padding: 8px 11px;background: rgba(255,255,255,.08);border: 1px solid rgba(255,255,255,.12);border-radius: 7px;color: #ededf0;font-size: 12px;font-weight: 700}.xgb-opening-process__questions{max-width: 900px;margin: 0 0 22px;padding-left: 22px}.xgb-opening-process__questions li{margin: 8px 0;line-height: 1.7}.xgb-opening-process__table-wrap{overflow-x: auto;margin: 24px 0 10px;border: 1px solid var(--xgb-line);border-radius: 14px}.xgb-opening-process table{width: 100%;min-width: 720px;border-collapse: collapse}.xgb-opening-process th,.xgb-opening-process td{padding: 14px 16px;border-bottom: 1px solid var(--xgb-line);text-align: left;vertical-align: top;font-size: 13.5px;line-height: 1.6}.xgb-opening-process th{background: #19191b;color: #ffffff;font-weight: 800}.xgb-opening-process tbody tr:last-child td{border-bottom: 0}.xgb-opening-process__caption{color: var(--xgb-muted);font-size: 13px !important}.xgb-opening-process__two-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 15px;margin: 24px 0}.xgb-opening-process__two-grid > div{padding: 23px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-opening-process__two-grid h3{margin-top: 0}.xgb-opening-process__two-grid p:last-child{margin-bottom: 0}.xgb-opening-process__scenario-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;margin: 23px 0}.xgb-opening-process__scenario-grid > div{display: flex;align-items: center;gap: 12px;padding: 14px 16px;background: var(--xgb-soft);border-radius: 9px}.xgb-opening-process__scenario-grid strong{color: var(--xgb-orange-dark);font-size: 13px}.xgb-opening-process__scenario-grid span{color: var(--xgb-text);font-size: 13px}.xgb-opening-process__readiness{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px;margin: 24px 0}.xgb-opening-process__readiness > div{padding: 24px;border: 1px solid var(--xgb-line);border-radius: 14px}.xgb-opening-process__readiness strong{display: block;margin-bottom: 12px;color: var(--xgb-orange-dark);font-size: 14px;font-weight: 900;letter-spacing: .05em}.xgb-opening-process__readiness ul{margin: 0;padding-left: 20px}.xgb-opening-process__readiness li{margin: 7px 0;line-height: 1.6}.xgb-opening-process__go-no-go{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px;margin: 24px 0}.xgb-opening-process__go-no-go > div{padding: 23px;border-radius: 13px}.xgb-opening-process__go-no-go > div:first-child{background: #f0fbf3;border: 1px solid #c2e9cc}.xgb-opening-process__go-no-go > div:last-child{background: #fff4f4;border: 1px solid #efcaca}.xgb-opening-process__go-no-go strong{display: block;margin-bottom: 5px;font-size: 16px}.xgb-opening-process__go-no-go > div:first-child strong{color: #166534}.xgb-opening-process__go-no-go > div:last-child strong{color: #992d2d}.xgb-opening-process__go-no-go p{margin: 0;font-size: 14px}.xgb-opening-process__launch-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 18px;max-width: 900px;margin: 20px 0;padding: 0;list-style: none}.xgb-opening-process__launch-list li{position: relative;padding: 12px 14px 12px 37px;background: var(--xgb-soft);border-radius: 8px;line-height: 1.55}.xgb-opening-process__launch-list li::before{content: "✓";position: absolute;left: 14px;color: var(--xgb-orange);font-weight: 900}.xgb-opening-process__incident-grid{display: grid;gap: 9px;margin: 22px 0}.xgb-opening-process__incident-grid > div{display: grid;grid-template-columns: minmax(150px,230px) minmax(0,1fr);gap: 15px;padding: 13px 15px;background: var(--xgb-soft);border-radius: 9px}.xgb-opening-process__incident-grid strong{color: var(--xgb-orange-dark);font-size: 13px}.xgb-opening-process__incident-grid span{color: var(--xgb-muted);font-size: 13px}.xgb-opening-process__faq details{margin: 0 0 10px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-opening-process__faq summary{padding: 17px 20px;color: var(--xgb-black);font-weight: 750;cursor: pointer}.xgb-opening-process__faq details p{padding: 0 20px 19px;margin: 0;color: var(--xgb-muted);font-size: 14.5px}.xgb-opening-process__cta{display: grid;grid-template-columns: minmax(0,1.45fr) minmax(260px,.65fr);gap: 40px;margin-top: 48px;padding: 38px;background: radial-gradient( circle at 100% 0%,rgba(244,81,0,.20),transparent 42% ),#161618;border-radius: 20px;color: #ffffff}.xgb-opening-process__cta h2{color: #ffffff}.xgb-opening-process__cta p{margin-bottom: 0;color: #c8c8ce}.xgb-opening-process__cta-actions{display: flex;flex-direction: column;justify-content: center;gap: 10px}.xgb-opening-process a.xgb-opening-process__button{display: inline-flex;align-items: center;justify-content: center;min-height: 48px;padding: 0 18px;border: 1px solid rgba(255,255,255,.18);border-radius: 10px;color: #ffffff;font-size: 13px;font-weight: 800;text-decoration: none;transition: transform .16s ease,border-color .16s ease,background-color .16s ease}.xgb-opening-process a.xgb-opening-process__button--primary{background: var(--xgb-orange);border-color: var(--xgb-orange)}.xgb-opening-process a.xgb-opening-process__button:hover,.xgb-opening-process a.xgb-opening-process__button:focus-visible{border-color: var(--xgb-orange);transform: translateY(-1px)}.xgb-opening-process a:focus-visible,.xgb-opening-process summary:focus-visible{outline: 2px solid var(--xgb-orange);outline-offset: 3px}@media screen and (max-width: 900px){.xgb-opening-process__timeline{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-opening-process__grid,.xgb-opening-process__definition-grid,.xgb-opening-process__testing-levels{grid-template-columns: 1fr}.xgb-opening-process__component-grid,.xgb-opening-process__output-grid,.xgb-opening-process__test-grid,.xgb-opening-process__failure-grid,.xgb-opening-process__gate-grid,.xgb-opening-process__improvement-grid,.xgb-opening-process__environment{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-opening-process__scope-status{grid-template-columns: repeat(3,minmax(0,1fr))}.xgb-opening-process__cta{grid-template-columns: 1fr}}@media screen and (max-width: 700px){.xgb-opening-process{width: min(100% - 28px,1160px);padding-top: 24px}.xgb-opening-process__hero{margin-bottom: 30px}.xgb-opening-process__cover{margin-bottom: 42px;border-radius: 13px}.xgb-opening-process__cover-caption{padding: 10px 13px;font-size: 11.5px}.xgb-opening-process__section{padding: 37px 0}.xgb-opening-process__section-head{grid-template-columns: 1fr;gap: 10px}.xgb-opening-process__section-no{justify-self: start}.xgb-opening-process__two-grid,.xgb-opening-process__scenario-grid,.xgb-opening-process__readiness,.xgb-opening-process__go-no-go,.xgb-opening-process__launch-list{grid-template-columns: 1fr}.xgb-opening-process__incident-grid > div{grid-template-columns: 1fr;gap: 4px}.xgb-opening-process__cta{padding: 27px 22px}}@media screen and (max-width: 430px){.xgb-opening-process h1{font-size: 34px}.xgb-opening-process__timeline,.xgb-opening-process__component-grid,.xgb-opening-process__output-grid,.xgb-opening-process__test-grid,.xgb-opening-process__failure-grid,.xgb-opening-process__gate-grid,.xgb-opening-process__improvement-grid,.xgb-opening-process__environment,.xgb-opening-process__scope-status{grid-template-columns: 1fr}.xgb-opening-process__formula,.xgb-opening-process__flow{align-items: stretch;flex-direction: column}.xgb-opening-process__formula b,.xgb-opening-process__flow b{align-self: center}.xgb-opening-process__flow b{transform: rotate(90deg)}}@media (prefers-reduced-motion: reduce){.xgb-opening-process *,.xgb-opening-process *::before,.xgb-opening-process *::after{transition-duration: .001ms !important;animation-duration: .001ms !important;animation-iteration-count: 1 !important}}