.xgb-autoguide,.xgb-autoguide *,.xgb-autoguide *::before,.xgb-autoguide *::after{box-sizing: border-box}.xgb-autoguide{--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-autoguide__hero{max-width: 990px;margin-bottom: 38px}.xgb-autoguide__eyebrow,.xgb-autoguide__label,.xgb-autoguide__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-autoguide h1{max-width: 970px;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-autoguide__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-autoguide__intro{max-width: 900px;margin: 0;color: var(--xgb-muted);font-size: 15.5px;line-height: 1.85}.xgb-autoguide__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 29px}.xgb-autoguide a.xgb-autoguide__btn{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}.xgb-autoguide a.xgb-autoguide__btn::after{content: "→";font-size: 15px;font-weight: 900;transition: transform .2s ease}.xgb-autoguide a.xgb-autoguide__btn:hover,.xgb-autoguide a.xgb-autoguide__btn:focus-visible{transform: translateY(-2px)}.xgb-autoguide a.xgb-autoguide__btn:hover::after,.xgb-autoguide a.xgb-autoguide__btn:focus-visible::after{transform: translateX(3px)}.xgb-autoguide__btn--primary{color: #ffffff !important;background: linear-gradient( 135deg,#ff6918,#f45100 52%,#d84200 );border-color: #df4908 !important;box-shadow: 0 11px 25px rgba(244,81,0,.24),inset 0 1px 0 rgba(255,255,255,.22)}.xgb-autoguide__btn--secondary{color: #202023 !important;background: linear-gradient( 180deg,#ffffff,#f7f7f9 );border-color: #d5d5da !important;box-shadow: 0 8px 20px rgba(0,0,0,.06)}.xgb-autoguide__btn--dark{color: #ffffff !important;background: linear-gradient( 135deg,#29292d,#18181b );border-color: #38383d !important}.xgb-autoguide__cover{overflow: hidden;margin: 0 0 58px;background: #f4f4f5;border: 1px solid var(--xgb-line);border-radius: 18px;box-shadow: 0 18px 48px rgba(0,0,0,.07)}.xgb-autoguide__cover-image{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}.xgb-autoguide__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-autoguide__section{padding: 48px 0;border-top: 1px solid var(--xgb-line)}.xgb-autoguide__section--first{padding-top: 0;border-top: 0}.xgb-autoguide__section-head{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr);gap: 50px;align-items: end;margin-bottom: 26px}.xgb-autoguide__section-head > p{margin: 0;color: var(--xgb-muted);font-size: 14px;line-height: 1.75}.xgb-autoguide h2{max-width: 880px;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-autoguide h3{margin: 0 0 8px;color: var(--xgb-black);font-size: 18px;font-weight: 800;line-height: 1.45}.xgb-autoguide p{max-width: 920px;margin: 0 0 17px;font-size: 15.5px;line-height: 1.85}.xgb-autoguide a{color: var(--xgb-orange-dark);font-weight: 700;text-underline-offset: 3px}.xgb-autoguide li{margin-bottom: 7px;line-height: 1.7}.xgb-autoguide__compare{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 11px;margin-top: 24px}.xgb-autoguide__compare--two{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-autoguide__compare article{padding: 24px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 12px}.xgb-autoguide__compare article > span{display: block;margin-bottom: 9px;color: var(--xgb-orange);font-size: 9px;font-weight: 900;letter-spacing: .08em}.xgb-autoguide__compare p{margin: 0;color: var(--xgb-muted);font-size: 13.5px}.xgb-autoguide__compare ul{margin-bottom: 0;padding-left: 20px;color: var(--xgb-muted);font-size: 13px}.xgb-autoguide__flow-pair,.xgb-autoguide__example-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px;margin-top: 24px}.xgb-autoguide__flow-pair > article,.xgb-autoguide__example-grid > article{padding: 23px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 12px}.xgb-autoguide__flow-pair > article > span,.xgb-autoguide__example-grid > article > span{display: block;margin-bottom: 10px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__vertical-flow{display: grid;gap: 5px}.xgb-autoguide__vertical-flow > div{padding: 11px 12px;color: var(--xgb-black);background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 8px;font-size: 11px;font-weight: 800;text-align: center}.xgb-autoguide__vertical-flow > b{color: var(--xgb-orange);text-align: center}.xgb-autoguide__workflow{display: flex;align-items: stretch;gap: 6px;margin-top: 24px;padding: 25px;background: radial-gradient( circle at 50% 0%,rgba(244,81,0,.09),transparent 42% ),#f8f8f9;border: 1px solid var(--xgb-line);border-radius: 18px}.xgb-autoguide__workflow article{display: flex;flex: 1;flex-direction: column;align-items: center;justify-content: center;min-width: 0;min-height: 115px;padding: 14px 8px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 9px;text-align: center}.xgb-autoguide__workflow article span{margin-bottom: 12px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__workflow article strong{color: var(--xgb-black);font-size: 11px}.xgb-autoguide__workflow article small{margin-top: 4px;color: var(--xgb-muted);font-size: 9px;line-height: 1.4}.xgb-autoguide__workflow > b{align-self: center;color: var(--xgb-orange);font-size: 15px}.xgb-autoguide__note,.xgb-autoguide__warning{max-width: 900px;margin-top: 22px;padding: 22px 24px;border-radius: 11px}.xgb-autoguide__note{background: #fff7f2;border: 1px solid #f3c9b4;border-left: 4px solid var(--xgb-orange)}.xgb-autoguide__warning{color: #ffffff;background: linear-gradient( 135deg,#19191c,#29292d );border-left: 4px solid var(--xgb-orange)}.xgb-autoguide__note strong,.xgb-autoguide__warning strong{display: block;margin-bottom: 7px}.xgb-autoguide__note p,.xgb-autoguide__warning p{margin: 0;font-size: 14px}.xgb-autoguide__warning p{color: #c8c8cc}.xgb-autoguide__note-text{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-autoguide__event-grid,.xgb-autoguide__action-grid,.xgb-autoguide__reliability-grid,.xgb-autoguide__human-grid,.xgb-autoguide__backoffice-grid,.xgb-autoguide__monitor-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 9px;margin-top: 24px}.xgb-autoguide__event-grid article,.xgb-autoguide__action-grid article,.xgb-autoguide__reliability-grid article,.xgb-autoguide__human-grid article,.xgb-autoguide__backoffice-grid article,.xgb-autoguide__monitor-grid article{padding: 18px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-autoguide__event-grid strong,.xgb-autoguide__action-grid article,.xgb-autoguide__human-grid article,.xgb-autoguide__backoffice-grid article,.xgb-autoguide__monitor-grid article{color: var(--xgb-black);font-size: 12px;font-weight: 800}.xgb-autoguide__reliability-grid span{display: block;margin-bottom: 8px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__reliability-grid strong{display: block;margin-bottom: 5px;color: var(--xgb-black);font-size: 12px}.xgb-autoguide__reliability-grid p{margin: 0;color: var(--xgb-muted);font-size: 12px;line-height: 1.6}.xgb-autoguide__distinction{display: grid;grid-template-columns: 1fr auto 1fr;gap: 16px;align-items: center;max-width: 820px;margin: 24px 0}.xgb-autoguide__distinction > div{padding: 20px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-autoguide__distinction span{display: block;margin-bottom: 6px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__distinction > b{color: var(--xgb-orange);font-size: 20px}.xgb-autoguide__decision{max-width: 820px;margin-top: 24px}.xgb-autoguide__decision-start{max-width: 330px;margin: 0 auto 12px;padding: 18px;color: #ffffff;background: #1d1d20;border-radius: 10px;font-size: 13px;font-weight: 900;text-align: center}.xgb-autoguide__decision-routes{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 11px}.xgb-autoguide__decision-routes article{padding: 21px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-autoguide__decision-routes span{display: block;margin-bottom: 7px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__linear-flow,.xgb-autoguide__trace{display: flex;align-items: stretch;gap: 7px;margin: 24px 0}.xgb-autoguide__linear-flow > div,.xgb-autoguide__trace > div{display: flex;flex: 1;align-items: center;justify-content: center;min-width: 0;min-height: 70px;padding: 11px;color: var(--xgb-black);background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px;font-size: 10.5px;font-weight: 800;text-align: center}.xgb-autoguide__linear-flow > b,.xgb-autoguide__trace > b{align-self: center;color: var(--xgb-orange)}.xgb-autoguide__table-wrap{overflow-x: auto;margin-top: 24px;border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-autoguide table{width: 100%;min-width: 720px;border-collapse: collapse;background: #ffffff}.xgb-autoguide th,.xgb-autoguide 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-autoguide th{color: #ffffff;background: #1b1b1e;font-weight: 800}.xgb-autoguide tbody tr:last-child td{border-bottom: 0}.xgb-autoguide__failure-example{max-width: 620px;margin-top: 24px;padding: 22px;background: #fff7f2;border: 1px solid #f3c9b4;border-radius: 12px}.xgb-autoguide__failure-example > span{display: block;margin-bottom: 12px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__ordering{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px;max-width: 700px;margin: 24px 0}.xgb-autoguide__ordering > div{padding: 22px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-autoguide__ordering span{display: block;margin-bottom: 8px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__ordering strong{color: var(--xgb-black);font-size: 18px}.xgb-autoguide__rule-grid,.xgb-autoguide__override-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 9px;margin-top: 24px}.xgb-autoguide__rule-grid article,.xgb-autoguide__override-grid article{padding: 19px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-autoguide__rule-grid span,.xgb-autoguide__override-grid span{display: block;margin-bottom: 9px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__rule-grid strong,.xgb-autoguide__override-grid strong{color: var(--xgb-black);font-size: 13px}.xgb-autoguide__check-grid,.xgb-autoguide__checklist{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;margin-top: 24px}.xgb-autoguide__check-grid label,.xgb-autoguide__checklist 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: 12px;font-weight: 700}.xgb-autoguide__check-grid span,.xgb-autoguide__checklist span{color: var(--xgb-orange);font-size: 16px}.xgb-autoguide__demo-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 11px;margin-top: 24px}.xgb-autoguide__demo-grid article{padding: 23px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 12px}.xgb-autoguide__demo-grid span{display: block;margin-bottom: 8px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__demo-grid p{margin: 0;color: var(--xgb-muted);font-size: 13px}.xgb-autoguide__number-list{max-width: 900px;margin: 24px 0 0;padding: 0;list-style: none;counter-reset: xgb-auto-q}.xgb-autoguide__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-auto-q}.xgb-autoguide__number-list li::before{content: counter(xgb-auto-q,decimal-leading-zero);position: absolute;top: 50%;left: 17px;color: var(--xgb-orange);font-size: 10px;font-weight: 900;transform: translateY(-50%)}.xgb-autoguide__red-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 9px;margin-top: 24px}.xgb-autoguide__red-grid article{padding: 20px;background: #fff8f4;border: 1px solid #f1d0be;border-radius: 10px}.xgb-autoguide__red-grid span{display: block;margin-bottom: 10px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__red-grid strong{color: var(--xgb-black);font-size: 12px;line-height: 1.6}.xgb-autoguide__template{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 9px;margin-top: 24px}.xgb-autoguide__template article{min-height: 112px;padding: 19px;background: linear-gradient( 135deg,#1a1a1d,#29292d );border: 1px solid #343438;border-radius: 10px}.xgb-autoguide__template span{display: block;margin-bottom: 15px;color: #ff7840;font-size: 9px;font-weight: 900}.xgb-autoguide__template strong{color: #ffffff;font-size: 12px;line-height: 1.55}.xgb-autoguide__distinction-grid,.xgb-autoguide__system-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-top: 24px}.xgb-autoguide__distinction-grid article,.xgb-autoguide__system-grid article{padding: 22px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-autoguide__distinction-grid strong{display: block;margin-bottom: 6px;color: var(--xgb-black);font-size: 13px}.xgb-autoguide__distinction-grid p,.xgb-autoguide__system-grid p{margin: 0;color: var(--xgb-muted);font-size: 12.5px;line-height: 1.6}.xgb-autoguide__system-grid span{display: block;margin-bottom: 8px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-autoguide__system-grid p{margin-bottom: 12px}.xgb-autoguide__system-grid a{font-size: 12px;text-decoration: none}.xgb-autoguide__faq details{margin-bottom: 8px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-autoguide__faq summary{padding: 17px 19px;color: var(--xgb-black);font-weight: 800;cursor: pointer}.xgb-autoguide__faq details p{margin: 0;padding: 0 19px 19px;color: var(--xgb-muted);font-size: 14px}.xgb-autoguide__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-autoguide__cta h2{color: #ffffff}.xgb-autoguide__cta p{margin-bottom: 0;color: #c8c8cc}.xgb-autoguide__cta-actions{display: flex;flex-direction: column;justify-content: center;gap: 9px}.xgb-autoguide a:focus-visible,.xgb-autoguide summary:focus-visible{outline: 2px solid var(--xgb-orange);outline-offset: 3px}@media screen and (max-width: 1080px){.xgb-autoguide__section-head{grid-template-columns: 1fr;gap: 12px}.xgb-autoguide__workflow{display: grid;grid-template-columns: repeat(4,minmax(0,1fr))}.xgb-autoguide__workflow > b{display: none}.xgb-autoguide__event-grid,.xgb-autoguide__action-grid,.xgb-autoguide__reliability-grid,.xgb-autoguide__human-grid,.xgb-autoguide__backoffice-grid,.xgb-autoguide__monitor-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-autoguide__template{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-autoguide__red-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-autoguide__cta{grid-template-columns: 1fr}}@media screen and (max-width: 760px){.xgb-autoguide{width: min(100% - 28px,1160px);padding-top: 25px}.xgb-autoguide h1{font-size: 37px}.xgb-autoguide__section{padding: 38px 0}.xgb-autoguide__cover{margin-bottom: 43px;border-radius: 13px}.xgb-autoguide__compare,.xgb-autoguide__compare--two,.xgb-autoguide__flow-pair,.xgb-autoguide__example-grid,.xgb-autoguide__distinction-grid,.xgb-autoguide__system-grid{grid-template-columns: 1fr}.xgb-autoguide__linear-flow,.xgb-autoguide__trace{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-autoguide__linear-flow > b,.xgb-autoguide__trace > b{display: none}.xgb-autoguide__rule-grid,.xgb-autoguide__override-grid,.xgb-autoguide__check-grid,.xgb-autoguide__checklist{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-autoguide__demo-grid{grid-template-columns: 1fr}.xgb-autoguide__cta{padding: 28px 22px}}@media screen and (max-width: 520px){.xgb-autoguide h1{font-size: 33px}.xgb-autoguide__actions{flex-direction: column;align-items: stretch}.xgb-autoguide a.xgb-autoguide__btn{width: 100%}.xgb-autoguide__workflow,.xgb-autoguide__event-grid,.xgb-autoguide__action-grid,.xgb-autoguide__reliability-grid,.xgb-autoguide__human-grid,.xgb-autoguide__backoffice-grid,.xgb-autoguide__monitor-grid,.xgb-autoguide__rule-grid,.xgb-autoguide__override-grid,.xgb-autoguide__check-grid,.xgb-autoguide__checklist,.xgb-autoguide__red-grid,.xgb-autoguide__template{grid-template-columns: 1fr}.xgb-autoguide__linear-flow,.xgb-autoguide__trace{grid-template-columns: 1fr}.xgb-autoguide__distinction{grid-template-columns: 1fr;gap: 8px}.xgb-autoguide__distinction > b{text-align: center}.xgb-autoguide__decision-routes,.xgb-autoguide__ordering{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.xgb-autoguide *,.xgb-autoguide *::before,.xgb-autoguide *::after{transition-duration: .001ms !important;animation-duration: .001ms !important;animation-iteration-count: 1 !important}}