.xgb-hero,.xgb-hero *,.xgb-hero *::before,.xgb-hero *::after{box-sizing: border-box}.xgb-hero{--xgb-orange: #f45100;--xgb-orange-2: #ff6500;--xgb-orange-dark: #d93f00;--xgb-orange-deep: #b83500;--xgb-orange-soft: #fff3eb;--xgb-orange-line: #ffc7a6;--xgb-ink: #151515;--xgb-text: #595e64;--xgb-muted: #74787d;--xgb-line: #dcdfe2;width: min(1360px,calc(100% - 48px));margin: 0 auto;padding-bottom: 52px;color: var(--xgb-ink);font-family: "Noto Sans Thai","Prompt",Arial,sans-serif}.xgb-hero__picture{display: block;width: 100vw;max-width: none;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);padding: 0;overflow: hidden;background: #0b0b0b}.xgb-hero__image{display: block;width: 100%;max-width: 1920px;height: auto;margin: 0 auto;border: 0;border-radius: 0}@media (min-width: 1960px){.xgb-hero__image{-webkit-mask-image: linear-gradient( 90deg,transparent 0%,#000 5%,#000 95%,transparent 100% );mask-image: linear-gradient( 90deg,transparent 0%,#000 5%,#000 95%,transparent 100% )}}.xgb-hero__body{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 38px 48px;align-items: end;padding-top: 38px}.xgb-hero__content{min-width: 0;max-width: 860px}.xgb-hero__kicker{margin: 0 0 10px;color: var(--xgb-orange-dark);font-size: 11px;font-weight: 800;line-height: 1.4;letter-spacing: 0.08em}.xgb-hero__title{margin: 0;color: var(--xgb-ink);font-size: clamp( 30px,2.75vw,40px );font-weight: 800;line-height: 1.22;letter-spacing: -0.025em}.xgb-hero__nw{white-space: nowrap}.xgb-hero__hl{display: block;margin-top: 2px;color: var(--xgb-orange-dark)}.xgb-hero__lead{max-width: 850px;margin: 17px 0 0;color: var(--xgb-text);font-size: 15.5px;line-height: 1.8}.xgb-hero__lead strong{color: var(--xgb-ink);font-weight: 800}.xgb-hero__lead--secondary{margin-top: 8px;color: #73777c;font-size: 14.5px;line-height: 1.75}.xgb-hero__link{display: inline-flex;align-items: center;gap: 7px;margin-top: 14px;color: var(--xgb-orange-dark);font-size: 13.5px;font-weight: 800;line-height: 1.5;text-decoration: none;transition: color 0.18s ease,gap 0.18s ease}@media (hover: hover){.xgb-hero__link:hover{gap: 11px;color: var(--xgb-orange-deep)}}.xgb-hero__actions{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 12px;min-width: max-content;padding-bottom: 2px}.xgb-hero__btn{position: relative;display: inline-flex;min-width: 190px;min-height: 56px;align-items: center;justify-content: space-between;gap: 18px;padding: 0 12px 0 22px;overflow: hidden;border: 1px solid var(--xgb-line);border-radius: 999px;color: var(--xgb-ink);background: linear-gradient( 180deg,#ffffff 0%,#fafafa 100% );box-shadow: 0 8px 22px rgba(17,19,22,0.065);font-size: 14px;font-weight: 800;line-height: 1;text-decoration: none;white-space: nowrap;transition: transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease,background 0.22s ease,color 0.22s ease}.xgb-hero__btn-label{position: relative;z-index: 2}.xgb-hero__btn-arrow{position: relative;z-index: 2;display: inline-flex;width: 34px;height: 34px;flex: 0 0 34px;align-items: center;justify-content: center;border-radius: 50%;color: var(--xgb-orange-dark);background: var(--xgb-orange-soft);font-size: 15px;font-weight: 900;transition: transform 0.22s ease,color 0.22s ease,background 0.22s ease}.xgb-hero__btn--primary{min-width: 205px;color: #ffffff;border-color: transparent;background: linear-gradient( 135deg,var(--xgb-orange-2) 0%,var(--xgb-orange-dark) 58%,#c43a00 100% );box-shadow: 0 12px 28px rgba(217,63,0,0.23),inset 0 1px 0 rgba(255,255,255,0.20)}.xgb-hero__btn--primary .xgb-hero__btn-arrow{color: var(--xgb-orange-dark);background: #ffffff}.xgb-hero__btn--primary::before{content: "";position: absolute;top: -65%;left: -55%;width: 43%;height: 230%;transform: rotate(22deg);background: linear-gradient( 90deg,transparent,rgba(255,255,255,0.22),transparent );transition: left 0.55s ease;pointer-events: none}.xgb-hero__btn--secondary{min-width: 180px;color: var(--xgb-ink);border-color: #dadde0;background: linear-gradient( 180deg,#ffffff,#fbfbfb )}@media (hover: hover){.xgb-hero__btn:hover{transform: translateY(-3px);color: var(--xgb-orange-dark);border-color: #ffb184;background: linear-gradient( 180deg,#ffffff,#fff7f1 );box-shadow: 0 15px 32px rgba(17,19,22,0.10)}.xgb-hero__btn:hover .xgb-hero__btn-arrow{transform: translateX(3px);color: #ffffff;background: var(--xgb-orange-dark)}.xgb-hero__btn--primary:hover{color: #ffffff;border-color: transparent;background: linear-gradient( 135deg,#f85d00,#c83b00 );box-shadow: 0 17px 36px rgba(217,63,0,0.29)}.xgb-hero__btn--primary:hover::before{left: 125%}.xgb-hero__btn--primary:hover .xgb-hero__btn-arrow{color: var(--xgb-orange-dark);background: #ffffff}}.xgb-hero__btn:active{transform: translateY(-1px);box-shadow: 0 7px 16px rgba(17,19,22,0.08)}.xgb-hero a:focus-visible{outline: 3px solid rgba(244,81,0,0.30);outline-offset: 3px}@media (max-width: 1050px){.xgb-hero__body{grid-template-columns: 1fr;gap: 26px}.xgb-hero__content{max-width: 900px}.xgb-hero__actions{justify-content: flex-start;min-width: 0}}@media (max-width: 767px){.xgb-hero{width: calc(100% - 28px);padding-bottom: 38px}.xgb-hero__body{gap: 22px;padding-top: 25px}.xgb-hero__kicker{margin-bottom: 8px;font-size: 10px}.xgb-hero__title{font-size: clamp( 25px,7vw,30px );line-height: 1.27}.xgb-hero__nw{white-space: normal}.xgb-hero__lead{margin-top: 14px;font-size: 14.5px;line-height: 1.72}.xgb-hero__lead--secondary{margin-top: 7px;font-size: 13.5px}.xgb-hero__link{margin-top: 12px;font-size: 13px}.xgb-hero__actions{display: grid;grid-template-columns: 1fr;width: 100%;gap: 10px}.xgb-hero__btn,.xgb-hero__btn--primary,.xgb-hero__btn--secondary{width: 100%;min-width: 0;min-height: 57px;padding: 0 12px 0 20px}.xgb-hero__btn-arrow{width: 35px;height: 35px;flex-basis: 35px}}@media (prefers-reduced-motion: reduce){.xgb-hero__btn,.xgb-hero__btn::before,.xgb-hero__btn-arrow,.xgb-hero__link{transition: none}.xgb-hero__btn:hover{transform: none}}.xgb-hero__services{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin: 14px 0 0;color: var(--xgb-muted);font-size: 12.5px;line-height: 1.5}.xgb-hero__services span{margin-right: 2px;font-weight: 700}.xgb-hero__services a{display: inline-flex;min-height: 34px;align-items: center;padding: 0 13px;border: 1px solid var(--xgb-orange-line);border-radius: 999px;color: var(--xgb-orange-dark);background: var(--xgb-orange-soft);font-weight: 800;text-decoration: none;transition: background 0.18s ease,border-color 0.18s ease}@media (hover: hover){.xgb-hero__services a:hover{border-color: #ffb184;background: #ffe9db}}@media (max-width: 767px){.xgb-hero__services a{min-height: 40px;padding: 0 14px}}@media (prefers-reduced-motion: reduce){.xgb-hero__services a{transition: none}}.xgb-systems,.xgb-systems *{box-sizing: border-box}.xgb-systems{--xgb-orange: #F45100;--xgb-orange-dark: #D93F00;--xgb-orange-deep: #B83500;--xgb-ink: #151515;--xgb-text-soft: #626267;--xgb-line: #E5E5E3;--xgb-band: #F7F6F3;position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);overflow: hidden;color: var(--xgb-ink);font-family: "Noto Sans Thai",sans-serif;background: var(--xgb-band)}.xgb-systems__inner{width: min(1360px,calc(100% - 48px));margin: 0 auto;padding: clamp(56px,7vw,96px) 0}.xgb-systems__head{display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);gap: clamp(28px,5vw,80px);align-items: start;margin-bottom: clamp(32px,4vw,52px)}.xgb-systems__kicker{margin: 0 0 12px;color: var(--xgb-orange-dark);font-size: 12px;font-weight: 700;line-height: 1.5;letter-spacing: .08em}.xgb-systems__title{margin: 0;color: var(--xgb-ink);font-size: clamp(28px,3vw,42px);font-weight: 700;line-height: 1.22;letter-spacing: -.02em}.xgb-systems__intro{margin: 0;color: var(--xgb-text-soft);font-size: 16px;line-height: 1.8}.xgb-systems__intro strong{color: var(--xgb-ink);font-weight: 700}.xgb-systems__hub{display: inline-flex;align-items: center;gap: 14px;min-height: 50px;margin-top: 22px;padding: 0 20px;border: 1px solid var(--xgb-ink);border-radius: 10px;color: var(--xgb-ink);font-size: 16px;font-weight: 700;text-decoration: none}.xgb-systems__map{display: grid;grid-template-columns: minmax(0,1.15fr) repeat(2,minmax(0,1fr));gap: 16px}.xgb-sys-card{position: relative;display: flex;flex-direction: column;min-width: 0;padding: 24px;border: 1px solid var(--xgb-line);border-radius: 16px;background: #FFFFFF;transition: border-color .15s ease,transform .15s ease}.xgb-sys-card__tag{display: flex;align-items: center;gap: 10px;margin: 0 0 14px;color: var(--xgb-text-soft);font-size: 11px;font-weight: 700;letter-spacing: .08em}.xgb-sys-card__tag span{display: inline-grid;place-items: center;min-width: 30px;height: 22px;padding: 0 6px;border-radius: 6px;background: #FFF1EA;color: var(--xgb-orange-dark);letter-spacing: 0}.xgb-sys-card__title{margin: 0;color: var(--xgb-ink);font-size: 20px;font-weight: 700;line-height: 1.35}.xgb-sys-card__text{margin: 10px 0 0;color: var(--xgb-text-soft);font-size: 14.5px;line-height: 1.72}.xgb-sys-card__link{display: inline-flex;align-items: center;gap: 8px;margin-top: auto;padding-top: 18px;color: var(--xgb-orange-dark);font-size: 14.5px;font-weight: 700;text-decoration: none}.xgb-sys-card__link::after{content: "";position: absolute;inset: 0;border-radius: inherit}.xgb-sys-card--core{grid-row: span 3;padding: clamp(26px,3vw,36px);border-color: var(--xgb-ink);background: radial-gradient(120% 70% at 100% 0%,#2A1408 0%,var(--xgb-ink) 55%);color: #FFFFFF}.xgb-sys-card--core .xgb-sys-card__tag{color: #C9C9CE}.xgb-sys-card--core .xgb-sys-card__tag span{background: var(--xgb-orange);color: #FFFFFF}.xgb-sys-card--core .xgb-sys-card__title{color: #FFFFFF;font-size: clamp(24px,2.4vw,32px)}.xgb-sys-card--core .xgb-sys-card__text{color: #C9C9CE;font-size: 16px}.xgb-sys-card__links-to{display: flex;flex-wrap: wrap;gap: 8px;margin: 24px 0 0;padding: 0;list-style: none}.xgb-sys-card__links-to li{display: inline-flex;align-items: center;gap: 8px;padding: 5px 12px;border: 1px solid rgba(255,255,255,.18);border-radius: 999px;color: #E4E4E7;font-size: 13px;line-height: 1.4}.xgb-sys-card__links-to li span{color: #FF7A36;font-size: 11px;font-weight: 700}@media (min-width: 1081px){.xgb-sys-card__links-to{position: relative;flex-direction: column;flex-wrap: nowrap;gap: 10px;margin-top: 32px;padding-left: 22px}.xgb-sys-card__links-to::before{content: "";position: absolute;top: 6px;bottom: 22px;left: 0;width: 1px;background: linear-gradient(180deg,var(--xgb-orange),rgba(244,81,0,.15))}.xgb-sys-card__links-to li{position: relative;display: flex;gap: 12px;padding: 11px 16px;border-radius: 10px;background: rgba(255,255,255,.04);font-size: 14.5px}.xgb-sys-card__links-to li::before{content: "";position: absolute;top: 50%;left: -22px;width: 22px;height: 1px;background: rgba(244,81,0,.55)}}.xgb-sys-card--core .xgb-sys-card__link{color: #FF7A36;font-size: 16px}.xgb-sys-card:focus-within{outline: 3px solid var(--xgb-orange);outline-offset: 3px}.xgb-sys-card__link:focus-visible{outline: none}.xgb-systems__hub:focus-visible{outline: 3px solid var(--xgb-orange);outline-offset: 3px}@media (hover: hover){.xgb-sys-card:hover{border-color: var(--xgb-orange);transform: translateY(-2px)}.xgb-sys-card--core:hover{border-color: var(--xgb-orange)}.xgb-systems__hub:hover{border-color: var(--xgb-orange);background: var(--xgb-orange);color: #FFFFFF}}@media (prefers-reduced-motion: reduce){.xgb-sys-card{transition: none}.xgb-sys-card:hover{transform: none}}@media (max-width: 1080px){.xgb-systems__head{grid-template-columns: 1fr;gap: 18px}.xgb-systems__map{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-sys-card--core{grid-column: 1 / -1;grid-row: auto}}@media (max-width: 767px){.xgb-systems__inner{width: calc(100% - 28px)}.xgb-systems__kicker{font-size: 11px}.xgb-systems__title{font-size: clamp(25px,7vw,28px);line-height: 1.26}.xgb-systems__intro{font-size: 15px;line-height: 1.72}.xgb-systems__hub{display: flex;justify-content: space-between;width: 100%}.xgb-systems__map{grid-template-columns: 1fr;gap: 12px}.xgb-sys-card{padding: 20px}.xgb-sys-card__title{font-size: 18px}.xgb-sys-card__text{font-size: 14px}}.xgb-why,.xgb-why *{box-sizing: border-box}.xgb-why{--xgb-orange: #F45100;--xgb-orange-light: #FF7A36;--xgb-dark: #121212;--xgb-text: #F4F4F5;--xgb-text-soft: #B4B4BA;--xgb-line: rgba(255,255,255,.12);position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);color: var(--xgb-text);font-family: "Noto Sans Thai",sans-serif;background: var(--xgb-dark)}.xgb-why__inner{width: min(1360px,calc(100% - 48px));margin: 0 auto;padding: clamp(56px,7vw,100px) 0;display: grid;grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);gap: clamp(32px,6vw,96px);align-items: start}.xgb-why__aside{position: sticky;top: 96px}.xgb-why__kicker{margin: 0 0 12px;color: var(--xgb-orange-light);font-size: 12px;font-weight: 700;line-height: 1.5;letter-spacing: .08em}.xgb-why__title{margin: 0;color: #FFFFFF;font-size: clamp(28px,3vw,42px);font-weight: 700;line-height: 1.22;letter-spacing: -.02em}.xgb-why__intro{margin: 18px 0 0;color: var(--xgb-text-soft);font-size: 16px;line-height: 1.8}.xgb-why__intro strong{color: #FFFFFF;font-weight: 700}.xgb-why__inline{margin-left: .25em;color: var(--xgb-orange-light);font-weight: 700;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px}.xgb-why__fit{margin-top: 28px;padding: 20px 22px;border: 1px solid var(--xgb-line);border-radius: 14px;background: rgba(255,255,255,.03)}.xgb-why__fit-title{margin: 0 0 10px;color: #FFFFFF;font-size: 15px;font-weight: 700}.xgb-why__fit ul{margin: 0;padding: 0;list-style: none}.xgb-why__fit li{position: relative;padding-left: 22px;color: var(--xgb-text-soft);font-size: 15px;line-height: 1.9}.xgb-why__fit li::before{content: "";position: absolute;top: .78em;left: 2px;width: 10px;height: 2px;background: var(--xgb-orange)}.xgb-why__cta{display: inline-flex;align-items: center;gap: 14px;min-height: 52px;margin-top: 28px;padding: 0 22px;border-radius: 10px;background: var(--xgb-orange);color: #FFFFFF;font-size: 19px;font-weight: 700;text-decoration: none}.xgb-why__list{counter-reset: xgb-why;margin: 0;padding: 0;list-style: none;border-top: 1px solid var(--xgb-line)}.xgb-why__item{counter-increment: xgb-why;display: grid;grid-template-columns: 72px minmax(0,1fr);column-gap: 20px;padding: 28px 0;border-bottom: 1px solid var(--xgb-line)}.xgb-why__item::before{content: counter(xgb-why,decimal-leading-zero);grid-row: 1 / span 2;color: transparent;font-size: 44px;font-weight: 700;line-height: 1;-webkit-text-stroke: 1px var(--xgb-orange-light)}.xgb-why__item-title{margin: 0;color: #FFFFFF;font-size: 20px;font-weight: 700;line-height: 1.4}.xgb-why__item p{margin: 10px 0 0;color: var(--xgb-text-soft);font-size: 15px;line-height: 1.78}.xgb-why__inline:focus-visible,.xgb-why__cta:focus-visible{outline: 3px solid var(--xgb-orange-light);outline-offset: 3px}@media (hover: hover){.xgb-why__inline:hover{color: #FFFFFF}.xgb-why__cta:hover{background: #FFFFFF;color: var(--xgb-dark)}}@media (max-width: 1080px){.xgb-why__inner{grid-template-columns: 1fr}.xgb-why__aside{position: static}.xgb-why__fit{max-width: 560px}}@media (max-width: 767px){.xgb-why__inner{width: calc(100% - 28px);gap: 28px}.xgb-why__kicker{font-size: 11px}.xgb-why__title{font-size: clamp(25px,7vw,28px);line-height: 1.26}.xgb-why__intro{font-size: 15px;line-height: 1.72}.xgb-why__cta{display: flex;justify-content: space-between;width: 100%}.xgb-why__item{grid-template-columns: 1fr;padding: 24px 0}.xgb-why__item::before{grid-row: auto;margin-bottom: 12px;font-size: 34px}.xgb-why__item-title{font-size: 18px}.xgb-why__item p{font-size: 14.5px;line-height: 1.72}}.xgb-video,.xgb-video *{box-sizing: border-box}.xgb-video{--xgb-orange: #F45100;--xgb-orange-dark: #D93F00;--xgb-ink: #151515;--xgb-text-soft: #626267;--xgb-line: #E5E5E3;position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);color: var(--xgb-ink);font-family: "Noto Sans Thai",sans-serif;background: #FFFFFF}.xgb-video__inner{width: min(1080px,calc(100% - 48px));margin: 0 auto;padding: clamp(40px,5vw,64px) 0;display: grid;grid-template-columns: minmax(0,1.35fr) minmax(260px,.85fr);grid-template-areas: "head  head" "stage side";gap: 20px clamp(20px,2.5vw,32px);align-items: start}.xgb-video__head{grid-area: head;max-width: 760px}.xgb-video__stage{grid-area: stage;min-width: 0}.xgb-video__side{grid-area: side;min-width: 0}.xgb-video__kicker{margin: 0 0 12px;color: var(--xgb-orange-dark);font-size: 12px;font-weight: 700;letter-spacing: .08em}.xgb-video__title{margin: 0;font-size: clamp(24px,2.2vw,30px);font-weight: 700;line-height: 1.25;letter-spacing: -.02em}.xgb-video__intro{margin: 10px 0 0;color: var(--xgb-text-soft);font-size: 15px;line-height: 1.7}.xgb-video__player,.xgb-video__frame{position: relative;display: block;width: 100%;aspect-ratio: 16 / 9;border: 0;border-radius: 12px;overflow: hidden;background: #111111}.xgb-video__poster{display: block;width: 100%;height: 100%;object-fit: cover}.xgb-video__play{position: absolute;top: 50%;left: 50%;width: 56px;height: 56px;border-radius: 50%;background: var(--xgb-orange);transform: translate(-50%,-50%);box-shadow: 0 0 0 6px rgba(244,81,0,.22)}.xgb-video__play::before{content: "";position: absolute;top: 50%;left: 54%;border-style: solid;border-width: 10px 0 10px 16px;border-color: transparent transparent transparent #FFFFFF;transform: translate(-50%,-50%)}.xgb-video__now{margin: 14px 0 0;color: var(--xgb-text-soft);font-size: 14px}.xgb-video__now strong{color: var(--xgb-ink);font-weight: 700}.xgb-video__list{counter-reset: xgb-vid;margin: 0;padding: 0;list-style: none;border-top: 1px solid var(--xgb-line)}.xgb-video__list li{counter-increment: xgb-vid;border-bottom: 1px solid var(--xgb-line)}.xgb-video__row{display: flex;align-items: center;gap: 14px;min-height: 46px;padding: 8px 4px;color: var(--xgb-ink);font-size: 14.5px;font-weight: 700;line-height: 1.45;text-decoration: none}.xgb-video__row::before{content: counter(xgb-vid,decimal-leading-zero);flex: 0 0 auto;width: 32px;color: var(--xgb-text-soft);font-size: 13px}.xgb-video__row.is-active{color: var(--xgb-orange-dark)}.xgb-video__row.is-active::before{color: var(--xgb-orange-dark)}.xgb-video__links{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 16px}.xgb-video__links a{display: inline-flex;align-items: center;min-height: 40px;padding: 0 14px;border: 1px solid var(--xgb-line);border-radius: 10px;color: var(--xgb-ink);font-size: 14.5px;font-weight: 700;text-decoration: none}.xgb-video a:focus-visible{outline: 3px solid var(--xgb-orange);outline-offset: 3px}@media (hover: hover){.xgb-video__row:hover,.xgb-video__links a:hover{color: var(--xgb-orange-dark)}.xgb-video__links a:hover{border-color: var(--xgb-orange)}.xgb-video__player:hover .xgb-video__play{background: var(--xgb-orange-dark)}}@media (max-width: 960px){.xgb-video__inner{grid-template-columns: 1fr;grid-template-areas: "head" "stage" "side"}}@media (max-width: 767px){.xgb-video__inner{width: calc(100% - 28px);gap: 16px}.xgb-video__kicker{font-size: 11px}.xgb-video__title{font-size: 23px;line-height: 1.3}.xgb-video__intro{font-size: 15px;line-height: 1.72}.xgb-video__player,.xgb-video__frame{border-radius: 12px}.xgb-video__play{width: 50px;height: 50px}.xgb-video__links a{flex: 1 1 0;justify-content: center;font-size: 13.5px}}.xgb-port-showcase,.xgb-port-showcase *,.xgb-port-showcase *::before,.xgb-port-showcase *::after{box-sizing: border-box}.xgb-port-showcase{--orange: #f45100;--orange-dark: #d93f00;--orange-deep: #b83500;--ink: #151515;--text: #626267;--line: #e6e6e8;width: 100%;padding: 68px 0 72px;color: var(--ink);background: #f7f7f8;font-family: inherit;content-visibility: auto;contain-intrinsic-size: 780px}.xgb-port-showcase__wrap{width: min( 1280px,calc(100% - 40px) );margin: 0 auto}.xgb-port-showcase__head{max-width: 840px;margin: 0 auto 30px;text-align: center}.xgb-port-showcase__eyebrow{margin: 0 0 10px;color: var(--orange-dark);font-size: 11px;font-weight: 800;line-height: 1.4;letter-spacing: 0.09em}.xgb-port-showcase__head h2{margin: 0;color: var(--ink);font-size: clamp( 28px,2.8vw,40px );font-weight: 800;line-height: 1.22;letter-spacing: -0.02em}.xgb-port-showcase__head > p:last-child{max-width: 760px;margin: 14px auto 0;color: var(--text);font-size: 14px;line-height: 1.75}.xgb-port-showcase__scroll{display: grid;grid-auto-flow: column;grid-auto-columns: calc((100% - 28px) / 3);gap: 14px;width: 100%;overflow-x: auto;overflow-y: hidden;padding: 2px 0 10px;scroll-snap-type: x proximity;scroll-padding-inline: 2px;overscroll-behavior-inline: contain;scrollbar-width: none;-webkit-overflow-scrolling: touch}.xgb-port-showcase__scroll::-webkit-scrollbar{display: none}.xgb-port-showcase__scroll:focus-visible{outline: 2px solid rgba(244,81,0,0.45);outline-offset: 6px;border-radius: 4px}.xgb-port-showcase__item{min-width: 0;scroll-snap-align: start}.xgb-port-showcase__card{display: flex;flex-direction: column;height: 100%;overflow: hidden;border: 1px solid var(--line);border-radius: 14px;background: #fff;color: inherit;text-decoration: none}.xgb-port-showcase__media{display: block;width: 100%;aspect-ratio: 16 / 10;overflow: hidden;background: #151618}.xgb-port-showcase__media img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: top center}.xgb-port-showcase__body{flex: 1 1 auto;padding: 16px 17px 19px}.xgb-port-showcase__meta{display: block;margin-bottom: 7px;color: var(--orange-dark);font-size: 10px;font-weight: 800;line-height: 1.4;letter-spacing: 0.055em}.xgb-port-showcase__body h3{margin: 0;color: var(--ink);font-size: 18px;font-weight: 800;line-height: 1.38}.xgb-port-showcase__body p{margin: 9px 0 0;color: var(--text);font-size: 13px;line-height: 1.65}@media (hover: hover){.xgb-port-showcase__card{transition: border-color 0.18s ease,transform 0.18s ease,box-shadow 0.18s ease}.xgb-port-showcase__card:hover{transform: translateY(-2px);border-color: rgba(244,81,0,0.38);box-shadow: 0 12px 28px rgba(21,21,21,0.07)}.xgb-port-showcase__card:hover h3{color: var(--orange-dark)}}.xgb-port-showcase a:focus-visible{outline: 3px solid var(--orange-dark);outline-offset: 3px}.xgb-port-showcase__footer{margin-top: 22px;text-align: center}.xgb-port-showcase__footer a{display: inline-flex;min-height: 46px;padding: 0 19px;align-items: center;justify-content: center;border-radius: 8px;background: #1b1b1d;color: #fff;font-size: 13px;font-weight: 800;text-decoration: none;transition: background 0.18s ease,transform 0.18s ease}@media (hover: hover){.xgb-port-showcase__footer a:hover{transform: translateY(-1px);background: var(--orange-dark);color: #fff}}@media (max-width: 1000px){.xgb-port-showcase__scroll{grid-auto-columns: calc((100% - 14px) / 2)}}@media (max-width: 767px){.xgb-port-showcase{padding: 50px 0 54px;contain-intrinsic-size: 690px}.xgb-port-showcase__wrap{width: calc(100% - 28px)}.xgb-port-showcase__head{margin-bottom: 24px}.xgb-port-showcase__head h2{font-size: 28px;line-height: 1.28}.xgb-port-showcase__head > p:last-child{font-size: 14px;line-height: 1.7}.xgb-port-showcase__scroll{grid-auto-columns: 88%;gap: 10px;scroll-padding-inline: 0}.xgb-port-showcase__card{border-radius: 12px}.xgb-port-showcase__body{padding: 14px 15px 17px}.xgb-port-showcase__body h3{font-size: 17px}.xgb-port-showcase__footer a{width: 100%}}@media (prefers-reduced-motion: reduce){.xgb-port-showcase__card,.xgb-port-showcase__footer a{transition: none}.xgb-port-showcase__card:hover,.xgb-port-showcase__footer a:hover{transform: none}}@media (hover: hover) and (pointer: fine){.xgb-port-showcase__scroll{padding-bottom: 14px;scrollbar-width: thin;scrollbar-color: #c9cacd transparent}.xgb-port-showcase__scroll::-webkit-scrollbar{display: block;height: 8px}.xgb-port-showcase__scroll::-webkit-scrollbar-track{background: transparent}.xgb-port-showcase__scroll::-webkit-scrollbar-thumb{border-radius: 999px;background: #c9cacd}.xgb-port-showcase__scroll::-webkit-scrollbar-thumb:hover{background: var(--orange-dark)}}.xgb-pkg,.xgb-pkg *,.xgb-pkg *::before,.xgb-pkg *::after{box-sizing: border-box}.xgb-pkg{--xgb-orange: #f45100;--xgb-orange-2: #ff6a00;--xgb-orange-dark: #d93f00;--xgb-orange-deep: #b83500;--xgb-orange-soft: #fff5ed;--xgb-orange-line: #ffd0b3;--xgb-ink: #151515;--xgb-text: #55595f;--xgb-muted: #74787d;--xgb-line: #e4e6e8;--xgb-soft: #f7f7f8;position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);color: var(--xgb-ink);background: linear-gradient( 180deg,#ffffff 0%,#ffffff 76%,#fafafa 100% );font-family: "Noto Sans Thai","Prompt",Arial,sans-serif}.xgb-pkg__inner{width: min( 1360px,calc(100% - 48px) );margin: 0 auto;padding: clamp( 60px,7vw,96px ) 0}.xgb-pkg__head{max-width: 990px;margin-bottom: clamp( 30px,3.6vw,46px )}.xgb-pkg__kicker{margin: 0 0 10px;color: var(--xgb-orange-dark);font-size: 11px;font-weight: 800;line-height: 1.4;letter-spacing: 0.09em}.xgb-pkg__title{max-width: 930px;margin: 0;color: var(--xgb-ink);font-size: clamp( 29px,3vw,42px );font-weight: 800;line-height: 1.22;letter-spacing: -0.025em}.xgb-pkg__title-accent{display: block;color: var(--xgb-orange-dark)}.xgb-pkg__intro{max-width: 950px;margin: 16px 0 0;color: var(--xgb-text);font-size: 15.5px;line-height: 1.82}.xgb-pkg__intro strong{color: var(--xgb-ink);font-weight: 800}.xgb-pkg__grid{display: grid;grid-template-columns: repeat( 3,minmax(0,1fr) );gap: 15px;align-items: stretch}.xgb-pkg__card{position: relative;display: flex;flex-direction: column;min-width: 0;overflow: hidden;border: 1px solid var(--xgb-line);border-radius: 20px;background: #ffffff;box-shadow: 0 10px 28px rgba(17,19,22,0.045);transition: transform 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease}.xgb-pkg__card--featured{border-color: rgba(244,81,0,0.38);box-shadow: 0 15px 36px rgba(244,81,0,0.09)}.xgb-pkg__card--dark{border-color: #292d31;color: #ffffff;background: linear-gradient( 145deg,#131518,#23272c );box-shadow: 0 16px 36px rgba(17,19,22,0.12)}.xgb-pkg__top{position: relative;min-height: 205px;padding: 23px 22px 21px;overflow: hidden;color: #ffffff;background: radial-gradient( circle at 100% 0%,rgba(244,81,0,0.25),transparent 38% ),linear-gradient( 145deg,#15171a,#24282d )}.xgb-pkg__top::after{content: "";position: absolute;right: -35px;bottom: -55px;width: 115px;height: 115px;border: 1px solid rgba(255,255,255,0.06);border-radius: 50%}.xgb-pkg__card--featured .xgb-pkg__top{background: radial-gradient( circle at 100% 0%,rgba(255,255,255,0.15),transparent 31% ),linear-gradient( 135deg,#fa5a00,#cf3c00 )}.xgb-pkg__card--dark .xgb-pkg__top{background: radial-gradient( circle at 100% 0%,rgba(244,81,0,0.42),transparent 38% ),linear-gradient( 145deg,#101215,#1d2126 )}.xgb-pkg__top-meta{position: relative;z-index: 2;display: flex;align-items: center;gap: 9px}.xgb-pkg__number{display: inline-flex;width: 30px;height: 30px;flex: 0 0 30px;align-items: center;justify-content: center;border: 1px solid rgba(255,255,255,0.16);border-radius: 50%;color: #ffffff;background: rgba(255,255,255,0.06);font-size: 9px;font-weight: 900}.xgb-pkg__level{margin: 0;color: #ff985c;font-size: 9px;font-weight: 900;line-height: 1.3;letter-spacing: 0.09em}.xgb-pkg__card--featured .xgb-pkg__level{color: #ffffff}.xgb-pkg__name{position: relative;z-index: 2;margin: 17px 0 0;color: #ffffff;font-size: 23px;font-weight: 800;line-height: 1.3}.xgb-pkg__summary{position: relative;z-index: 2;margin: 7px 0 0;color: rgba( 255,255,255,0.76 );font-size: 12.5px;line-height: 1.68}.xgb-pkg__card--featured .xgb-pkg__summary{color: rgba( 255,255,255,0.91 )}.xgb-pkg__price{display: grid;grid-template-columns: minmax(0,1fr) minmax(125px,auto);gap: 12px;align-items: end;padding: 17px 20px;border-bottom: 1px solid var(--xgb-line);background: linear-gradient( 180deg,#ffffff,#fcfcfc )}.xgb-pkg__price-main > span,.xgb-pkg__price-monthly > span{display: block;color: var(--xgb-muted);font-size: 8px;font-weight: 900;line-height: 1.4;letter-spacing: 0.075em}.xgb-pkg__price-main > div{display: flex;align-items: baseline;gap: 6px;margin-top: 4px}.xgb-pkg__price-main strong{color: var(--xgb-orange-dark);font-size: 32px;font-weight: 900;line-height: 1}.xgb-pkg__price-main small{color: var(--xgb-orange-dark);font-size: 9px;font-weight: 900}.xgb-pkg__price-monthly{text-align: right}.xgb-pkg__price-monthly strong{display: block;margin-top: 4px;color: var(--xgb-ink);font-size: 12px;line-height: 1.45}.xgb-pkg__card--dark .xgb-pkg__price{border-color: rgba( 255,255,255,0.09 );background: #171a1e}.xgb-pkg__card--dark .xgb-pkg__price-main > span,.xgb-pkg__card--dark .xgb-pkg__price-monthly > span{color: #9ea3a8}.xgb-pkg__card--dark .xgb-pkg__price-main strong{color: #ffffff}.xgb-pkg__card--dark .xgb-pkg__price-main small{color: #ff985c}.xgb-pkg__card--dark .xgb-pkg__price-monthly strong{color: #ffffff}.xgb-pkg__row{margin: 0;padding: 16px 20px;border-bottom: 1px solid var(--xgb-line)}.xgb-pkg__row dt{margin: 0 0 5px;color: var(--xgb-muted);font-size: 10.5px;font-weight: 800}.xgb-pkg__row dd{margin: 0;color: var(--xgb-ink);font-size: 13px;line-height: 1.67}.xgb-pkg__row--note{flex: 1 1 auto;background: #fff7f1}.xgb-pkg__row--note dt{color: var(--xgb-orange-dark)}.xgb-pkg__card--dark .xgb-pkg__row{border-color: rgba( 255,255,255,0.09 )}.xgb-pkg__card--dark .xgb-pkg__row dt{color: #aaaeb2}.xgb-pkg__card--dark .xgb-pkg__row dd{color: #e1e3e5}.xgb-pkg__card--dark .xgb-pkg__row--note{background: rgba( 244,81,0,0.09 )}.xgb-pkg__card--dark .xgb-pkg__row--note dt{color: #ff985c}.xgb-pkg__link{display: flex;min-height: 59px;align-items: center;justify-content: space-between;gap: 14px;margin-top: auto;padding: 0 14px 0 20px;color: var(--xgb-orange-dark);background: #ffffff;font-size: 12.5px;font-weight: 800;line-height: 1.45;text-decoration: none;transition: background 0.18s ease,color 0.18s ease}.xgb-pkg__arrow{display: inline-flex;width: 30px;height: 30px;flex: 0 0 30px;align-items: center;justify-content: center;border-radius: 50%;color: var(--xgb-orange-dark);background: var(--xgb-orange-soft);font-size: 14px;transition: transform 0.18s ease,background 0.18s ease,color 0.18s ease}.xgb-pkg__card--dark .xgb-pkg__link{color: #ff985c;background: #171a1e;border-top: 1px solid rgba( 255,255,255,0.08 )}.xgb-pkg__card--dark .xgb-pkg__arrow{color: #ff985c;background: rgba( 244,81,0,0.12 )}.xgb-pkg__flow{display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;gap: 12px;align-items: center;margin-top: 20px;padding: 15px;border: 1px solid var(--xgb-line);border-radius: 16px;background: #ffffff}.xgb-pkg__flow-item{display: flex;align-items: center;gap: 11px}.xgb-pkg__flow-item > span{display: inline-flex;width: 32px;height: 32px;flex: 0 0 32px;align-items: center;justify-content: center;border-radius: 50%;color: #ffffff;background: linear-gradient( 135deg,var(--xgb-orange-2),var(--xgb-orange-dark) );font-size: 9px;font-weight: 900}.xgb-pkg__flow-item small{display: block;color: var(--xgb-muted);font-size: 8px;font-weight: 900;letter-spacing: 0.08em}.xgb-pkg__flow-item strong{display: block;margin-top: 2px;color: var(--xgb-ink);font-size: 12px}.xgb-pkg__flow-arrow{color: var(--xgb-orange-dark);font-size: 18px;font-weight: 900}.xgb-pkg__foot{display: flex;align-items: center;justify-content: space-between;gap: 26px;margin-top: 16px;padding: 20px 22px;border: 1px solid var(--xgb-orange-line);border-radius: 16px;background: linear-gradient( 135deg,#fff8f3,#ffffff )}.xgb-pkg__foot-copy{max-width: 850px}.xgb-pkg__foot-copy > span{display: block;color: var(--xgb-orange-dark);font-size: 9px;font-weight: 900;letter-spacing: 0.08em}.xgb-pkg__foot-copy p{margin: 4px 0 0;color: var(--xgb-ink);font-size: 14px;font-weight: 700;line-height: 1.6}.xgb-pkg__cta{position: relative;display: inline-flex;min-width: 220px;min-height: 54px;flex: 0 0 auto;align-items: center;justify-content: space-between;gap: 18px;padding: 0 12px 0 21px;overflow: hidden;border-radius: 990px;color: #ffffff;background: linear-gradient( 135deg,var(--xgb-orange-2),var(--xgb-orange-dark) );box-shadow: 0 11px 25px rgba( 217,63,0,0.20 );font-size: 13.5px;font-weight: 800;text-decoration: none;transition: transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.xgb-pkg__cta::before{content: "";position: absolute;top: -70%;left: -55%;width: 38%;height: 240%;transform: rotate(22deg);background: linear-gradient( 90deg,transparent,rgba(255,255,255,0.22),transparent );transition: left 0.55s ease;pointer-events: none}.xgb-pkg__cta > span{position: relative;z-index: 2}.xgb-pkg__cta-arrow{display: inline-flex;width: 34px;height: 34px;flex: 0 0 34px;align-items: center;justify-content: center;border-radius: 50%;color: var(--xgb-orange-dark);background: #ffffff;transition: transform 0.2s ease}@media (hover: hover){.xgb-pkg__card:hover{transform: translateY(-4px);border-color: #ffac7d;box-shadow: 0 20px 40px rgba( 17,19,22,0.08 )}.xgb-pkg__card--dark:hover{border-color: rgba( 244,81,0,0.65 )}.xgb-pkg__link:hover{color: var(--xgb-orange-dark);background: #fff8f3}.xgb-pkg__link:hover .xgb-pkg__arrow{transform: translateX(3px);color: #ffffff;background: var(--xgb-orange-dark)}.xgb-pkg__card--dark .xgb-pkg__link:hover{background: #1d2024}.xgb-pkg__cta:hover{transform: translateY(-2px);background: linear-gradient( 135deg,var(--xgb-orange-dark),var(--xgb-orange-deep) );box-shadow: 0 16px 32px rgba( 217,63,0,0.27 )}.xgb-pkg__cta:hover::before{left: 125%}.xgb-pkg__cta:hover .xgb-pkg__cta-arrow{transform: translateX(3px)}}.xgb-pkg a:focus-visible{outline: 3px solid rgba( 244,81,0,0.35 );outline-offset: 3px}@media (max-width: 1020px){.xgb-pkg__grid{grid-template-columns: 1fr}.xgb-pkg__top{min-height: 0}}@media (max-width: 767px){.xgb-pkg__inner{width: calc(100% - 28px);padding: 52px 0}.xgb-pkg__head{margin-bottom: 27px}.xgb-pkg__kicker{font-size: 10px}.xgb-pkg__title{font-size: clamp( 25px,7vw,29px );line-height: 1.27}.xgb-pkg__intro{font-size: 14.5px;line-height: 1.75}.xgb-pkg__grid{grid-template-columns: 1fr;gap: 13px}.xgb-pkg__top{padding: 20px 18px}.xgb-pkg__name{font-size: 21px}.xgb-pkg__summary{font-size: 12.5px}.xgb-pkg__price{grid-template-columns: 1fr;gap: 10px;padding: 16px 18px}.xgb-pkg__price-monthly{padding-top: 10px;border-top: 1px solid var(--xgb-line);text-align: left}.xgb-pkg__card--dark .xgb-pkg__price-monthly{border-color: rgba( 255,255,255,0.09 )}.xgb-pkg__row{padding: 15px 18px}.xgb-pkg__row dd{font-size: 13.5px}.xgb-pkg__link{min-height: 58px;padding: 0 13px 0 18px}.xgb-pkg__flow{display: flex;flex-direction: column;align-items: stretch;gap: 8px}.xgb-pkg__flow-arrow{transform: rotate(90deg);align-self: center}.xgb-pkg__foot{flex-direction: column;align-items: stretch;gap: 16px;padding: 18px}.xgb-pkg__foot-copy p{font-size: 13.5px}.xgb-pkg__cta{width: 100%;min-width: 0;min-height: 56px}}@media (prefers-reduced-motion: reduce){.xgb-pkg__card,.xgb-pkg__link,.xgb-pkg__arrow,.xgb-pkg__cta,.xgb-pkg__cta::before,.xgb-pkg__cta-arrow{transition: none}.xgb-pkg__card:hover,.xgb-pkg__cta:hover{transform: none}}.xgb-home-section--articles,.xgb-home-section--articles *{box-sizing: border-box}.xgb-home-section--articles{margin: 0;padding: 0;background: #ffffff;color: #17181a}.xgb-home-section--articles .xgb-v5-articles{position: relative;overflow: hidden;padding: 82px 0 88px;background: linear-gradient(180deg,#ffffff 0%,#f8f8f9 100%);border-top: 1px solid #eeeeef;border-bottom: 1px solid #e9e9eb}.xgb-home-section--articles .xgb-v5-articles::before{content: "";position: absolute;top: -220px;right: -140px;width: 480px;height: 480px;border: 1px solid rgba(244,81,0,0.055);transform: rotate(45deg);pointer-events: none}.xgb-home-section--articles .xgb-v5-articles__shell{position: relative;z-index: 2;width: calc(100% - 40px);max-width: 1280px;margin: 0 auto}.xgb-home-section--articles .xgb-v5-articles__head-main{min-width: 0}.xgb-home-section--articles .xgb-v5-articles__head{display: grid;grid-template-columns: minmax(0,1.12fr) minmax(320px,0.88fr);gap: 64px;align-items: end;margin-bottom: 38px}.xgb-home-section--articles .xgb-v5-articles__eyebrow{margin: 0 0 10px;color: #d94300;font-size: 10px;font-weight: 900;line-height: 1.35;letter-spacing: 0.08em}.xgb-home-section--articles .xgb-v5-articles__title{max-width: 760px;margin: 0;color: #17181a;font-size: 38px;font-weight: 900;line-height: 1.14;letter-spacing: -0.035em}.xgb-home-section--articles .xgb-v5-articles__title span{display: block;color: #b83500}.xgb-home-section--articles .xgb-v5-articles__head-side{max-width: 520px;justify-self: end}.xgb-home-section--articles .xgb-v5-articles__head-side p{margin: 0 0 16px;color: #62666b;font-size: 13.5px;line-height: 1.7}.xgb-home-section--articles .xgb-v5-articles__head-cta{display: inline-flex;min-height: 40px;padding: 0 15px;align-items: center;justify-content: center;color: #17181a;background: #ffffff;border: 1px solid #bfc1c4;border-radius: 5px;font-size: 11.5px;font-weight: 900;line-height: 1;text-decoration: none}.xgb-home-section--articles .xgb-v5-articles__head-cta span{margin-left: 8px;font-size: 15px}.xgb-home-section--articles .xgb-v5-articles__head-cta:hover,.xgb-home-section--articles .xgb-v5-articles__head-cta:focus{color: #b83500;border-color: #f45100}.xgb-home-section--articles .xgb-v5-articles__layout{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 16px;align-items: stretch}.xgb-home-section--articles .xgb-v5-articles__side{display: grid;grid-template-rows: repeat(2,minmax(0,1fr));gap: 16px}.xgb-home-section--articles .xgb-v5-article{position: relative;min-width: 0;overflow: hidden;background: #ffffff;border: 1px solid #e6e6e8;border-radius: 12px;box-shadow: 0 12px 30px rgba(47,27,31,0.05);transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease}.xgb-home-section--articles .xgb-v5-article:hover{transform: translateY(-1px);border-color: rgba(244,81,0,.38);box-shadow: 0 18px 38px rgba(116,52,10,0.09)}.xgb-home-section--articles .xgb-v5-article__link{display: block;width: 100%;height: 100%;color: inherit;text-decoration: none}.xgb-home-section--articles .xgb-v5-article__link:hover,.xgb-home-section--articles .xgb-v5-article__link:focus{color: inherit;text-decoration: none}.xgb-home-section--articles .xgb-v5-article--feature{width: 100%;min-height: 0;aspect-ratio: 16 / 9}.xgb-home-section--articles .xgb-v5-article__feature-frame{position: relative;display: block;width: 100%;height: 100%;overflow: hidden}.xgb-home-section--articles .xgb-v5-article__media{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;overflow: hidden;background: #f3f3f4}.xgb-home-section--articles .xgb-v5-article__media img{position: relative;z-index: 1;display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%;margin: 0;padding: 0;object-fit: contain;object-position: center center;transform: none;transition: none}.xgb-home-section--articles .xgb-v5-article__media .xgb-knowledge__media-placeholder,.xgb-home-section--articles .xgb-v5-article__thumb .xgb-knowledge__media-placeholder{display: grid;width: 100%;height: 100%;place-items: center;background: linear-gradient(145deg,#1a1a1c,#2a2a2d);color: #ffffff;font-size: 18px;font-weight: 900;letter-spacing: .08em}.xgb-home-section--articles .xgb-v5-article__feature-overlay{position: absolute;z-index: 2;right: 0;bottom: 0;left: 0;padding: 96px 30px 26px;color: #ffffff;background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 25%,rgba(29,12,3,.9) 100%);pointer-events: none}.xgb-home-section--articles .xgb-v5-article__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 7px 10px;margin: 0 0 8px}.xgb-home-section--articles .xgb-v5-article__category{display: inline-flex;align-items: center;min-height: 21px;padding: 0 8px;border-radius: 999px;background: rgba(244,81,0,.12);color: #d94300;font-size: 9px;font-weight: 900;line-height: 1}.xgb-home-section--articles .xgb-v5-article__date{display: block;color: #9a9da2;font-size: 9.5px;font-weight: 700;line-height: 1.2}.xgb-home-section--articles .xgb-v5-article--feature .xgb-v5-article__category{background: rgba(255,255,255,.14);color: #ffffff}.xgb-home-section--articles .xgb-v5-article--feature .xgb-v5-article__date{color: rgba(255,255,255,.72)}.xgb-home-section--articles .xgb-v5-article__feature-overlay h3{max-width: 700px;margin: 0 0 10px;color: #ffffff;font-size: 27px;font-weight: 900;line-height: 1.25;letter-spacing: -0.025em}.xgb-home-section--articles .xgb-v5-article__feature-overlay .xgb-v5-article__excerpt{max-width: 680px;margin: 0;color: rgba(255,255,255,.78);font-size: 12.5px;line-height: 1.65}.xgb-home-section--articles .xgb-v5-article--side .xgb-v5-article__side-frame{display: grid;grid-template-columns: 42% minmax(0,1fr);min-height: 232px;height: 100%}.xgb-home-section--articles .xgb-v5-article__thumb{position: relative;min-width: 0;width: 100%;height: 100%;margin: 0;overflow: hidden;background: #f3f3f4}.xgb-home-section--articles .xgb-v5-article__thumb img{display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%;margin: 0;object-fit: contain;object-position: center center;transform: none;transition: none}.xgb-home-section--articles .xgb-v5-article__side-copy{padding: 23px 22px;align-self: center}.xgb-home-section--articles .xgb-v5-article__side-copy h3{margin: 0 0 9px;color: #17181a;font-size: 16.5px;font-weight: 900;line-height: 1.35;letter-spacing: -0.015em}.xgb-home-section--articles .xgb-v5-article__side-copy > p:last-child{margin: 0;color: #686c71;font-size: 11.5px;line-height: 1.6}.xgb-home-section--articles .xgb-v5-articles__empty{padding: 30px;border: 1px dashed #d9d9dc;border-radius: 12px;background: #ffffff;color: #696c71;text-align: center}.xgb-home-section--articles a:focus-visible{outline: 3px solid rgba(244,81,0,.25);outline-offset: 3px}@media screen and (max-width: 1080px){.xgb-home-section--articles .xgb-v5-articles__head{grid-template-columns: 1fr;gap: 18px}.xgb-home-section--articles .xgb-v5-articles__head-side{max-width: 700px;justify-self: start}.xgb-home-section--articles .xgb-v5-articles__layout{grid-template-columns: 1fr}.xgb-home-section--articles .xgb-v5-articles__side{grid-template-columns: 1fr 1fr;grid-template-rows: auto}}@media screen and (max-width: 720px){.xgb-home-section--articles .xgb-v5-articles{padding-top: 56px;padding-bottom: 60px}.xgb-home-section--articles .xgb-v5-articles__shell{width: calc(100% - 32px)}.xgb-home-section--articles .xgb-v5-articles__title{font-size: 29px;line-height: 1.2}.xgb-home-section--articles .xgb-v5-article--feature{width: 100%;min-height: 0;aspect-ratio: 16 / 9}.xgb-home-section--articles .xgb-v5-article__feature-overlay{padding: 72px 22px 20px}.xgb-home-section--articles .xgb-v5-article__feature-overlay h3{font-size: 22px}.xgb-home-section--articles .xgb-v5-article__feature-overlay .xgb-v5-article__excerpt{font-size: 11.5px;line-height: 1.55}.xgb-home-section--articles .xgb-v5-articles__side{grid-template-columns: 1fr}.xgb-home-section--articles .xgb-v5-article--side .xgb-v5-article__side-frame{grid-template-columns: 140px minmax(0,1fr);min-height: 150px}.xgb-home-section--articles .xgb-v5-article__side-copy{padding: 18px 16px}}@media screen and (max-width: 440px){.xgb-home-section--articles .xgb-v5-article__feature-overlay{padding: 50px 16px 14px}.xgb-home-section--articles .xgb-v5-article__feature-overlay h3{margin-bottom: 0;font-size: 18px;line-height: 1.25}.xgb-home-section--articles .xgb-v5-article--feature .xgb-v5-article__date{margin-bottom: 5px}.xgb-home-section--articles .xgb-v5-article__feature-overlay .xgb-v5-article__excerpt{display: none}.xgb-home-section--articles .xgb-v5-article--side .xgb-v5-article__side-frame{grid-template-columns: 112px minmax(0,1fr)}.xgb-home-section--articles .xgb-v5-article__side-copy h3{font-size: 14.5px}.xgb-home-section--articles .xgb-v5-article__side-copy > p:last-child{display: none}}@media (prefers-reduced-motion: reduce){.xgb-home-section--articles .xgb-v5-article{transition: none}}.xgb-proof-stats,.xgb-proof-stats *{box-sizing: border-box}.xgb-proof-stats{--xgb-orange: #F45100;--xgb-orange-dark: #D93F00;--xgb-ink: #151515;--xgb-text-soft: #626267;position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);overflow: hidden;font-family: "Noto Sans Thai",sans-serif;background: radial-gradient(60% 50% at 50% 0%,#FFF4EC 0%,rgba(255,244,236,0) 100%),#FFFFFF}.xgb-proof-stats__inner{width: min(1360px,calc(100% - 48px));margin: 0 auto;padding: clamp(56px,7vw,88px) 0}.xgb-proof-stats__heading{max-width: 820px;margin: 0 auto 40px;text-align: center}.xgb-proof-stats__kicker{min-height: 32px;display: inline-flex;align-items: center;justify-content: center;gap: 8px;margin-bottom: 16px;padding: 0 13px;border: 1px solid #FFD5BF;border-radius: 999px;background: #FFFFFF;color: var(--xgb-orange-dark);font-size: 11px;font-weight: 800;letter-spacing: .07em}.xgb-proof-stats__kicker::before{content: "";width: 7px;height: 7px;flex: 0 0 7px;border-radius: 50%;background: var(--xgb-orange);box-shadow: 0 0 0 4px rgba(244,81,0,.14)}.xgb-proof-stats__heading h2{margin: 0;color: var(--xgb-ink);font-size: clamp(30px,3vw,42px);font-weight: 800;line-height: 1.22;letter-spacing: -.025em}.xgb-proof-stats__heading p{max-width: 780px;margin: 16px auto 0;color: var(--xgb-text-soft);font-size: 16px;line-height: 1.75}.xgb-proof-stats .xgb-keyword{color: var(--xgb-ink);font-weight: 700}.xgb-proof-stats .xgb-keyword-link{color: var(--xgb-orange-dark);font-weight: 700;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;text-decoration-color: rgba(217,63,0,.4)}.xgb-proof-stats .xgb-keyword-link:focus-visible{outline: 3px solid var(--xgb-orange);outline-offset: 3px}@media (hover: hover){.xgb-proof-stats .xgb-keyword-link:hover{color: var(--xgb-orange);text-decoration-color: var(--xgb-orange)}}.xgb-proof-stats__grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 18px}.xgb-proof-stat{position: relative;display: flex;flex-direction: column;align-items: center;padding: 30px 22px 28px;border: 1px solid #F2DDD1;border-radius: 22px;background: linear-gradient(180deg,#FFFFFF 0%,#FFF8F3 100%);text-align: center;box-shadow: 0 1px 0 rgba(21,21,21,.03);transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease}.xgb-proof-stat::before{content: "";position: absolute;top: -1px;left: 50%;width: 44px;height: 3px;border-radius: 0 0 3px 3px;background: var(--xgb-orange);transform: translateX(-50%);transition: width .2s ease}.xgb-proof-stat__icon{width: 52px;height: 52px;display: grid;place-items: center;margin-bottom: 20px;border-radius: 16px;background: var(--xgb-orange);color: #FFFFFF;box-shadow: 0 8px 18px -8px rgba(244,81,0,.55)}.xgb-proof-stat__icon svg{width: 24px;height: 24px}.xgb-proof-stat__value{display: flex;align-items: center;justify-content: center;min-height: clamp(46px,4vw,60px);color: var(--xgb-orange-dark);font-size: clamp(46px,4vw,60px);font-weight: 800;line-height: 1;letter-spacing: -.035em}.xgb-proof-stat__value--text{font-size: clamp(34px,2.9vw,42px);letter-spacing: -.01em}.xgb-proof-stat__label{position: relative;margin: 16px 0 0;padding-top: 14px;color: var(--xgb-ink);font-size: 17px;font-weight: 700;line-height: 1.45}.xgb-proof-stat__label::before{content: "";position: absolute;top: 0;left: 50%;width: 28px;height: 1px;background: #EBCFBE;transform: translateX(-50%)}.xgb-proof-stat p{max-width: 250px;margin: 8px auto 0;color: var(--xgb-text-soft);font-size: 14px;line-height: 1.65}@media (hover: hover){.xgb-proof-stat:hover{border-color: #EFAE89;transform: translateY(-3px);box-shadow: 0 16px 32px -20px rgba(217,63,0,.35)}.xgb-proof-stat:hover::before{width: 72px}}@media (prefers-reduced-motion: reduce){.xgb-proof-stat,.xgb-proof-stat::before{transition: none}.xgb-proof-stat:hover{transform: none}}@media (max-width: 1080px){.xgb-proof-stats__grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.xgb-proof-stats__inner{width: calc(100% - 28px)}.xgb-proof-stats__heading{margin-bottom: 28px}.xgb-proof-stats__kicker{min-height: 30px;font-size: 10px}.xgb-proof-stats__heading h2{font-size: clamp(25px,7vw,28px);line-height: 1.28}.xgb-proof-stats__heading p{font-size: 15px}.xgb-proof-stats__grid{gap: 10px}.xgb-proof-stat{padding: 22px 12px 20px;border-radius: 18px}.xgb-proof-stat__icon{width: 44px;height: 44px;margin-bottom: 14px;border-radius: 13px}.xgb-proof-stat__icon svg{width: 20px;height: 20px}.xgb-proof-stat__value{min-height: 40px;font-size: 40px}.xgb-proof-stat__value--text{font-size: 28px}.xgb-proof-stat__label{margin-top: 12px;padding-top: 12px;font-size: 15px}.xgb-proof-stat p{font-size: 13px;line-height: 1.6}}.xgb-certification,.xgb-certification *{box-sizing: border-box}.xgb-certification{--xgb-orange: #F45100;--xgb-orange-dark: #D93F00;--xgb-ink: #151515;--xgb-text-soft: #626267;--xgb-line: #E7E5E1;position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);overflow: hidden;color: var(--xgb-ink);font-family: "Noto Sans Thai",sans-serif;background: #F7F6F3}.xgb-certification__inner{width: min(1360px,calc(100% - 48px));margin: 0 auto;padding: clamp(56px,7vw,88px) 0}.xgb-certification__panel{position: relative;padding: clamp(28px,4vw,48px);border: 1px solid var(--xgb-line);border-radius: 24px;background: #FFFFFF;overflow: hidden}.xgb-certification__panel::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg,var(--xgb-orange) 0%,#FF9A5C 100%)}.xgb-certification__head{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 14px clamp(24px,4vw,64px);align-items: end;padding-bottom: clamp(24px,3vw,32px);border-bottom: 1px solid var(--xgb-line)}.xgb-certification__kicker{grid-column: 1 / -1;width: fit-content;min-height: 30px;display: inline-flex;align-items: center;gap: 8px;padding: 0 12px;border-radius: 999px;background: #1B1B1E;color: #F5F5F6;font-size: 11px;font-weight: 800;letter-spacing: .08em}.xgb-certification__kicker::before{content: "";width: 6px;height: 6px;flex: 0 0 6px;border-radius: 50%;background: var(--xgb-orange)}.xgb-certification__head h2{margin: 0;color: var(--xgb-ink);font-size: clamp(26px,2.6vw,36px);font-weight: 800;line-height: 1.28;letter-spacing: -.02em}.xgb-certification__lead{margin: 0;color: var(--xgb-text-soft);font-size: 15.5px;line-height: 1.8}.xgb-certification .xgb-keyword{color: var(--xgb-ink);font-weight: 700}.xgb-certification .xgb-keyword-link{color: var(--xgb-orange-dark);font-weight: 700;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;text-decoration-color: rgba(217,63,0,.4)}.xgb-certification__standards{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px;margin-top: clamp(24px,3vw,32px)}.xgb-certification__standard{display: flex;flex-direction: column;gap: 16px;padding: 24px 22px;border: 1px solid var(--xgb-line);border-radius: 18px;background: linear-gradient(180deg,#FFFFFF 0%,#FBFAF8 100%);transition: border-color .2s ease,transform .2s ease}.xgb-certification__icon{width: 48px;height: 48px;display: grid;place-items: center;border-radius: 14px;background: #171719;color: #FFFFFF;box-shadow: inset 0 -3px 0 var(--xgb-orange)}.xgb-certification__icon svg{width: 22px;height: 22px}.xgb-certification__standard h3{margin: 0;color: var(--xgb-ink);font-size: 18px;font-weight: 700;line-height: 1.4}.xgb-certification__standard p{margin: 6px 0 0;color: var(--xgb-text-soft);font-size: 14px;line-height: 1.7}.xgb-certification .xgb-keyword-link:focus-visible{outline: 3px solid var(--xgb-orange);outline-offset: 3px}@media (hover: hover){.xgb-certification .xgb-keyword-link:hover{color: var(--xgb-orange)}.xgb-certification__standard:hover{border-color: #EFAE89;transform: translateY(-2px)}}@media (prefers-reduced-motion: reduce){.xgb-certification__standard{transition: none}.xgb-certification__standard:hover{transform: none}}@media (max-width: 1080px){.xgb-certification__head{grid-template-columns: 1fr}.xgb-certification__standards{grid-template-columns: 1fr;gap: 12px}.xgb-certification__standard{flex-direction: row;align-items: flex-start}.xgb-certification__icon{flex: 0 0 auto}}@media (max-width: 767px){.xgb-certification__inner{width: calc(100% - 28px)}.xgb-certification__panel{padding: 22px 16px;border-radius: 18px}.xgb-certification__kicker{font-size: 10px}.xgb-certification__head h2{font-size: clamp(23px,6.4vw,26px)}.xgb-certification__lead{font-size: 14.5px;line-height: 1.75}.xgb-certification__standard{gap: 12px;padding: 16px 14px;border-radius: 14px}.xgb-certification__icon{width: 40px;height: 40px;border-radius: 11px}.xgb-certification__icon svg{width: 19px;height: 19px}.xgb-certification__standard h3{font-size: 16px}.xgb-certification__standard p{font-size: 13.5px}}.xgb-partners,.xgb-partners *,.xgb-partners *::before,.xgb-partners *::after{box-sizing: border-box}.xgb-partners{--xgb-orange: #f45100;--xgb-orange-2: #ff6500;--xgb-orange-dark: #d93f00;--xgb-orange-deep: #b83500;--xgb-orange-soft: #fff4ed;--xgb-orange-line: #ffd0b3;--xgb-ink: #151515;--xgb-text: #5b6066;--xgb-muted: #74797f;--xgb-line: #e8e5e2;--xgb-soft: #faf9f7;position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);overflow: hidden;color: var(--xgb-ink);background: linear-gradient( 180deg,#ffffff 0%,#ffffff 72%,#fbfaf8 100% );font-family: "Noto Sans Thai","Prompt",Arial,sans-serif}.xgb-partners__inner{width: min(1360px,calc(100% - 48px));margin: 0 auto;padding: clamp(58px,7vw,92px) 0}.xgb-partners__heading{max-width: 850px;margin: 0 auto clamp(30px,3.7vw,44px);text-align: center}.xgb-partners__kicker{display: inline-flex;align-items: center;gap: 8px;min-height: 32px;margin-bottom: 14px;padding: 0 13px;border: 1px solid #ffd1b9;border-radius: 999px;background: var(--xgb-orange-soft);color: var(--xgb-orange-dark);font-size: 10px;font-weight: 900;line-height: 1;letter-spacing: .08em}.xgb-partners__kicker::before{width: 6px;height: 6px;flex: 0 0 6px;border-radius: 50%;background: var(--xgb-orange);content: ""}.xgb-partners__heading h2{margin: 0;color: var(--xgb-ink);font-size: clamp(29px,3vw,42px);font-weight: 800;line-height: 1.23;letter-spacing: -.024em}.xgb-partners__heading p{max-width: 760px;margin: 15px auto 0;color: var(--xgb-text);font-size: 15.5px;line-height: 1.8}.xgb-partners .xgb-keyword{color: var(--xgb-ink);font-weight: 800}.xgb-partners .xgb-keyword-link{color: var(--xgb-orange-dark);font-weight: 800;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;text-decoration-color: rgba(217,63,0,.35)}.xgb-partners__group{position: relative;padding: clamp(20px,3vw,29px);overflow: hidden;border: 1px solid var(--xgb-line);border-radius: 22px;background: linear-gradient( 145deg,#fbfaf8,#ffffff );box-shadow: 0 14px 36px rgba(17,19,22,.045)}.xgb-partners__group::before{position: absolute;top: 0;left: 29px;width: 70px;height: 3px;border-radius: 0 0 4px 4px;background: linear-gradient( 90deg,var(--xgb-orange-2),var(--xgb-orange-dark) );content: ""}.xgb-partners__group-head{display: flex;align-items: center;justify-content: space-between;gap: 20px;margin-bottom: 21px}.xgb-partners__group-title{display: flex;align-items: center;gap: 12px}.xgb-partners__group-index{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;flex: 0 0 36px;border-radius: 50%;background: linear-gradient( 135deg,var(--xgb-orange-2),var(--xgb-orange-dark) );color: #ffffff;box-shadow: 0 8px 19px rgba(244,81,0,.18);font-size: 9px;font-weight: 900}.xgb-partners__group-label{display: block;color: var(--xgb-orange-dark);font-size: 8px;font-weight: 900;line-height: 1.3;letter-spacing: .09em}.xgb-partners__group-head h3{margin: 3px 0 0;color: var(--xgb-ink);font-size: 19px;font-weight: 800;line-height: 1.3}.xgb-partners__group-meta{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 8px}.xgb-partners__count,.xgb-partners__status{display: inline-flex;align-items: center;min-height: 30px;padding: 0 11px;border-radius: 999px;font-size: 11px;font-weight: 800}.xgb-partners__count{border: 1px solid var(--xgb-orange-line);background: var(--xgb-orange-soft);color: var(--xgb-orange-dark)}.xgb-partners__status{gap: 7px;border: 1px solid var(--xgb-line);background: #ffffff;color: var(--xgb-text)}.xgb-partners__status::before{width: 7px;height: 7px;flex: 0 0 7px;border-radius: 50%;background: #2e9e5b;box-shadow: 0 0 0 3px rgba(46,158,91,.10);content: ""}.xgb-partners__marquee{position: relative;width: 100%;overflow: hidden;padding: 15px 0;border-top: 1px solid var(--xgb-line);border-bottom: 1px solid var(--xgb-line);background: linear-gradient( 90deg,#f7f6f3 0%,#ffffff 50%,#f7f6f3 100% );-webkit-mask-image: linear-gradient( 90deg,transparent 0%,#000 7%,#000 93%,transparent 100% );mask-image: linear-gradient( 90deg,transparent 0%,#000 7%,#000 93%,transparent 100% )}.xgb-partners__marquee::before,.xgb-partners__marquee::after{position: absolute;top: 0;bottom: 0;z-index: 3;width: 90px;content: "";pointer-events: none}.xgb-partners__marquee::before{left: 0;background: linear-gradient( 90deg,#f7f6f3 0%,rgba(247,246,243,0) 100% )}.xgb-partners__marquee::after{right: 0;background: linear-gradient( 270deg,#f7f6f3 0%,rgba(247,246,243,0) 100% )}.xgb-partners__track{display: flex;width: max-content;animation: xgb-provider-marquee 85s linear infinite;will-change: transform}.xgb-partners__logos{display: flex;flex-wrap: nowrap;align-items: center;width: max-content;min-width: max-content;gap: 10px;margin: 0;padding: 0 5px;list-style: none}.xgb-partners__logo{position: relative;display: flex;align-items: center;justify-content: center;width: 154px;height: 82px;min-width: 154px;flex: 0 0 154px;padding: 10px;overflow: hidden;border: 1px solid var(--xgb-line);border-radius: 13px;background: #ffffff;box-shadow: 0 5px 14px rgba(17,19,22,.025);transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease}.xgb-partners__logo::after{position: absolute;right: -26px;bottom: -31px;width: 60px;height: 60px;border: 1px solid rgba(244,81,0,.045);border-radius: 50%;content: "";pointer-events: none}.xgb-partners__logo img{position: relative;z-index: 2;display: block;width: 100%;height: 100%;max-width: 154px;object-fit: contain;object-position: center}.xgb-partners__footer{display: flex;align-items: center;justify-content: space-between;gap: 18px;margin-top: 18px;color: var(--xgb-muted);font-size: 9px;font-weight: 800;letter-spacing: .08em}.xgb-partners__footer span:last-child{color: var(--xgb-orange-dark)}.xgb-partners a:focus-visible{outline: 3px solid rgba(244,81,0,.28);outline-offset: 3px}@media (hover: hover){.xgb-partners__track:hover{animation-play-state: paused}.xgb-partners__logo:hover{border-color: rgba(244,81,0,.45);transform: translateY(-2px);box-shadow: 0 10px 20px rgba(184,53,0,.10)}.xgb-partners .xgb-keyword-link:hover{color: var(--xgb-orange);text-decoration-color: var(--xgb-orange)}}@keyframes xgb-provider-marquee{from{transform: translate3d(0,0,0)}to{transform: translate3d(-50%,0,0)}}@media (max-width: 900px){.xgb-partners__group-head{align-items: flex-start;flex-direction: column}.xgb-partners__group-meta{justify-content: flex-start}.xgb-partners__track{animation-duration: 72s}}@media (max-width: 767px){.xgb-partners__inner{width: calc(100% - 28px);padding: 54px 0 62px}.xgb-partners__heading{margin-bottom: 30px}.xgb-partners__heading h2{font-size: 28px;line-height: 1.25}.xgb-partners__heading p{font-size: 14px;line-height: 1.72}.xgb-partners__group{padding: 19px 13px 16px;border-radius: 16px}.xgb-partners__group-head{gap: 15px;margin-bottom: 17px}.xgb-partners__group-head h3{font-size: 17px}.xgb-partners__group-meta{gap: 6px}.xgb-partners__count,.xgb-partners__status{min-height: 27px;padding: 0 9px;font-size: 9px}.xgb-partners__marquee{padding: 12px 0;-webkit-mask-image: linear-gradient( 90deg,transparent 0%,#000 10%,#000 90%,transparent 100% );mask-image: linear-gradient( 90deg,transparent 0%,#000 10%,#000 90%,transparent 100% )}.xgb-partners__marquee::before,.xgb-partners__marquee::after{width: 45px}.xgb-partners__logo{width: 132px;height: 70px;min-width: 132px;flex-basis: 132px;border-radius: 10px}.xgb-partners__track{animation-duration: 62s}.xgb-partners__footer{align-items: flex-start;flex-direction: column;gap: 7px;font-size: 8px}}@media (prefers-reduced-motion: reduce){.xgb-partners__track{animation-play-state: paused;transform: translate3d(0,0,0)}.xgb-partners__logo{transition: none}}.xgb-partners__footer{font-size: 12px;letter-spacing: 0}.xgb-partners__footer .xgb-keyword-link{font-size: 13px}@media (max-width: 767px){.xgb-partners__footer{font-size: 12px}}@media (prefers-reduced-motion: reduce){.xgb-partners__track{animation: none}.xgb-partners__marquee{overflow-x: auto;-webkit-mask-image: none;mask-image: none}.xgb-partners__marquee::before,.xgb-partners__marquee::after{display: none}.xgb-partners__logos[aria-hidden="true"]{display: none}}.xgb-faq,.xgb-faq *{box-sizing: border-box}.xgb-faq{--xgb-orange: #F45100;--xgb-orange-dark: #D93F00;--xgb-orange-deep: #B83500;--xgb-ink: #151515;--xgb-text-soft: #626267;--xgb-line: #E7E5E1;position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);color: var(--xgb-ink);font-family: "Noto Sans Thai",sans-serif;background: #F7F6F3}.xgb-faq__inner{width: min(1360px,calc(100% - 48px));margin: 0 auto;padding: clamp(56px,7vw,96px) 0;display: grid;grid-template-columns: minmax(300px,.8fr) minmax(0,1.4fr);gap: clamp(28px,5vw,72px);align-items: start}.xgb-faq__aside{position: sticky;top: 96px}.xgb-faq__kicker{min-height: 30px;display: inline-flex;align-items: center;gap: 8px;margin-bottom: 14px;padding: 0 12px;border-radius: 999px;background: #1B1B1E;color: #F5F5F6;font-size: 11px;font-weight: 800;letter-spacing: .07em}.xgb-faq__kicker::before{content: "";width: 6px;height: 6px;flex: 0 0 6px;border-radius: 50%;background: var(--xgb-orange)}.xgb-faq__title{margin: 0;font-size: clamp(28px,3vw,40px);font-weight: 800;line-height: 1.25;letter-spacing: -.02em}.xgb-faq__intro{margin: 14px 0 0;color: var(--xgb-text-soft);font-size: 15.5px;line-height: 1.75}.xgb-faq__contact{margin-top: 24px;padding: 22px;border-radius: 18px;background: linear-gradient(145deg,#202023 0%,#121214 70%);color: #FFFFFF}.xgb-faq__contact-title{margin: 0;font-size: 18px;font-weight: 700;line-height: 1.45}.xgb-faq__contact-text{margin: 8px 0 0;color: #B4B4BA;font-size: 14px;line-height: 1.7}.xgb-faq__contact-btn{display: flex;align-items: center;justify-content: center;gap: 10px;min-height: 52px;margin-top: 18px;border-radius: 10px;background: var(--xgb-orange);color: #FFFFFF;font-size: 19px;font-weight: 700;text-decoration: none}.xgb-faq__all{display: inline-flex;align-items: center;gap: 10px;margin-top: 18px;color: var(--xgb-orange-dark);font-size: 15px;font-weight: 700;text-decoration: none}.xgb-faq__list{display: grid;gap: 10px;min-width: 0}.xgb-faq__item{border: 1px solid var(--xgb-line);border-radius: 14px;background: #FFFFFF;transition: border-color .2s ease,box-shadow .2s ease}.xgb-faq__item[open]{border-color: #EFAE89;box-shadow: 0 14px 28px -22px rgba(217,63,0,.45)}.xgb-faq__item summary{display: grid;grid-template-columns: 36px minmax(0,1fr) 28px;align-items: center;gap: 14px;min-height: 64px;padding: 12px 18px;list-style: none;cursor: pointer}.xgb-faq__item summary::-webkit-details-marker{display: none}.xgb-faq__number{display: grid;place-items: center;width: 36px;height: 36px;border-radius: 10px;background: #F2F0EC;color: var(--xgb-text-soft);font-size: 12px;font-weight: 800}.xgb-faq__item[open] .xgb-faq__number{background: var(--xgb-orange);color: #FFFFFF}.xgb-faq__question{font-size: 16.5px;font-weight: 700;line-height: 1.5}.xgb-faq__icon{position: relative;width: 28px;height: 28px;border-radius: 50%;background: #F2F0EC}.xgb-faq__icon::before,.xgb-faq__icon::after{content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 2px;border-radius: 2px;background: var(--xgb-ink);transform: translate(-50%,-50%);transition: transform .2s ease}.xgb-faq__icon::after{transform: translate(-50%,-50%) rotate(90deg)}.xgb-faq__item[open] .xgb-faq__icon{background: #FFF1E8}.xgb-faq__item[open] .xgb-faq__icon::before,.xgb-faq__item[open] .xgb-faq__icon::after{background: var(--xgb-orange-dark)}.xgb-faq__item[open] .xgb-faq__icon::after{transform: translate(-50%,-50%) rotate(0deg)}.xgb-faq__answer{padding: 0 22px 20px 68px}.xgb-faq__answer p{margin: 0;color: var(--xgb-text-soft);font-size: 15px;line-height: 1.8}.xgb-faq__link{color: var(--xgb-orange-dark);font-weight: 700;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px}.xgb-faq a:focus-visible,.xgb-faq summary:focus-visible{outline: 3px solid var(--xgb-orange);outline-offset: 3px;border-radius: 10px}@media (hover: hover){.xgb-faq__item:hover{border-color: #EFAE89}.xgb-faq__contact-btn:hover{background: var(--xgb-orange-deep)}.xgb-faq__all:hover,.xgb-faq__link:hover{color: var(--xgb-orange-deep)}}@media (prefers-reduced-motion: reduce){.xgb-faq__item,.xgb-faq__icon::before,.xgb-faq__icon::after{transition: none}}@media (max-width: 1080px){.xgb-faq__inner{grid-template-columns: 1fr}.xgb-faq__aside{position: static}.xgb-faq__contact{max-width: 640px}}@media (max-width: 767px){.xgb-faq__inner{width: calc(100% - 28px);gap: 24px}.xgb-faq__kicker{font-size: 10px}.xgb-faq__title{font-size: clamp(25px,7vw,28px)}.xgb-faq__intro{font-size: 15px}.xgb-faq__item summary{grid-template-columns: 30px minmax(0,1fr) 26px;gap: 10px;min-height: 58px;padding: 12px 14px}.xgb-faq__number{width: 30px;height: 30px;border-radius: 8px;font-size: 11px}.xgb-faq__question{font-size: 15px}.xgb-faq__icon{width: 26px;height: 26px}.xgb-faq__answer{padding: 0 14px 16px}.xgb-faq__answer p{font-size: 14.5px;line-height: 1.75}.xgb-faq__contact{padding: 18px}}.xgb-final-cta,.xgb-final-cta *{box-sizing: border-box}.xgb-final-cta{--xgb-orange: #F45100;--xgb-orange-dark: #D93F00;--xgb-ink: #151515;position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);overflow: hidden;font-family: "Noto Sans Thai",sans-serif;background: #FFFFFF}.xgb-final-cta__inner{width: min(1360px,calc(100% - 48px));margin: 0 auto;padding: clamp(48px,6vw,80px) 0}.xgb-final-cta__panel{position: relative;padding: clamp(28px,4vw,52px);border-radius: 24px;background: radial-gradient(70% 90% at 100% 0%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 60%),linear-gradient(135deg,#B83000 0%,#C93600 45%,#D93F00 100%);color: #FFFFFF;overflow: hidden}.xgb-final-cta__top{display: grid;grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr);gap: clamp(24px,4vw,64px);align-items: center}.xgb-final-cta__kicker{width: fit-content;margin: 0 0 14px;padding: 4px 12px;border: 1px solid rgba(255,255,255,.38);border-radius: 999px;font-size: 11px;font-weight: 800;letter-spacing: .08em}.xgb-final-cta__copy h2{margin: 0;color: #FFFFFF;font-size: clamp(30px,3.4vw,46px);font-weight: 800;line-height: 1.2;letter-spacing: -.02em}.xgb-final-cta__text{max-width: 640px;margin: 16px 0 0;color: rgba(255,255,255,.92);font-size: 16px;line-height: 1.8}.xgb-final-cta__actions{display: grid;gap: 12px}.xgb-final-cta__btn{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 58px;padding: 0 22px;border-radius: 12px;font-size: 17px;font-weight: 700;text-decoration: none}.xgb-final-cta__btn-label{display: inline-flex;align-items: center;gap: 10px}.xgb-final-cta__btn--primary{background: #FFFFFF;color: var(--xgb-ink)}.xgb-final-cta__btn--ghost{border: 1.5px solid rgba(255,255,255,.7);color: #FFFFFF}.xgb-final-cta__package{justify-self: center;margin-top: 4px;color: #FFFFFF;font-size: 15px;font-weight: 700;text-decoration: underline;text-underline-offset: 4px;text-decoration-color: rgba(255,255,255,.55)}.xgb-final-cta__steps{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 10px;margin: clamp(28px,3.5vw,40px) 0 0;padding: clamp(20px,2.5vw,28px) 0 0;border-top: 1px solid rgba(255,255,255,.22);list-style: none;counter-reset: none}.xgb-final-cta__steps li{position: relative;display: flex;align-items: center;gap: 10px;min-height: 52px;padding: 8px 14px;border-radius: 12px;background: rgba(0,0,0,.16);font-size: 15px;font-weight: 700;line-height: 1.35}.xgb-final-cta__steps li span{flex: 0 0 auto;display: grid;place-items: center;width: 30px;height: 30px;border-radius: 8px;background: #FFFFFF;color: var(--xgb-orange-dark);font-size: 12px;font-weight: 800}.xgb-final-cta__steps li:not(:last-child)::after{content: "";position: absolute;top: 50%;right: -9px;z-index: 1;width: 8px;height: 8px;border-top: 2px solid rgba(255,255,255,.8);border-right: 2px solid rgba(255,255,255,.8);transform: translateY(-50%) rotate(45deg)}.xgb-final-cta__steps li:last-child{background: #FFFFFF;color: var(--xgb-orange-dark)}.xgb-final-cta__steps li:last-child span{background: var(--xgb-orange-dark);color: #FFFFFF}.xgb-final-cta a:focus-visible{outline: 3px solid #FFFFFF;outline-offset: 3px}@media (hover: hover){.xgb-final-cta__btn--primary:hover{background: var(--xgb-ink);color: #FFFFFF}.xgb-final-cta__btn--ghost:hover{border-color: #FFFFFF;background: rgba(255,255,255,.12)}.xgb-final-cta__package:hover{text-decoration-color: #FFFFFF}}@media (max-width: 1080px){.xgb-final-cta__top{grid-template-columns: 1fr}.xgb-final-cta__actions{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-final-cta__package{grid-column: 1 / -1}.xgb-final-cta__steps{grid-template-columns: repeat(3,minmax(0,1fr))}.xgb-final-cta__steps li::after{display: none}}@media (max-width: 767px){.xgb-final-cta__inner{width: calc(100% - 28px)}.xgb-final-cta__panel{padding: 26px 18px;border-radius: 18px}.xgb-final-cta__kicker{font-size: 10px}.xgb-final-cta__copy h2{font-size: clamp(26px,7.5vw,30px)}.xgb-final-cta__text{font-size: 15px;line-height: 1.72}.xgb-final-cta__actions{grid-template-columns: 1fr;gap: 10px}.xgb-final-cta__btn{min-height: 54px;padding: 0 18px}.xgb-final-cta__steps{grid-template-columns: 1fr 1fr;gap: 8px}.xgb-final-cta__steps li{min-height: 46px;padding: 6px 10px;font-size: 13.5px}.xgb-final-cta__steps li span{width: 26px;height: 26px;font-size: 11px}.xgb-final-cta__steps li:last-child{grid-column: 1 / -1}}