.xgb-budget-planning,.xgb-budget-planning *,.xgb-budget-planning *::before,.xgb-budget-planning *::after{box-sizing: border-box}.xgb-budget-planning{--xgb-orange: #f45100;--xgb-orange-dark: #c64000;--xgb-orange-deep: #a93400;--xgb-orange-soft: #fff4ee;--xgb-black: #141414;--xgb-graphite: #1d1d1f;--xgb-text: #29292d;--xgb-muted: #66666f;--xgb-line: #e8e8ec;--xgb-soft: #f7f7f8;--xgb-white: #ffffff;width: min(1160px,calc(100% - 40px));margin: 0 auto;padding: 34px 0 84px;color: var(--xgb-text);font-family: "Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.xgb-budget-planning__hero{max-width: 960px;margin: 0 0 38px}.xgb-budget-planning__eyebrow{display: block;margin: 0 0 13px;color: var(--xgb-orange);font-size: 12px;font-weight: 850;line-height: 1.4;letter-spacing: .08em}.xgb-budget-planning 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-budget-planning__lead{max-width: 910px;margin: 0 0 18px;color: var(--xgb-graphite);font-size: clamp(18px,2vw,22px);font-weight: 520;line-height: 1.75}.xgb-budget-planning__hero > p:not(.xgb-budget-planning__lead){max-width: 880px;color: var(--xgb-muted);font-size: 16px;line-height: 1.85}.xgb-budget-planning__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-budget-planning__cover-image{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;object-position: center}.xgb-budget-planning__cover-caption{display: block;padding: 12px 16px;color: var(--xgb-muted);background: #ffffff;border-top: 1px solid var(--xgb-line);font-size: 12.5px;line-height: 1.6}.xgb-budget-planning__section{padding: 48px 0;border-top: 1px solid var(--xgb-line)}.xgb-budget-planning__section-head{display: grid;grid-template-columns: 76px minmax(0,1fr);gap: 20px;margin: 0 0 26px}.xgb-budget-planning__section-no{display: inline-flex;align-items: center;justify-content: center;align-self: start;min-width: 56px;min-height: 38px;padding: 7px 10px;background: var(--xgb-black);border-radius: 8px;color: #ffffff;font-size: 10.5px;font-weight: 900;line-height: 1;letter-spacing: .05em}.xgb-budget-planning h2{margin: 0 0 10px;color: var(--xgb-black);font-size: clamp(26px,3vw,36px);font-weight: 850;line-height: 1.3;letter-spacing: -.025em}.xgb-budget-planning h3{margin: 27px 0 13px;color: var(--xgb-black);font-size: 19px;font-weight: 800;line-height: 1.45}.xgb-budget-planning p{max-width: 900px;margin: 0 0 17px;font-size: 16px;line-height: 1.9}.xgb-budget-planning__section-head p{margin-bottom: 0;color: var(--xgb-muted)}.xgb-budget-planning a{color: var(--xgb-orange-dark);font-weight: 700;text-decoration-thickness: 1px;text-underline-offset: 3px}.xgb-budget-planning a:hover,.xgb-budget-planning a:focus-visible{color: var(--xgb-orange-deep)}.xgb-budget-planning__formula,.xgb-budget-planning__tco,.xgb-budget-planning__change-flow{display: flex;align-items: center;flex-wrap: wrap;gap: 9px;margin: 22px 0;padding: 18px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-budget-planning__formula span,.xgb-budget-planning__tco span,.xgb-budget-planning__change-flow span{padding: 9px 12px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 8px;color: var(--xgb-black);font-size: 12.5px;font-weight: 750}.xgb-budget-planning__formula b,.xgb-budget-planning__tco b,.xgb-budget-planning__change-flow b{color: var(--xgb-orange)}.xgb-budget-planning__tco strong{padding: 10px 14px;background: var(--xgb-orange);border-radius: 8px;color: #ffffff}.xgb-budget-planning__note,.xgb-budget-planning__risk{margin: 23px 0;padding: 21px 23px;border-radius: 12px}.xgb-budget-planning__note{background: #18181a;border-left: 4px solid var(--xgb-orange);color: #eeeeef}.xgb-budget-planning__note strong{display: block;margin-bottom: 6px;color: #ff7b41}.xgb-budget-planning__note p{margin: 0;color: #d0d0d4}.xgb-budget-planning__risk{background: var(--xgb-orange-soft);border: 1px solid #ffd2bd}.xgb-budget-planning__risk strong{display: block;margin-bottom: 6px;color: var(--xgb-orange-dark)}.xgb-budget-planning__risk p{margin: 0}.xgb-budget-planning__bucket-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px;margin: 24px 0}.xgb-budget-planning__bucket-grid > div{padding: 22px;background: #ffffff;border: 1px solid var(--xgb-line);border-radius: 14px}.xgb-budget-planning__bucket-grid > div > span{display: inline-flex;margin-bottom: 12px;padding: 6px 9px;background: var(--xgb-orange);border-radius: 6px;color: #ffffff;font-size: 10px;font-weight: 900}.xgb-budget-planning__bucket-grid h3{margin: 0 0 7px}.xgb-budget-planning__bucket-grid p{margin: 0;color: var(--xgb-muted);font-size: 14px}.xgb-budget-planning__cost-grid,.xgb-budget-planning__integration-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 9px;margin: 22px 0}.xgb-budget-planning__cost-grid span,.xgb-budget-planning__integration-grid span{display: flex;align-items: center;justify-content: center;min-height: 50px;padding: 10px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 9px;color: var(--xgb-black);font-size: 12.5px;font-weight: 700;text-align: center}.xgb-budget-planning__two-grid,.xgb-budget-planning__compare,.xgb-budget-planning__module-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 15px;margin: 24px 0}.xgb-budget-planning__triple-grid,.xgb-budget-planning__scenario-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 15px;margin: 24px 0}.xgb-budget-planning__two-grid > div,.xgb-budget-planning__compare > div,.xgb-budget-planning__module-grid > div,.xgb-budget-planning__triple-grid > div,.xgb-budget-planning__scenario-grid > div{padding: 23px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 13px}.xgb-budget-planning__two-grid h3,.xgb-budget-planning__compare h3,.xgb-budget-planning__module-grid h3,.xgb-budget-planning__triple-grid h3,.xgb-budget-planning__scenario-grid h3{margin-top: 0}.xgb-budget-planning__two-grid ul,.xgb-budget-planning__compare ul,.xgb-budget-planning__module-grid ul,.xgb-budget-planning__triple-grid ul{margin: 0;padding-left: 20px}.xgb-budget-planning__two-grid li,.xgb-budget-planning__compare li,.xgb-budget-planning__module-grid li,.xgb-budget-planning__triple-grid li{margin: 7px 0;line-height: 1.6}.xgb-budget-planning__scenario-grid > div > span{display: inline-flex;margin-bottom: 10px;padding: 5px 8px;background: var(--xgb-black);border-radius: 6px;color: #ffffff;font-size: 10px;font-weight: 900}.xgb-budget-planning__scenario-grid p{margin-bottom: 0;color: var(--xgb-muted);font-size: 14px}.xgb-budget-planning__questions{max-width: 900px;margin: 0 0 22px;padding-left: 22px}.xgb-budget-planning__questions li{margin: 8px 0;line-height: 1.7}.xgb-budget-planning__table-wrap{overflow-x: auto;margin: 24px 0 10px;border: 1px solid var(--xgb-line);border-radius: 14px}.xgb-budget-planning table{width: 100%;min-width: 760px;border-collapse: collapse}.xgb-budget-planning th,.xgb-budget-planning td{padding: 14px 16px;border-bottom: 1px solid var(--xgb-line);text-align: left;vertical-align: top;font-size: 13.5px;line-height: 1.6}.xgb-budget-planning th{background: #19191b;color: #ffffff;font-weight: 800}.xgb-budget-planning tbody tr:last-child td{border-bottom: 0}.xgb-budget-planning__caption{color: var(--xgb-muted);font-size: 13px !important}.xgb-budget-planning__question-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 18px;margin: 22px 0;padding: 0;list-style: none}.xgb-budget-planning__question-list li{display: flex;align-items: center;gap: 12px;padding: 13px 15px;background: var(--xgb-soft);border-radius: 9px;font-size: 14px;font-weight: 650}.xgb-budget-planning__question-list span{color: var(--xgb-orange);font-size: 10px;font-weight: 900}.xgb-budget-planning__forgotten-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 9px 18px;margin: 24px 0;padding: 25px;background: #171719;border-radius: 16px}.xgb-budget-planning__forgotten-grid > div{display: flex;align-items: center;gap: 12px;padding: 10px 0;border-bottom: 1px solid rgba(255,255,255,.08)}.xgb-budget-planning__forgotten-grid span{color: #ff7840;font-size: 10px;font-weight: 900}.xgb-budget-planning__forgotten-grid strong{color: #eeeeef;font-size: 14px}.xgb-budget-planning__red-flags{display: grid;gap: 11px;margin: 24px 0}.xgb-budget-planning__red-flags article{position: relative;padding: 20px 22px 20px 70px;background: #fff7f7;border: 1px solid #f1d1d1;border-radius: 12px}.xgb-budget-planning__red-flags article > span{position: absolute;top: 20px;left: 20px;display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;background: #a92e2e;border-radius: 8px;color: #ffffff;font-size: 11px;font-weight: 900}.xgb-budget-planning__red-flags h3{margin: 0 0 5px;font-size: 16px}.xgb-budget-planning__red-flags p{margin: 0;color: var(--xgb-muted);font-size: 14px}.xgb-budget-planning__worksheet{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 15px;margin: 24px 0}.xgb-budget-planning__worksheet > div{padding: 23px;background: linear-gradient( 135deg,#fff7f2,#ffffff );border: 1px solid #ffd8c5;border-radius: 13px}.xgb-budget-planning__worksheet h3{margin-top: 0}.xgb-budget-planning__worksheet dl{margin: 0}.xgb-budget-planning__worksheet dl > div{display: grid;grid-template-columns: minmax(120px,160px) minmax(0,1fr);gap: 12px;padding: 9px 0;border-bottom: 1px solid #efddd3}.xgb-budget-planning__worksheet dl > div:last-child{border-bottom: 0}.xgb-budget-planning__worksheet dt{color: var(--xgb-orange-dark);font-weight: 800}.xgb-budget-planning__worksheet dd{margin: 0;color: var(--xgb-muted)}.xgb-budget-planning__faq details{margin: 0 0 10px;background: var(--xgb-soft);border: 1px solid var(--xgb-line);border-radius: 11px}.xgb-budget-planning__faq summary{padding: 17px 20px;color: var(--xgb-black);font-weight: 750;cursor: pointer}.xgb-budget-planning__faq details p{padding: 0 20px 19px;margin: 0;color: var(--xgb-muted);font-size: 14.5px}.xgb-budget-planning__cta{display: grid;grid-template-columns: minmax(0,1.45fr) minmax(260px,.65fr);gap: 40px;margin-top: 48px;padding: 38px;background: radial-gradient( circle at 100% 0%,rgba(244,81,0,.20),transparent 42% ),#161618;border-radius: 20px;color: #ffffff}.xgb-budget-planning__cta h2{color: #ffffff}.xgb-budget-planning__cta p{margin-bottom: 0;color: #c8c8ce}.xgb-budget-planning__cta-actions{display: flex;flex-direction: column;justify-content: center;gap: 10px}.xgb-budget-planning a.xgb-budget-planning__button{display: inline-flex;align-items: center;justify-content: center;min-height: 48px;padding: 0 18px;border: 1px solid rgba(255,255,255,.18);border-radius: 10px;color: #ffffff;font-size: 13px;font-weight: 800;text-decoration: none;transition: transform .16s ease,border-color .16s ease,background-color .16s ease}.xgb-budget-planning a.xgb-budget-planning__button--primary{background: var(--xgb-orange);border-color: var(--xgb-orange)}.xgb-budget-planning a.xgb-budget-planning__button:hover,.xgb-budget-planning a.xgb-budget-planning__button:focus-visible{border-color: var(--xgb-orange);transform: translateY(-1px)}.xgb-budget-planning a:focus-visible,.xgb-budget-planning summary:focus-visible{outline: 2px solid var(--xgb-orange);outline-offset: 3px}@media screen and (max-width: 900px){.xgb-budget-planning__bucket-grid,.xgb-budget-planning__cost-grid,.xgb-budget-planning__integration-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-budget-planning__triple-grid,.xgb-budget-planning__scenario-grid{grid-template-columns: 1fr}.xgb-budget-planning__cta{grid-template-columns: 1fr}}@media screen and (max-width: 700px){.xgb-budget-planning{width: min(100% - 28px,1160px);padding-top: 24px}.xgb-budget-planning__hero{margin-bottom: 30px}.xgb-budget-planning__cover{margin-bottom: 42px;border-radius: 13px}.xgb-budget-planning__cover-caption{padding: 10px 13px;font-size: 11.5px}.xgb-budget-planning__section{padding: 37px 0}.xgb-budget-planning__section-head{grid-template-columns: 1fr;gap: 10px}.xgb-budget-planning__section-no{justify-self: start}.xgb-budget-planning__two-grid,.xgb-budget-planning__compare,.xgb-budget-planning__module-grid,.xgb-budget-planning__worksheet,.xgb-budget-planning__question-list,.xgb-budget-planning__forgotten-grid{grid-template-columns: 1fr}.xgb-budget-planning__worksheet dl > div{grid-template-columns: 1fr;gap: 3px}.xgb-budget-planning__cta{padding: 27px 22px}}@media screen and (max-width: 430px){.xgb-budget-planning h1{font-size: 34px}.xgb-budget-planning__bucket-grid,.xgb-budget-planning__cost-grid,.xgb-budget-planning__integration-grid{grid-template-columns: 1fr}.xgb-budget-planning__formula,.xgb-budget-planning__tco,.xgb-budget-planning__change-flow{align-items: stretch;flex-direction: column}.xgb-budget-planning__formula b,.xgb-budget-planning__tco b,.xgb-budget-planning__change-flow b{align-self: center}}@media (prefers-reduced-motion: reduce){.xgb-budget-planning *,.xgb-budget-planning *::before,.xgb-budget-planning *::after{transition-duration: .001ms !important;animation-duration: .001ms !important;animation-iteration-count: 1 !important}}