.xgb-beginner,.xgb-beginner *,.xgb-beginner *::before,.xgb-beginner *::after{box-sizing: border-box}.xgb-beginner{--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-beginner__hero{max-width: 990px;margin-bottom: 38px}.xgb-beginner__eyebrow,.xgb-beginner__label,.xgb-beginner__step{display: block;margin: 0 0 12px;color: var(--xgb-orange);font-size: 10px;font-weight: 900;line-height: 1.4;letter-spacing: .09em}.xgb-beginner h1{max-width: 960px;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-beginner__lead{max-width: 930px;margin: 0 0 15px;color: var(--xgb-graphite);font-size: clamp(18px,2vw,22px);font-weight: 500;line-height: 1.8}.xgb-beginner__intro{max-width: 900px;color: var(--xgb-muted);font-size: 15.5px;line-height: 1.85}.xgb-beginner__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 29px}.xgb-beginner a.xgb-beginner__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;text-decoration: none;transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease}.xgb-beginner a.xgb-beginner__btn::after{content: "→";font-size: 15px;font-weight: 900;transition: transform .2s ease}.xgb-beginner a.xgb-beginner__btn:hover{transform: translateY(-2px)}.xgb-beginner a.xgb-beginner__btn:hover::after{transform: translateX(3px)}.xgb-beginner__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-beginner__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-beginner__btn--dark{color: #ffffff !important;background: linear-gradient( 135deg,#29292d,#18181b );border-color: #38383d !important}.xgb-beginner__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-beginner__cover-image{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}.xgb-beginner__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-beginner__section{padding: 48px 0;border-top: 1px solid var(--xgb-line)}.xgb-beginner__section--first{padding-top: 0;border-top: 0}.xgb-beginner__section-head{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr);gap: 50px;align-items: end;margin-bottom: 26px}.xgb-beginner__section-head > p{margin: 0;color: var(--xgb-muted);font-size: 14px;line-height: 1.75}.xgb-beginner h2{max-width: 860px;margin: 0 0 15px;color: var(--xgb-black);font-size: clamp(27px,3vw,39px);font-weight: 900;line-height: 1.3;letter-spacing: -.03em}.xgb-beginner h3{margin: 0 0 8px;color: var(--xgb-black);font-size: 18px;font-weight: 800;line-height: 1.45}.xgb-beginner p{max-width: 920px;margin: 0 0 17px;font-size: 15.5px;line-height: 1.85}.xgb-beginner a{color: var(--xgb-orange-dark);font-weight: 700;text-underline-offset: 3px}.xgb-beginner li{margin-bottom: 7px;line-height: 1.7}.xgb-beginner__analogy{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-top: 26px}.xgb-beginner__analogy article{padding: 21px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 12px}.xgb-beginner__analogy span,.xgb-beginner__module-grid span,.xgb-beginner__event-grid span{display: block;margin-bottom: 8px;color: var(--xgb-orange);font-size: 9px;font-weight: 900;letter-spacing: .08em}.xgb-beginner__analogy strong{display: block;margin-bottom: 6px;color: var(--xgb-black)}.xgb-beginner__analogy p{margin: 0;color: var(--xgb-muted);font-size: 13px;line-height: 1.6}.xgb-beginner__note,.xgb-beginner__question-box{max-width: 900px;margin-top: 22px;padding: 22px 24px;background: #fff7f2;border: 1px solid #f3c6ae;border-left: 4px solid var(--xgb-orange);border-radius: 11px}.xgb-beginner__note strong,.xgb-beginner__question-box strong{display: block;margin-bottom: 7px;color: var(--xgb-black)}.xgb-beginner__note p{margin: 0;font-size: 14px}.xgb-beginner__highlight{max-width: 860px;margin: 22px 0;padding: 26px;color: #ffffff;background: linear-gradient( 135deg,#19191c,#29292d );border-left: 4px solid var(--xgb-orange);border-radius: 13px}.xgb-beginner__highlight span{display: block;margin-bottom: 7px;color: #ff7840;font-size: 9px;font-weight: 900}.xgb-beginner__highlight strong{font-size: 17px;line-height: 1.65}.xgb-beginner__learning-path{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 9px}.xgb-beginner__learning-path article{min-height: 135px;padding: 18px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-beginner__learning-path span{display: block;margin-bottom: 20px;color: var(--xgb-orange);font-size: 10px;font-weight: 900}.xgb-beginner__learning-path strong{display: block;margin-bottom: 5px;color: var(--xgb-black);font-size: 13px}.xgb-beginner__learning-path small{color: var(--xgb-muted);line-height: 1.5}.xgb-beginner__simple-flow{display: flex;align-items: stretch;gap: 7px;margin: 24px 0}.xgb-beginner__simple-flow > div{display: flex;flex: 1;align-items: center;justify-content: center;min-width: 0;min-height: 72px;padding: 12px;color: var(--xgb-black);background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px;font-size: 11px;font-weight: 800;text-align: center}.xgb-beginner__simple-flow > b{align-self: center;color: var(--xgb-orange)}.xgb-beginner__core-questions,.xgb-beginner__demo-grid,.xgb-beginner__impact-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 9px;margin-top: 23px}.xgb-beginner__core-questions article,.xgb-beginner__demo-grid article,.xgb-beginner__impact-grid article{padding: 19px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-beginner__core-questions span,.xgb-beginner__demo-grid span{display: block;margin-bottom: 10px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-beginner__core-questions strong,.xgb-beginner__demo-grid strong,.xgb-beginner__impact-grid strong{color: var(--xgb-black);font-size: 13px}.xgb-beginner__demo-grid p,.xgb-beginner__impact-grid p{margin: 7px 0 0;color: var(--xgb-muted);font-size: 12.5px;line-height: 1.6}.xgb-beginner__compare{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px;margin-top: 23px}.xgb-beginner__compare article{padding: 24px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 12px}.xgb-beginner__compare article > span{display: block;margin-bottom: 9px;color: var(--xgb-orange);font-size: 9px;font-weight: 900;letter-spacing: .08em}.xgb-beginner__compare p{margin: 0;color: var(--xgb-muted);font-size: 13.5px}.xgb-beginner__provider-map{display: grid;grid-template-columns: minmax(180px,.6fr) minmax(0,1.4fr);gap: 12px;align-items: stretch;margin: 23px 0}.xgb-beginner__provider-core{display: flex;align-items: center;justify-content: center;min-height: 135px;color: #ffffff;background: linear-gradient( 135deg,#19191c,#29292d );border-radius: 11px;font-weight: 900}.xgb-beginner__provider-list{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.xgb-beginner__provider-list div{display: flex;align-items: center;justify-content: center;min-height: 135px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px;font-size: 12px;font-weight: 800}.xgb-beginner__module-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-top: 24px}.xgb-beginner__module-grid article{padding: 23px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 12px}.xgb-beginner__module-grid p{color: var(--xgb-muted);font-size: 13px}.xgb-beginner__module-grid a{font-size: 12px;text-decoration: none}.xgb-beginner__six-core{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 9px;margin-top: 24px}.xgb-beginner__six-core article{padding: 21px;background: linear-gradient( 135deg,#1a1a1d,#29292d );border: 1px solid #323236;border-radius: 11px}.xgb-beginner__six-core span{display: block;margin-bottom: 16px;color: #ff7840;font-size: 9px;font-weight: 900}.xgb-beginner__six-core strong{display: block;margin-bottom: 4px;color: #ffffff;font-size: 14px}.xgb-beginner__six-core small{color: #bdbdc2}.xgb-beginner__timeline{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 9px;margin-top: 25px}.xgb-beginner__timeline div{min-height: 90px;padding: 17px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-beginner__timeline span{display: block;margin-bottom: 9px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-beginner__timeline strong{color: var(--xgb-black);font-size: 12px}.xgb-beginner__event-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-top: 24px}.xgb-beginner__event-grid article{padding: 23px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-beginner__event-grid p{margin: 0;color: var(--xgb-muted);font-size: 13px}.xgb-beginner__glossary{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 9px;margin-top: 24px}.xgb-beginner__glossary article{padding: 17px 19px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 9px}.xgb-beginner__glossary strong{display: block;margin-bottom: 4px;color: var(--xgb-black)}.xgb-beginner__glossary p{margin: 0;color: var(--xgb-muted);font-size: 13px;line-height: 1.6}.xgb-beginner__mistakes{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 9px;margin-top: 24px}.xgb-beginner__mistakes article{padding: 21px;background: #fff8f4;border: 1px solid #f1d0be;border-radius: 11px}.xgb-beginner__mistakes span{display: block;margin-bottom: 11px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-beginner__mistakes strong{display: block;margin-bottom: 6px;color: var(--xgb-black)}.xgb-beginner__mistakes p{margin: 0;color: var(--xgb-muted);font-size: 13px}.xgb-beginner__roadmap{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 11px;margin-top: 24px}.xgb-beginner__roadmap article{padding: 25px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-beginner__roadmap article > span{display: block;margin-bottom: 9px;color: var(--xgb-orange);font-size: 9px;font-weight: 900}.xgb-beginner__roadmap ul{padding-left: 19px}.xgb-beginner__roadmap p{margin: 14px 0 0;color: var(--xgb-muted);font-size: 13px}.xgb-beginner__table-wrap{overflow-x: auto;margin-top: 23px;border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-beginner table{width: 100%;min-width: 680px;border-collapse: collapse;background: #ffffff}.xgb-beginner th,.xgb-beginner 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-beginner th{color: #ffffff;background: #1b1b1e;font-weight: 800}.xgb-beginner tbody tr:last-child td{border-bottom: 0}.xgb-beginner td:first-child{color: var(--xgb-black);font-weight: 800}.xgb-beginner__number-list{max-width: 900px;margin: 24px 0 0;padding: 0;list-style: none;counter-reset: xgb-beginner-q}.xgb-beginner__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-beginner-q}.xgb-beginner__number-list li::before{content: counter(xgb-beginner-q,decimal-leading-zero);position: absolute;top: 50%;left: 17px;color: var(--xgb-orange);font-size: 10px;font-weight: 900;transform: translateY(-50%)}.xgb-beginner__faq details{margin-bottom: 8px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 10px}.xgb-beginner__faq summary{padding: 17px 19px;color: var(--xgb-black);font-weight: 800;cursor: pointer}.xgb-beginner__faq details p{margin: 0;padding: 0 19px 19px;color: var(--xgb-muted);font-size: 14px}.xgb-beginner__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-beginner__cta h2{color: #ffffff}.xgb-beginner__cta p{margin-bottom: 0;color: #c8c8cc}.xgb-beginner__cta-actions{display: flex;flex-direction: column;justify-content: center;gap: 9px}.xgb-beginner a:focus-visible,.xgb-beginner summary:focus-visible{outline: 2px solid var(--xgb-orange);outline-offset: 3px}@media screen and (max-width: 1024px){.xgb-beginner__section-head{grid-template-columns: 1fr;gap: 12px}.xgb-beginner__learning-path{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-beginner__analogy,.xgb-beginner__module-grid,.xgb-beginner__mistakes{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-beginner__timeline{grid-template-columns: repeat(3,minmax(0,1fr))}.xgb-beginner__core-questions,.xgb-beginner__demo-grid,.xgb-beginner__impact-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-beginner__cta{grid-template-columns: 1fr}}@media screen and (max-width: 760px){.xgb-beginner{width: min(100% - 28px,1160px);padding-top: 25px}.xgb-beginner h1{font-size: 37px}.xgb-beginner__section{padding: 38px 0}.xgb-beginner__cover{margin-bottom: 43px;border-radius: 13px}.xgb-beginner__analogy,.xgb-beginner__compare,.xgb-beginner__module-grid,.xgb-beginner__six-core,.xgb-beginner__event-grid,.xgb-beginner__glossary,.xgb-beginner__mistakes,.xgb-beginner__roadmap{grid-template-columns: 1fr}.xgb-beginner__simple-flow{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-beginner__simple-flow > b{display: none}.xgb-beginner__provider-map{grid-template-columns: 1fr}.xgb-beginner__provider-list{grid-template-columns: 1fr}.xgb-beginner__provider-list div{min-height: 70px}.xgb-beginner__timeline{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-beginner__cta{padding: 28px 22px}}@media screen and (max-width: 520px){.xgb-beginner h1{font-size: 33px}.xgb-beginner__actions{flex-direction: column;align-items: stretch}.xgb-beginner a.xgb-beginner__btn{width: 100%}.xgb-beginner__learning-path,.xgb-beginner__timeline,.xgb-beginner__core-questions,.xgb-beginner__demo-grid,.xgb-beginner__impact-grid{grid-template-columns: 1fr}.xgb-beginner__simple-flow{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.xgb-beginner *,.xgb-beginner *::before,.xgb-beginner *::after{transition-duration: .001ms !important;animation-duration: .001ms !important;animation-iteration-count: 1 !important}}