.xgb-start-guide,.xgb-start-guide *,.xgb-start-guide *::before,.xgb-start-guide *::after{box-sizing: border-box}.xgb-start-guide{--xgb-orange: #f45100;--xgb-orange-dark: #c63d00;--xgb-orange-deep: #a93400;--xgb-orange-soft: #fff4ee;--xgb-black: #141414;--xgb-graphite: #1d1d1f;--xgb-text: #29292d;--xgb-muted: #66666f;--xgb-line: #e9e9ed;--xgb-bg-soft: #f7f7f8;--xgb-white: #ffffff;width: min(1160px,calc(100% - 40px));margin: 0 auto;padding: 34px 0 80px;color: var(--xgb-text);font-family: "Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.xgb-start-guide__hero{max-width: 930px;margin: 0 0 38px}.xgb-start-guide__eyebrow{margin: 0 0 13px;color: var(--xgb-orange);font-size: 12px;font-weight: 850;line-height: 1.4;letter-spacing: .08em}.xgb-start-guide h1{margin: 0 0 24px;color: var(--xgb-black);font-size: clamp(34px,5vw,58px);font-weight: 900;line-height: 1.14;letter-spacing: -.035em}.xgb-start-guide__lead{margin: 0 0 18px;color: var(--xgb-graphite);font-size: clamp(18px,2vw,22px);font-weight: 520;line-height: 1.75}.xgb-start-guide__hero > p:not(.xgb-start-guide__lead){max-width: 850px;color: var(--xgb-muted);font-size: 16px;line-height: 1.85}.xgb-start-guide__cover{position: relative;overflow: hidden;width: 100%;margin: 0 0 58px;background: #f3f3f4;border: 1px solid var(--xgb-line);border-radius: 18px;box-shadow: 0 18px 48px rgba(0,0,0,.075)}.xgb-start-guide__cover-image{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;object-position: center;background: #f3f3f4}.xgb-start-guide__cover-caption{display: block;margin: 0;padding: 12px 16px;color: var(--xgb-muted);background: #ffffff;border-top: 1px solid var(--xgb-line);font-size: 12.5px;font-weight: 500;line-height: 1.6}.xgb-start-guide__section{padding: 46px 0;border-top: 1px solid var(--xgb-line)}.xgb-start-guide h2{margin: 0 0 22px;color: var(--xgb-black);font-size: clamp(26px,3vw,36px);font-weight: 850;line-height: 1.3;letter-spacing: -.025em}.xgb-start-guide h3{margin: 28px 0 13px;color: var(--xgb-black);font-size: 19px;font-weight: 800;line-height: 1.45}.xgb-start-guide p{max-width: 900px;margin: 0 0 17px;font-size: 16px;line-height: 1.9}.xgb-start-guide a{color: var(--xgb-orange-dark);font-weight: 700;text-decoration-thickness: 1px;text-underline-offset: 3px}.xgb-start-guide a:hover,.xgb-start-guide a:focus-visible{color: var(--xgb-orange-deep)}.xgb-start-guide__flow{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;margin: 28px 0 6px;padding: 18px;background: var(--xgb-bg-soft);border: 1px solid var(--xgb-line);border-radius: 14px}.xgb-start-guide__flow span{padding: 9px 13px;background: var(--xgb-white);border: 1px solid var(--xgb-line);border-radius: 8px;color: var(--xgb-black);font-size: 13px;font-weight: 750}.xgb-start-guide__flow b{color: var(--xgb-orange)}.xgb-start-guide__check,.xgb-start-guide__requirement{margin: 26px 0;padding: 26px;background: linear-gradient( 135deg,#fff7f2,#ffffff );border: 1px solid #ffd8c3;border-radius: 16px}.xgb-start-guide__check h3,.xgb-start-guide__requirement h3{margin-top: 0}.xgb-start-guide__check ul,.xgb-start-guide__mistakes{margin: 0;padding-left: 22px}.xgb-start-guide__check li,.xgb-start-guide__mistakes li{margin: 8px 0;line-height: 1.7}.xgb-start-guide__notice{margin: 28px 0;padding: 24px 26px;background: #171719;border-left: 4px solid var(--xgb-orange);border-radius: 12px;color: #e8e8ec}.xgb-start-guide__notice strong{display: block;margin: 0 0 7px;color: #ffffff;font-size: 17px}.xgb-start-guide__notice p{margin: 0;color: #cacacf}.xgb-start-guide__cards{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px;margin: 28px 0}.xgb-start-guide__cards--three{grid-template-columns: repeat(3,minmax(0,1fr))}.xgb-start-guide__card{padding: 24px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 15px;box-shadow: 0 10px 30px rgba(0,0,0,.035)}.xgb-start-guide__card h3{margin-top: 0;color: var(--xgb-orange-dark)}.xgb-start-guide__card p{margin-bottom: 0;font-size: 14.5px;line-height: 1.75}.xgb-start-guide__table-wrap{overflow-x: auto;margin: 25px 0 10px;border: 1px solid var(--xgb-line);border-radius: 14px}.xgb-start-guide table{width: 100%;border-collapse: collapse}.xgb-start-guide th,.xgb-start-guide td{padding: 15px 17px;border-bottom: 1px solid var(--xgb-line);text-align: left;vertical-align: top;font-size: 14px;line-height: 1.6}.xgb-start-guide th{background: #19191b;color: #ffffff;font-weight: 800}.xgb-start-guide tbody tr:last-child td{border-bottom: 0}.xgb-start-guide__caption{color: var(--xgb-muted);font-size: 13px !important}.xgb-start-guide__compare{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px;margin: 25px 0}.xgb-start-guide__compare > div{padding: 24px;background: var(--xgb-bg-soft);border-radius: 14px}.xgb-start-guide__compare h3{margin-top: 0}.xgb-start-guide__compare p{margin-bottom: 0;font-size: 14.5px}.xgb-start-guide__phase{display: grid;gap: 10px;margin: 24px 0}.xgb-start-guide__phase > div{display: grid;grid-template-columns: 210px 1fr;gap: 18px;padding: 17px 19px;background: var(--xgb-bg-soft);border-left: 3px solid var(--xgb-orange);border-radius: 9px}.xgb-start-guide__phase strong{color: var(--xgb-black)}.xgb-start-guide__phase span{color: var(--xgb-muted)}.xgb-start-guide__budget{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 18px;margin: 26px 0}.xgb-start-guide__budget > div{padding: 25px;border: 1px solid var(--xgb-line);border-radius: 14px}.xgb-start-guide__budget h3{margin-top: 0}.xgb-start-guide__budget li{margin: 7px 0;line-height: 1.6}.xgb-start-guide__requirement dl{display: grid;gap: 8px;margin: 0}.xgb-start-guide__requirement dl > div{display: grid;grid-template-columns: 130px 1fr;gap: 18px;padding: 10px 0;border-bottom: 1px solid #f0d8cb}.xgb-start-guide__requirement dl > div:last-child{border-bottom: 0}.xgb-start-guide__requirement dt{color: var(--xgb-orange-dark);font-weight: 800}.xgb-start-guide__requirement dd{margin: 0;color: var(--xgb-muted)}.xgb-start-guide__status-grid{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 10px;margin: 24px 0}.xgb-start-guide__status-grid span{padding: 14px 8px;background: var(--xgb-graphite);border-radius: 9px;color: #ffffff;font-size: 12px;font-weight: 750;text-align: center}.xgb-start-guide__scenario{display: grid;gap: 10px;margin: 25px 0}.xgb-start-guide__scenario > div{display: flex;align-items: center;gap: 16px;padding: 15px 18px;background: var(--xgb-bg-soft);border-radius: 10px}.xgb-start-guide__scenario strong{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;flex: 0 0 36px;background: var(--xgb-orange);border-radius: 8px;color: #ffffff;font-size: 12px}.xgb-start-guide__scenario span{color: var(--xgb-black);font-weight: 650}.xgb-start-guide__final-check{padding: 28px;background: #171719;border-radius: 18px}.xgb-start-guide__final-check ol{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px 26px;margin: 0;padding: 0;list-style: none}.xgb-start-guide__final-check li{display: flex;align-items: center;gap: 12px;padding: 11px 0;color: #e5e5e8;border-bottom: 1px solid rgba(255,255,255,.08)}.xgb-start-guide__final-check li span{color: #ff7940;font-size: 11px;font-weight: 900}.xgb-start-guide__faq details{margin: 0 0 10px;background: var(--xgb-bg-soft);border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-start-guide__faq summary{padding: 17px 20px;color: var(--xgb-black);font-weight: 750;cursor: pointer}.xgb-start-guide__faq details p{padding: 0 20px 19px;margin: 0;color: var(--xgb-muted);font-size: 14.5px}.xgb-start-guide__cta{display: grid;grid-template-columns: minmax(0,1.5fr) minmax(260px,.65fr);gap: 40px;margin-top: 46px;padding: 38px;background: radial-gradient( circle at 100% 0%,rgba(244,81,0,.20),transparent 42% ),#161618;border-radius: 20px;color: #ffffff}.xgb-start-guide__cta h2{color: #ffffff}.xgb-start-guide__cta p{margin-bottom: 0;color: #c8c8ce}.xgb-start-guide__cta-actions{display: flex;flex-direction: column;justify-content: center;gap: 10px}.xgb-start-guide a.xgb-start-guide__button{display: inline-flex;align-items: center;justify-content: center;min-height: 48px;padding: 0 18px;border: 1px solid rgba(255,255,255,.18);border-radius: 10px;color: #ffffff;font-size: 13px;font-weight: 800;text-decoration: none;transition: transform .16s ease,background-color .16s ease,border-color .16s ease}.xgb-start-guide a.xgb-start-guide__button--primary{background: var(--xgb-orange);border-color: var(--xgb-orange)}.xgb-start-guide a.xgb-start-guide__button:hover,.xgb-start-guide a.xgb-start-guide__button:focus-visible{border-color: var(--xgb-orange);transform: translateY(-1px)}.xgb-start-guide a:focus-visible,.xgb-start-guide summary:focus-visible{outline: 2px solid var(--xgb-orange);outline-offset: 3px}@media screen and (max-width: 900px){.xgb-start-guide__cards--three{grid-template-columns: 1fr}.xgb-start-guide__status-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.xgb-start-guide__cta{grid-template-columns: 1fr}}@media screen and (max-width: 700px){.xgb-start-guide{width: min(100% - 28px,1160px);padding-top: 24px}.xgb-start-guide__hero{margin-bottom: 30px}.xgb-start-guide__cover{margin-bottom: 42px;border-radius: 13px}.xgb-start-guide__cover-caption{padding: 10px 13px;font-size: 11.5px}.xgb-start-guide__section{padding: 36px 0}.xgb-start-guide__cards,.xgb-start-guide__compare,.xgb-start-guide__budget{grid-template-columns: 1fr}.xgb-start-guide__phase > div{grid-template-columns: 1fr;gap: 5px}.xgb-start-guide__requirement dl > div{grid-template-columns: 1fr;gap: 3px}.xgb-start-guide__status-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-start-guide__final-check ol{grid-template-columns: 1fr}.xgb-start-guide__cta{padding: 27px 22px}}@media screen and (max-width: 420px){.xgb-start-guide h1{font-size: 34px}.xgb-start-guide__flow{align-items: stretch;flex-direction: column}.xgb-start-guide__flow b{align-self: center;transform: rotate(90deg)}.xgb-start-guide__status-grid{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.xgb-start-guide *,.xgb-start-guide *::before,.xgb-start-guide *::after{transition-duration: .001ms !important;animation-duration: .001ms !important;animation-iteration-count: 1 !important}}