/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/app/page.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ===== Main Page — Sixma Brand Hub ===== */
.page_page__KdIv3 {
  background: #0b101e;
  color: #f0f2f5;
  min-height: 100vh;
  font-family: "Noto Sans Thai", -apple-system, sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.page_heroCanvas__IB6Uo {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.page_bgOverlay__MeWWg {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 40%, rgba(11, 16, 30, 0.1) 0%, rgba(11, 16, 30, 0.4) 50%, rgba(11, 16, 30, 0.7) 100%);
}

/* All content above 3D */
.page_scrollSection__HbsX5, .page_pathsSection__XT6km, .page_frameworkSection__9tmuO, .page_founderSection__z0TAc, .page_finalCta__hGnGH, .page_footer__wa9SD {
  position: relative;
  z-index: 2;
}

/* ===== Navbar ===== */
.page_nav__r_oUD {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  height: 64px;
  background: rgba(11, 16, 30, 0.85);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.page_navLogo__gp8hK {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

.page_logoMark__vG5Ct {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #4059e7, #6f42c1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1rem;
  color: white;
}

.page_logoText__lYjJa {
  font-weight: 700;
  font-size: 1.1rem;
  color: white;
  letter-spacing: 0.05em;
}

.page_navLinks__f6ooC {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.page_navLink__jHl_j {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.page_navLink__jHl_j:hover {
  color: white;
}

@media (max-width: 640px) {
  .page_nav__r_oUD {
    padding: 0 1rem;
    height: 56px;
  }
  .page_navLinks__f6ooC {
    gap: 0.9rem;
  }
  .page_navLink__jHl_j {
    font-size: 0.78rem;
  }
}
/* ===== Hero ===== */
.page_hero__TR3fT {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 5rem 1.5rem 3rem;
}

.page_heroContent___p2VG {
  max-width: 760px;
  position: relative;
}

.page_heroEyebrow__vteBJ {
  display: inline-block;
  font-size: 0.7rem;
  letter-spacing: 0.45em;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.4rem 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 2px;
  margin-bottom: 1.5rem;
}

.page_heroTitle__IItbV {
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.2;
  color: white;
  margin-bottom: 1.5rem;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .page_heroTitle__IItbV {
    font-size: 3.55rem;
  }
}

.page_heroAccent__HRnGC {
  background: linear-gradient(135deg, #4059e7, #8a76e5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.page_heroCreed__lFQAz {
  font-size: 1.3rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.55;
  letter-spacing: 0.04em;
  margin: 0 auto 1.5rem;
  max-width: 520px;
  padding: 0.75rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
@media (min-width: 768px) {
  .page_heroCreed__lFQAz {
    font-size: 1.55rem;
  }
}

.page_heroCreedAccent__CzfBa {
  color: rgba(255, 92, 63, 0.95);
  font-weight: 700;
  letter-spacing: 0.06em;
}

.page_heroSub__yNkXB {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.85;
  margin-bottom: 2.5rem;
}
.page_heroSub__yNkXB strong {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 700;
}

.page_heroCtas__xpQlx {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.page_ctaPrimary__BHh0x {
  padding: 0.9rem 2rem;
  background: linear-gradient(135deg, #ff5c3f, #ff8033);
  color: white;
  font-weight: 700;
  border-radius: 10px;
  text-decoration: none;
  font-size: 1rem;
  transition: all 0.3s;
  box-shadow: 0 4px 20px rgba(255, 92, 63, 0.25);
}
.page_ctaPrimary__BHh0x:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(255, 92, 63, 0.4);
}

.page_ctaSecondary__Du8l2 {
  padding: 0.9rem 2rem;
  background: rgba(255, 255, 255, 0.06);
  color: white;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-decoration: none;
  font-size: 1rem;
  transition: all 0.3s;
}
.page_ctaSecondary__Du8l2:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}

.page_heroScroll__SuNxG {
  margin-top: 3rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.25);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  animation: page_scrollHint__3a_Zz 2s ease-in-out infinite;
}

@keyframes page_scrollHint__3a_Zz {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.25;
  }
  50% {
    transform: translateY(8px);
    opacity: 0.5;
  }
}
/* ===== Scroll SIXMA letters ===== */
.page_scrollSection__HbsX5 {
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
}

.page_scrollContent__lGpe5 {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}
@media (min-width: 768px) {
  .page_scrollContent__lGpe5 {
    gap: 2.5rem;
  }
}

.page_scrollLetter__S2fQQ {
  font-size: 3.5rem;
  font-weight: 900;
  color: white;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .page_scrollLetter__S2fQQ {
    font-size: 6.5rem;
  }
}

.page_scrollTagline__G7cna {
  margin-top: 1.5rem;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 500;
}

/* ===== Section shared ===== */
.page_sectionHeader__QjS_h {
  text-align: center;
  margin-bottom: 3rem;
}

.page_sectionEyebrow__NcmAX {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.page_sectionTitle__PJ0za {
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .page_sectionTitle__PJ0za {
    font-size: 2rem;
  }
}

.page_sectionLead__r92vV {
  margin-top: 0.75rem;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.7;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

/* ===== Warrior-Sage archetype pillars ===== */
.page_archetypeGrid__eextc {
  margin-top: 2.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.85rem;
  gap: 0.85rem;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .page_archetypeGrid__eextc {
    grid-template-columns: repeat(4, 1fr);
  }
}

.page_archetypeCard___pFOC {
  padding: 1.5rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.015);
  text-align: center;
  transition: all 0.3s ease;
}
.page_archetypeCard___pFOC:hover {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.03);
  transform: translateY(-2px);
}

.page_archetypeMark__Cvtzy {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: rgba(201, 168, 76, 0.85);
  margin-bottom: 0.6rem;
  font-family: ui-serif, Georgia, serif;
}

.page_archetypeTitle__V9k60 {
  font-size: 1.05rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: 0.3rem;
  letter-spacing: 0.02em;
}

.page_archetypeDesc__m39Z_ {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.42);
  line-height: 1.55;
}

/* ===== Paths Section (3 entry points) ===== */
.page_pathsSection__XT6km {
  padding: 5rem 1.5rem;
  max-width: 1100px;
  margin: 0 auto;
}

.page_pathGrid__cKoty {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .page_pathGrid__cKoty {
    grid-template-columns: repeat(3, 1fr);
  }
}

.page_pathCard__BCfqt {
  position: relative;
  padding: 2rem 1.75rem;
  border: 1px solid;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  min-height: 280px;
  transition: transform 0.3s ease;
}
.page_pathCard__BCfqt:hover {
  transform: translateY(-6px);
}

.page_pathTag__SnZCh {
  display: inline-block;
  padding: 0.3rem 0.75rem;
  border: 1px solid;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin-bottom: 1.5rem;
  align-self: flex-start;
}

.page_pathTitle__So_ix {
  font-size: 1.75rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
  color: white;
}

.page_pathSub__thvJD {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.page_pathDesc__03gIU {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.6;
  flex: 1 1;
  margin-bottom: 1.5rem;
}

.page_pathCta__3BZsE {
  display: inline-block;
  padding: 0.7rem 1.5rem;
  color: white;
  font-weight: 700;
  border-radius: 8px;
  text-decoration: none;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  align-self: flex-start;
  transition: all 0.2s;
}
.page_pathCta__3BZsE:hover {
  transform: translateX(3px);
}

/* ===== Framework ===== */
.page_frameworkSection__9tmuO {
  padding: 5rem 1.5rem;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.page_frameworkGrid__flxKK {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  margin-top: 2.5rem;
}
@media (min-width: 640px) {
  .page_frameworkGrid__flxKK {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .page_frameworkGrid__flxKK {
    grid-template-columns: repeat(5, 1fr);
  }
}

.page_frameworkCard__NaTzw {
  background: rgba(17, 27, 49, 0.7);
  border: 1px solid rgba(64, 89, 231, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 1.5rem 1rem;
  text-align: center;
  transition: all 0.3s;
}
.page_frameworkCard__NaTzw:hover {
  transform: translateY(-3px);
  border-color: rgba(64, 89, 231, 0.35);
}

.page_fIcon__59Y8H {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #4059e7, #6f42c1);
  font-weight: 800;
  font-size: 1.1rem;
  color: white;
  margin-bottom: 0.6rem;
}

.page_fTitle__t9ngw {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
}

.page_fDesc__1xKoo {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.5;
}

/* ===== Founder ===== */
.page_founderSection__z0TAc {
  padding: 4rem 1.5rem;
  max-width: 800px;
  margin: 0 auto;
}

.page_founderCard__hJUo7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  background: rgba(17, 27, 49, 0.7);
  border: 1px solid rgba(64, 89, 231, 0.15);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  border-radius: 20px;
  padding: 2.5rem;
  text-align: center;
}
@media (min-width: 640px) {
  .page_founderCard__hJUo7 {
    flex-direction: row;
    text-align: left;
    gap: 2.5rem;
  }
}

.page_founderImage__JaEcQ {
  flex-shrink: 0;
}
.page_founderImage__JaEcQ img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid rgba(64, 89, 231, 0.4);
}
@media (min-width: 640px) {
  .page_founderImage__JaEcQ img {
    width: 150px;
    height: 150px;
  }
}

.page_founderInfo__nc_c4 {
  flex: 1 1;
}

.page_founderLabel__zvP9r {
  font-size: 0.7rem;
  color: #8a76e5;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.page_founderName__gjYm9 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.page_founderBio__JfF0o {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

.page_founderStats__4Dj32 {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1.25rem;
  justify-content: center;
}
@media (min-width: 640px) {
  .page_founderStats__4Dj32 {
    justify-content: flex-start;
  }
}

.page_founderStat__UW5R0 {
  display: flex;
  flex-direction: column;
}

.page_statNum__FwxQ7 {
  font-size: 1.2rem;
  font-weight: 800;
  color: white;
}

.page_statLabel__uNQKH {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.4);
}

.page_ytButton__Uyj3p {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #c4302b;
  color: white;
  font-weight: 600;
  font-size: 0.85rem;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s;
}
.page_ytButton__Uyj3p:hover {
  background: #a82723;
  transform: translateY(-1px);
}

/* ===== Final CTA ===== */
.page_finalCta__hGnGH {
  padding: 5rem 1.5rem;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.page_finalLabel__lVgoH {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

.page_finalTitle__Ilk_H {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .page_finalTitle__Ilk_H {
    font-size: 2.75rem;
  }
}

.page_finalAccent__Kamsk {
  background: linear-gradient(135deg, #ff5c3f, #8a76e5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.page_finalSub__Tf3j0 {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.04em;
  margin-bottom: 2rem;
  font-style: italic;
}

.page_finalButtons__O5HiV {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.page_finalBtn__aVz0d {
  padding: 0.9rem 2rem;
  background: linear-gradient(135deg, #ff5c3f, #ff8033);
  color: white;
  font-weight: 700;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(255, 92, 63, 0.25);
  transition: all 0.3s;
}
.page_finalBtn__aVz0d:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(255, 92, 63, 0.4);
}

.page_finalBtnGhost__mJkIE {
  padding: 0.9rem 2rem;
  background: rgba(255, 255, 255, 0.05);
  color: white;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-decoration: none;
  transition: all 0.3s;
}
.page_finalBtnGhost__mJkIE:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}

/* ===== Footer ===== */
.page_footer__wa9SD {
  padding: 0 1.5rem 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(8, 13, 26, 0.6);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

/* Warrior-Sage Ecosystem strip — same on all 3 sites */
.page_ecosystem__cXvsl {
  max-width: 920px;
  margin: 0 auto;
  padding: 2.5rem 0 2rem;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.page_ecosystemLabel__xnRBV {
  font-size: 0.7rem;
  letter-spacing: 0.4em;
  color: rgba(201, 168, 76, 0.7);
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

.page_ecosystemRow__eJ8nG {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .page_ecosystemRow__eJ8nG {
    flex-direction: row;
    gap: 2rem;
  }
}

.page_ecosystemNode__kq7SC {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.015);
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  font-size: 0.85rem;
  transition: all 0.25s ease;
  white-space: nowrap;
}
.page_ecosystemNode__kq7SC:hover {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.03);
  color: white;
  transform: translateY(-1px);
}

.page_ecosystemIcon__4lkh7 {
  font-size: 1rem;
}

.page_ecosystemKey__hURvl {
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 600;
}

.page_ecosystemArrow__NkysN {
  color: rgba(255, 255, 255, 0.25);
  font-size: 0.85rem;
}

.page_ecosystemHere__vDoJS {
  font-weight: 700;
  color: rgba(201, 168, 76, 0.95);
  letter-spacing: 0.04em;
}

.page_ecosystemSite__oxPT8 {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.page_ecosystemFoot__z3bLr {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 0.08em;
}

.page_footerInner__SBpGM {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}
@media (min-width: 640px) {
  .page_footerInner__SBpGM {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}

.page_footerLogo__soOE_ {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: white;
}

.page_footerLinks__3s1PK {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
}
.page_footerLinks__3s1PK a {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.85rem;
  text-decoration: none;
  transition: color 0.2s;
}
.page_footerLinks__3s1PK a:hover {
  color: rgba(255, 255, 255, 0.9);
}

.page_footerCopy__3voSz {
  text-align: center;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.2);
  letter-spacing: 0.05em;
}