.landing-section{padding:clamp(64px,9vw,112px) clamp(20px,5vw,76px);border-top:1px solid #ffffff1c;background:linear-gradient(180deg,#0b0e10ed,#111518f7);backdrop-filter:blur(8px)}
.landing-section-inner{max-width:1180px;margin:0 auto}
.landing-section-heading{max-width:720px}
.landing-kicker{margin:0 0 18px;color:#82efff;font:500 .68rem/1.3 Inter,Arial,sans-serif;letter-spacing:.14em}
.landing-section h2{max-width:850px;margin:0;color:#fff;font-size:clamp(2.35rem,5vw,4.8rem);font-weight:500;line-height:.98;letter-spacing:-.065em}
.landing-section-heading>p:last-child{max-width:650px;margin:24px 0 0;color:#b9c7d6;font-size:1rem;line-height:1.65}
.landing-trust{background:linear-gradient(120deg,#07151cfa,#15121cf5)}
.landing-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid #ffffff2a;border-bottom:1px solid #ffffff2a}
.landing-stat-grid div{padding:28px 22px 30px 0;border-right:1px solid #ffffff2a}.landing-stat-grid div:not(:first-child){padding-left:22px}.landing-stat-grid div:last-child{border-right:0}
.landing-stat-grid strong{display:block;color:#fff;font-size:clamp(1.8rem,3.5vw,3.1rem);font-weight:500;letter-spacing:-.06em}.landing-stat-grid span{display:block;margin-top:11px;color:#aebdcd;font-size:.83rem;line-height:1.5}
.landing-experience{margin-top:48px;padding-top:26px;border-top:1px solid #ffffff2a}.landing-experience>p:not(.landing-kicker){margin:0;color:#b9c7d6;font-size:.88rem}.landing-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 18px;margin-top:24px}.landing-logo-card{display:flex;min-height:112px;margin:0;padding:14px;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #ffffffaa}.landing-logo-card img{display:block;width:100%;height:54px;object-fit:contain}.landing-logo-card figcaption{width:100%;color:#18232b;font-size:.68rem;line-height:1.25;text-align:center}
.landing-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}
.landing-card{min-height:290px;padding:24px;color:#fff;text-decoration:none;border:1px solid #ffffff24;background:#ffffff0b;transition:transform .2s,background .2s,border-color .2s}.landing-card:hover{transform:translateY(-4px);border-color:#82efff88;background:#ffffff13}
.landing-card>span{color:#82efff;font:500 .65rem var(--sans,Inter,Arial,sans-serif);letter-spacing:.1em}.landing-card h3{margin:34px 0 14px;font-size:1.55rem;line-height:1.08;letter-spacing:-.04em}.landing-card p{margin:0;color:#b9c7d5;font-size:.88rem;line-height:1.6}.landing-card b{display:block;margin-top:28px;color:#fff;font-size:.78rem}
.landing-process{background:#11171af5}.landing-process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid #ffffff2a}.landing-process-grid>div{padding:25px 20px 0 0;border-right:1px solid #ffffff2a}.landing-process-grid>div:not(:first-child){padding-left:20px}.landing-process-grid>div:last-child{border-right:0}.landing-process-grid strong{color:#82efff;font:500 .7rem var(--sans,Inter,Arial,sans-serif)}.landing-process-grid h3{margin:26px 0 9px;color:#fff;font-size:1.5rem;font-weight:500}.landing-process-grid p{margin:0;color:#b9c7d5;font-size:.84rem;line-height:1.55}
.landing-case{background:#0b1115f7}.landing-case-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.landing-text-link{display:inline-block;margin-top:28px;color:#82efff;font-size:.85rem;font-weight:600;text-underline-offset:5px}.landing-quote{padding:28px;border:1px solid #82efff44;background:linear-gradient(145deg,#0f2530dd,#18152add);box-shadow:0 20px 60px #0005}.landing-quote p{margin:0;color:#fff;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.03em}.landing-quote span{display:block;margin-top:22px;color:#aebdcd;font-size:.75rem}
.landing-insights{background:#0d1933f5}.landing-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #ffffff2a}.landing-insight-grid a{min-height:220px;padding:24px 22px 24px 0;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff2a;display:flex;flex-direction:column;transition:background .2s,transform .2s}.landing-insight-grid a:not(:last-child){border-right:1px solid #ffffff2a;padding-right:22px}.landing-insight-grid a:not(:first-child){padding-left:22px}.landing-insight-grid a:hover{background:#ffffff0b;transform:translateY(-3px)}.landing-insight-grid span{color:#82efff;font:500 .65rem Inter,Arial,sans-serif;letter-spacing:.1em}.landing-insight-grid h3{margin:26px 0 0;color:#fff;font-size:1.45rem;line-height:1.08;letter-spacing:-.04em}.landing-insight-grid b{margin-top:auto;padding-top:20px;color:#82efff;font-size:.76rem}
.landing-privacy-link{display:block;margin-top:18px;color:#b9d7e8;font-size:.72rem;text-underline-offset:4px}
.landing-final{text-align:center;background:linear-gradient(120deg,#063542f5,#272050f5)}.landing-final .landing-section-inner{display:flex;flex-direction:column;align-items:center}.landing-final h2{max-width:760px}.landing-final p:not(.landing-kicker){max-width:540px;margin:22px 0 28px;color:#d3e3ed}.landing-final .landing-button{font-size:.86rem}
@media(max-width:760px){.landing-section{padding:64px 20px}.landing-stat-grid,.landing-card-grid,.landing-process-grid,.landing-case-layout,.landing-insight-grid{grid-template-columns:1fr}.landing-stat-grid{margin-top:38px}.landing-stat-grid div,.landing-stat-grid div:not(:first-child){padding:20px 0;border-right:0;border-bottom:1px solid #ffffff2a}.landing-stat-grid div:last-child{border-bottom:0}.landing-card-grid{margin-top:34px}.landing-card{min-height:unset}.landing-process-grid{margin-top:34px}.landing-process-grid>div,.landing-process-grid>div:not(:first-child){padding:20px 0;border-right:0;border-bottom:1px solid #ffffff2a}.landing-process-grid>div:last-child{border-bottom:0}.landing-case-layout{gap:32px}.landing-insight-grid{margin-top:34px}.landing-insight-grid a,.landing-insight-grid a:not(:last-child),.landing-insight-grid a:not(:first-child){min-height:unset;padding:20px 0;border-right:0}.landing-insight-grid a:last-child{border-bottom:0}.landing-final .landing-button{width:100%;max-width:340px}}
@media(max-width:760px){.landing-experience{margin-top:38px}.landing-logo-grid{grid-template-columns:repeat(2,1fr);gap:8px}.landing-logo-card{min-height:104px;padding:10px}.landing-logo-card img{height:48px}.landing-logo-card figcaption{font-size:.62rem}}

/* Keep the video inside a true full-screen hero instead of behind later content. */
.landing-page{font-family:Inter,"Noto Sans Thai",Arial,sans-serif;background:#071016}
.landing-video-stack{position:absolute;inset:0 0 auto;width:100%;height:100svh;z-index:0;overflow:hidden;background:#171412;pointer-events:none}
.landing-video{position:absolute;inset:0;width:100%;height:100%;z-index:0;object-fit:cover;opacity:0;transition:opacity 1.2s linear;will-change:opacity;pointer-events:none}
.landing-video.is-active{opacity:1}
.landing-overlay{position:absolute;inset:0 0 auto;width:100%;height:100svh}
.landing-shell{display:block;min-height:auto;padding:0}
.landing-header{position:absolute;z-index:4;top:28px;left:clamp(20px,5vw,76px);right:clamp(20px,5vw,76px)}
.landing-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px 0 26px}.landing-courses .landing-card{min-height:270px}.landing-courses .landing-text-link{display:inline-block;margin-top:8px}@media(max-width:760px){.landing-course-grid{grid-template-columns:1fr}.landing-courses .landing-card{min-height:0}}
.landing-header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.landing-language{display:flex;padding:3px;border:1px solid #ffffff66;border-radius:999px;background:#07101666;backdrop-filter:blur(10px)}
.landing-language button{min-width:34px;height:30px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:#fff;font:600 11px/1 Inter,Arial,sans-serif;letter-spacing:.04em;cursor:pointer;transition:background .2s,color .2s}
.landing-language button.is-active{background:#fff;color:#11100f}
.landing-language button:focus-visible{outline:2px solid #82efff;outline-offset:2px}
.landing-main{position:relative;z-index:2;min-height:100svh;padding:100px clamp(20px,5vw,76px) 40px}
.landing-hero{max-width:1000px;padding:5vh 0 2vh}
.landing-title{font-family:Inter,"Noto Sans Thai",Arial,sans-serif;max-width:1100px}
.landing-section{position:relative;z-index:2;width:100%;backdrop-filter:none}
.landing-kicker{font-size:.75rem;letter-spacing:.13em}
.landing-card>span,.landing-insight-grid span{font-size:.74rem}
.landing-process-grid strong{display:block;color:#82efff;font:600 clamp(1.85rem,3vw,2.8rem)/1 Inter,Arial,sans-serif;letter-spacing:-.06em}
.landing-process-grid h3{margin-top:20px}

@media(max-width:980px){
  .landing-nav{gap:18px}
  .landing-nav a{font-size:12px}
}

@media(max-width:760px){
  .landing-header{top:20px;left:20px;right:20px;display:grid;grid-template-columns:1fr auto;gap:8px}
  .landing-logo{order:initial}
  .landing-header-actions{order:initial;justify-self:end}
  .landing-menu-toggle{order:initial}
  .landing-mobile-menu:not([hidden]){grid-column:1/-1;order:initial;display:flex;flex-direction:column;width:100%;margin-top:6px;padding:10px 16px 14px;border:1px solid #ffffff33;border-radius:16px;background:#071016ee;backdrop-filter:blur(16px)}
  .landing-main{min-height:100svh;padding:96px 20px 28px}
  .landing-hero{padding:4vh 0 0}
  .landing-title{font-size:clamp(2.55rem,11vw,3.2rem);line-height:1.04;letter-spacing:-.055em}
  .landing-language button{min-width:31px;height:28px;padding:0 7px}
}

@media(max-width:380px){
  .landing-logo{font-size:18px}
  .landing-language button{min-width:29px;padding:0 6px}
  .landing-menu-toggle{width:36px;height:36px;flex-basis:36px}
}

@media(prefers-reduced-motion:reduce){
  .landing-video-stack{background:linear-gradient(110deg,#171412f5,#2d2119e8)}
.landing-video{transition:none}
}

.landing-proof-mark{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #82efff88;border-radius:50%;color:#82efff;font-size:1rem}
.landing-stat-note{max-width:730px;margin:18px 0 0;color:#9eb1c3;font-size:.74rem;line-height:1.6}
.landing-outputs{background:#0b1621f5}
.landing-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px}
.landing-output-grid article{padding:27px;border:1px solid #ffffff2a;background:#ffffff08}
.landing-output-grid span{color:#82efff;font:600 .72rem/1.3 Inter,Arial,sans-serif;letter-spacing:.11em}
.landing-output-grid h3{margin:38px 0 16px;color:#fff;font-size:clamp(1.45rem,2vw,1.9rem);font-weight:500;line-height:1.12;letter-spacing:-.04em}
.landing-output-grid p{margin:0;color:#b9c7d6;font-size:.9rem;line-height:1.65}
.landing-value{background:linear-gradient(135deg,#0c2a34f5,#171b34f5)}
.landing-value-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(34px,7vw,100px);align-items:center}
.landing-value-checklist{padding:32px;border:1px solid #82efff55;background:#07151caa}
.landing-value-checklist h3{margin:0;color:#fff;font-size:1.5rem;font-weight:500}
.landing-value-checklist ol{margin:26px 0;padding-left:23px;color:#e7f5fa}
.landing-value-checklist li{padding-left:8px;margin-bottom:16px;line-height:1.6}
.landing-value-checklist li::marker{color:#82efff;font-weight:600}
.landing-value-checklist p{margin:23px 0 20px;padding-top:19px;border-top:1px solid #ffffff2a;color:#b9c7d6;font-size:.8rem;line-height:1.6}
.landing-value-checklist a{color:#82efff;font-size:.85rem;font-weight:600;text-underline-offset:5px}
.landing-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.landing-insight-grid a,.landing-insight-grid a:not(:last-child),.landing-insight-grid a:not(:first-child){min-height:190px;padding:24px;border-right:0;border-bottom:1px solid #ffffff2a}
.landing-insight-grid a:nth-child(odd){border-right:1px solid #ffffff2a}
@media(max-width:760px){.landing-output-grid,.landing-value-layout{grid-template-columns:1fr}.landing-output-grid{margin-top:34px}.landing-output-grid article{padding:22px}.landing-output-grid h3{margin-top:26px}.landing-value-checklist{padding:24px}}
@media(max-width:760px){.landing-insight-grid a,.landing-insight-grid a:not(:last-child),.landing-insight-grid a:not(:first-child){padding:20px 0;border-right:0}.landing-insight-grid a:nth-child(odd){border-right:0}}

/* Make the three buyer paths available before the long-form evidence sections. */
.landing-main{align-items:center;padding-top:122px;padding-bottom:38px}
.landing-hero{width:100%;max-width:1180px;margin:0 auto;padding:0}
.landing-title{max-width:1050px;font-size:clamp(2.9rem,5.3vw,4.65rem);line-height:1.04}
.landing-title .line{white-space:normal}
.landing-hero-intro{max-width:690px;margin:25px 0 0;color:#e2ebf1;font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.55;text-wrap:pretty}
.landing-hero .landing-buttons{margin-top:23px}
.landing-hero-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:1050px;margin-top:clamp(24px,4vh,42px)}
.landing-hero-paths a{position:relative;min-height:104px;padding:18px 38px 17px 20px;border:1px solid #d3f5ff55;border-radius:12px;background:#07151cce;color:#fff;text-decoration:none;backdrop-filter:blur(12px);transition:background .2s,border-color .2s,transform .2s}
.landing-hero-paths a:hover{transform:translateY(-3px);border-color:#82efff;background:#0d2b37ed}
.landing-hero-paths span{display:block;font-size:1.04rem;font-weight:600;line-height:1.3}
.landing-hero-paths small{display:block;margin-top:8px;color:#c3d4df;font-size:.78rem;line-height:1.4}
.landing-hero-paths b{position:absolute;top:17px;right:17px;color:#82efff;font-size:1.12rem}
.landing-method-note{max-width:820px;margin:29px 0 0;color:#b9c7d6;font-size:.9rem;line-height:1.65}
.landing-service-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:13px}
.landing-service-links a,.landing-free-learning a{color:#82efff;font-size:.85rem;font-weight:600;text-underline-offset:5px}
.landing-free-learning{margin:24px 0 0;color:#c5d5df;font-size:.9rem;line-height:1.6}
.landing-stat-source{display:inline-block;margin-top:9px;color:#82efff;font-size:.78rem;text-underline-offset:4px}
.landing-page a:focus-visible,.landing-menu-toggle:focus-visible{outline:3px solid #82efff;outline-offset:4px}
@media(min-width:1101px){.landing-mobile-menu{display:none!important}}
@media(max-width:1100px){
  .landing-header{display:grid;grid-template-columns:1fr auto;gap:8px}
  .landing-nav{display:none}
  .landing-menu-toggle{display:grid}
  .landing-mobile-menu:not([hidden]){grid-column:1/-1;display:flex;flex-direction:column;width:100%;max-height:calc(100svh - 95px);overflow-y:auto;margin-top:6px;padding:10px 16px 14px;border:1px solid #ffffff33;border-radius:16px;background:#071016f5;backdrop-filter:blur(16px)}
}
@media(max-width:760px){
  .landing-main{padding:90px 20px 29px}
  .landing-hero{padding:0}
  .landing-title{font-size:clamp(2rem,8.5vw,2.75rem);line-height:1.09}
  .landing-label{margin-bottom:15px}
  .landing-hero-intro{margin-top:18px;font-size:.88rem;line-height:1.5}
  .landing-hero .landing-buttons{gap:9px;margin-top:18px}
  .landing-hero-paths{grid-template-columns:1fr;gap:7px;margin-top:23px}
  .landing-hero-paths a{min-height:0;padding:11px 38px 12px 15px}
  .landing-hero-paths span{font-size:.9rem}
  .landing-hero-paths small{margin-top:2px;font-size:.72rem}
  .landing-hero-paths b{top:16px;right:15px}
}
@media(max-width:390px){.landing-title{font-size:1.9rem}.landing-hero .landing-button{font-size:.72rem}.landing-label{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.landing-hero-paths a{transition:none}}

/* Executive message: allow Thai words and longer English lines to wrap. */
.landing-title{line-height:1.3;font-size:clamp(2rem,4.4vw,4rem)}.landing-title .word{max-width:100%;white-space:normal;overflow-wrap:anywhere}.landing-title .line+.line{margin-top:.12em}.landing-challenges .landing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-output-grid figure{margin:0 0 22px}.landing-output-grid figure img{display:block;width:100%;height:auto;border-radius:10px}.landing-output-grid figcaption{font-size:.75rem;color:#c6d0dc;margin-top:8px}.landing-challenges{scroll-margin-top:100px}@media(max-width:650px){.landing-challenges .landing-card-grid{grid-template-columns:1fr}.landing-title{font-size:clamp(1.8rem,7.5vw,2.5rem);line-height:1.4}} 

/* Keep the free starting point and verified people close to the main message. */
.landing-free-start{margin:16px 0 0;color:#e2ebf1;font-size:.8rem;line-height:1.8}
.landing-free-start a{color:#a4efff;text-underline-offset:4px}
.landing-credibility .landing-kicker{color:#315769}
.credibility-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}
.credibility-heading h2{margin:8px 0 0}
.credibility-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.credibility-people article{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;padding-top:24px;border-top:1px solid #ccd4dc}
.credibility-people img{width:100px;height:125px;object-fit:cover;object-position:center 20%;border-radius:10px}
.credibility-people h3{margin:4px 0 8px}.credibility-people p{margin:0 0 10px}
.credibility-people .credibility-role{font-size:.75rem;color:#42536c;font-weight:700}
@media(max-width:700px){.credibility-heading{display:block}.credibility-heading>a{display:inline-block;margin-top:16px}.credibility-people{grid-template-columns:1fr}.credibility-people article{grid-template-columns:80px minmax(0,1fr);gap:16px}.credibility-people img{width:80px;height:100px}}

/* Homepage comparison: one calm reading surface between the video and closing CTA. */
.landing-page :is(.landing-section:not(.landing-final),.team-section){background:#f7f5ef;color:#142747;border-top-color:#d7dce1}
.landing-page .landing-section:not(.landing-final) :is(h2,h3){color:#142747}
.landing-page .landing-section:not(.landing-final) :is(p,small,figcaption){color:#42536c}
.landing-page .landing-section:not(.landing-final) :is(a,.landing-kicker,.landing-card>span,.landing-card b,.landing-output-grid span,.landing-insight-grid span,.landing-insight-grid b,.landing-process-grid strong){color:#176070}
.landing-page .landing-section:not(.landing-final) :is(.landing-card,.landing-output-grid article,.landing-value-checklist,.landing-insight-grid a){background:#fff;border-color:#d7dce1}
.landing-page .landing-section:not(.landing-final) :is(.landing-process-grid,.landing-process-grid>div,.landing-insight-grid,.landing-value-checklist p){border-color:#d7dce1}
.landing-page .landing-value-checklist ol{color:#142747}
.landing-page .landing-value-checklist li::marker{color:#176070}
.landing-page .landing-section:not(.landing-final) :is(.landing-card,.landing-insight-grid a):hover{background:#edf2f3;border-color:#176070}
.landing-page :is(.landing-section:not(.landing-final),.team-section) :is(a,summary):focus-visible{outline:3px solid #176070;outline-offset:4px}
.landing-page .landing-final{background:#142747}

/* Homepage links stay recognisable without repeated decorative arrows. */
.landing-page .landing-hero-paths a{padding-right:20px}
.landing-page .landing-insight-grid h3{ text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.landing-page .landing-card b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.landing-page :is(.landing-card,.landing-insight-grid a):hover :is(h3,b){text-decoration-thickness:2px}

@media(max-width:760px){.landing-page .landing-insight-grid{grid-template-columns:1fr}}