@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080c1b;--text:#f1f4ff;--muted:#a4acc5;--line:rgba(166,190,255,.16);--blue:#4a83ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:radial-gradient(ellipse 60% 15% at 85% 9%,#123ab866,transparent),radial-gradient(ellipse 38% 11% at 0% 0%,#0c205d80,transparent),var(--bg);color:var(--text);font-family:'Noto Sans Thai',Tahoma,sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #7ddeff;outline-offset:5px}::selection{background:#2766ea;color:white}.wrap{max-width:1200px;width:calc(100% - 96px);margin:auto}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',Tahoma,sans-serif;font-size:23px;font-weight:600;position:relative;line-height:1.2;display:block;padding-left:48px}.brand-icon{position:absolute;left:0;top:0;width:35px;height:35px;border:1px solid #577bf3;border-radius:10px;background:linear-gradient(145deg,#60c4ff,#2b3bc7);display:grid;place-items:center;color:white;font-size:24px}.brand-small{display:block;font-size:8px;letter-spacing:2.1px;color:#8899bf;margin-top:7px}.nav nav{display:flex;align-items:center;gap:34px;color:#b5bdd4;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid #688bc354;border-radius:100px;padding:15px 25px;font-weight:600;color:white;transition:transform .2s,box-shadow .2s;background:#192846}.button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1974f340}.button.primary{background:radial-gradient(ellipse at 30% 0%,#72d3ff99,transparent 75%),linear-gradient(150deg,#288ff5,#143bef);border-color:#68baff70;box-shadow:inset 0 2px 2px #ffffff24,0 8px 30px #103ddd35}.button.small{font-size:12px;padding:10px 20px}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;min-height:740px;gap:35px;padding-top:58px;padding-bottom:70px}.eyebrow{font-family:'Space Grotesk',Tahoma,sans-serif;font-size:10px;letter-spacing:2px;color:#8dabdd;display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;background:#6accff;border-radius:100%;box-shadow:0 0 14px #35a5ff;display:inline-block}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,4.9vw,68px);line-height:1.35;letter-spacing:-2px;font-weight:700;margin:23px 0}.gradient-text{color:#75adff;background:linear-gradient(110deg,#78deff,#7d8cff 80%);background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:21px;color:#dae2f5;line-height:1.6}.muted{color:var(--muted)}.hero-detail{font-size:14px;max-width:450px;margin:18px 0 27px}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{font-size:13px;border-bottom:1px solid #738baa66;padding-bottom:4px;color:#c6d9ff}.hero-notes{display:flex;gap:19px;color:#8fa0bf;font-size:10px;margin-top:20px}.hero-art{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#234dfa88,transparent 65%);filter:blur(25px);z-index:-1}.orbit{position:absolute;border:1px solid #365dac30;border-radius:50%;transform:rotate(-23deg);z-index:-1}.orbit-one{width:480px;height:430px}.orbit-two{width:550px;height:500px}.art-label,.art-caption{position:absolute;font:9px 'Space Grotesk',sans-serif;letter-spacing:2px;color:#7e94ba;left:50%;transform:translateX(-50%);white-space:nowrap}.art-label{top:9px}.art-caption{bottom:0;font-family:'Noto Sans Thai',sans-serif;letter-spacing:0}.book{width:330px;height:438px;position:relative;transform:perspective(1000px) rotateY(-12deg) rotateZ(-7deg);box-shadow:28px 35px 60px #0009;border-radius:6px 14px 14px 6px;background:#4d71c9}.book:after{content:'';position:absolute;right:-8px;top:6px;bottom:5px;width:8px;border-radius:0 4px 4px 0;background:repeating-linear-gradient(0deg,#aab7d2 0px,#e7e9ed 1px,#bdc7d9 2px);z-index:-1}.book-spine{position:absolute;top:0;bottom:0;left:0;width:14px;background:linear-gradient(90deg,#07369b,#429bef88,#005aea);border-radius:5px 0 0 5px;z-index:1}.book-cover{height:100%;padding:27px 25px 23px 33px;overflow:hidden;border:1px solid #6db4ff7a;border-radius:6px 12px 12px 6px;background:radial-gradient(ellipse at 80% 8%,#7be4ffcc,transparent 52%),radial-gradient(ellipse at 35% 105%,#4423e9,transparent 60%),linear-gradient(140deg,#287dea,#1237b0 70%,#08183b)}.cover-brand{display:flex;justify-content:space-between;font:16px 'Space Grotesk',sans-serif;border-bottom:1px solid #ffffff42;padding-bottom:13px}.cover-tag{display:block;font:8px 'Space Grotesk',sans-serif;letter-spacing:1.8px;color:#c5edff;margin-top:20px}.cover-title{font-size:37px;line-height:1.3;font-weight:700;letter-spacing:-1px;margin-top:15px}.cover-title span{font:700 68px 'Space Grotesk',sans-serif;letter-spacing:-4px}.cover-line{width:34px;height:2px;background:#86dcff;margin:17px 0}.book-cover p{font-size:12px;line-height:1.7;color:#d8e5ff}.cover-bottom{position:absolute;left:33px;right:25px;bottom:23px;display:flex;justify-content:space-between;font-size:8px;color:#aec1ff}.float-card{position:absolute;display:flex;align-items:center;gap:13px;border:1px solid #85aaff42;background:linear-gradient(150deg,#294263de,#161f40e8);box-shadow:0 20px 30px #0004,inset 0 1px 0 #ffffff12;backdrop-filter:blur(20px);border-radius:18px;padding:16px 20px;transform:rotate(3deg)}.float-card strong,.float-card small{display:block}.float-card strong{font-size:13px}.float-card small{font-size:10px;color:#abbedd}.float-top{right:-3px;top:79px}.float-icon{font-size:24px;color:#8cdcff;background:#4e9efb25;padding:3px 10px;border-radius:50%}.float-bottom{bottom:43px;left:7px;transform:rotate(-3deg)}.float-number{font:500 36px 'Space Grotesk',sans-serif;color:#9dcaff}.float-bottom>span:last-child{margin-left:10px;color:#97c0ff}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:32px 0}.stats>div{text-align:center;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{font:500 38px 'Space Grotesk',sans-serif;letter-spacing:-1px}.stats strong span{font:12px 'Noto Sans Thai',sans-serif;color:#c1cbe3;letter-spacing:0}.stats p{font-size:12px;color:#8795b5;margin-top:5px}.section{padding-top:108px;padding-bottom:12px}h2{font-size:clamp(30px,3.1vw,44px);line-height:1.5;letter-spacing:-1px;font-weight:600;margin:17px 0 0}.intro,.fit,.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro-body{padding-top:30px}.intro-body p:first-child{font-size:18px;line-height:2.1}.intro-body p.muted{margin:20px 0;font-size:14px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px}.section-heading>p{font-size:13px;max-width:280px;padding-bottom:10px}.glass{border:1px solid #8aa4db35;background:linear-gradient(145deg,#21315577,#18203b70);box-shadow:inset 0 1px 0 #ffffff0b}.curriculum{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.module{border-radius:23px;padding:25px 24px;position:relative;min-height:330px;display:flex;flex-direction:column}.module-number{font:400 35px 'Space Grotesk',sans-serif;color:#7b9ddf;margin-bottom:30px}.tag{font:9px 'Space Grotesk',sans-serif;letter-spacing:1.5px;color:#8eaded}.module h3{font-size:20px;margin:12px 0 10px;font-weight:500}.module p{font-size:12px;color:#a9b5d1;line-height:1.9}.module-foot{border-top:1px solid var(--line);font-size:10px;color:#8497bf;margin-top:auto;padding-top:16px}.all-chapters{margin-top:22px;border-bottom:1px solid var(--line);padding-bottom:15px}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px}summary::-webkit-details-marker{display:none}details[open]>summary>span{transform:rotate(45deg)}#chapter-list{columns:2;column-gap:55px;color:#b2bfdc;font-size:13px;padding:15px 0 0 24px}#chapter-list li{padding:8px 0;break-inside:avoid}.paths-section{margin-top:70px;padding:65px 0;background:radial-gradient(ellipse at 100% 0%,#153ea655,transparent 70%),#0d1428;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.paths{display:grid;grid-template-columns:repeat(2,1fr);gap:0 55px}.path{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.path>span{font:12px 'Space Grotesk',sans-serif;color:#6383c2}.path h3{font-size:15px;font-weight:500}.path p{font-size:11px;color:#909ebd}.path .path-arrow{margin-left:auto;font-size:19px;color:#4c6390}.reader{display:grid;grid-template-columns:260px 1fr;border-radius:25px;overflow:hidden}.reader-sidebar{padding:28px 22px;background:linear-gradient(160deg,#2042a947,#0e173280);display:flex;flex-direction:column}.reader-brand{font:9px 'Space Grotesk',sans-serif;letter-spacing:1.3px;color:#93b4f6;margin-bottom:40px}#preview-tabs button{display:flex;align-items:center;gap:13px;width:100%;border:1px solid transparent;border-radius:12px;background:none;padding:16px 14px;color:#a6b5d4;font-size:11px;text-align:left;margin-bottom:9px}#preview-tabs button span{font-size:13px;flex:1}#preview-tabs button[aria-selected=true]{background:linear-gradient(135deg,#244ec38c,#3163b44d);border-color:#668ddb55;color:#edf4ff}.reader-sidebar-footer{font-size:12px;color:#b2c5ec;margin-top:auto;padding-top:60px}.reader-sidebar-footer span{font-size:10px;color:#8598bf}#preview-panel{background:linear-gradient(150deg,#eef1fa,#dae4f2);color:#26334d;padding:38px 43px;min-height:570px}.reader-top{display:flex;justify-content:space-between;gap:12px;color:#63758b;font-size:9px;letter-spacing:.7px;border-bottom:1px solid #a3b3cc66;padding-bottom:18px}#preview-title{font-size:25px;line-height:1.7;margin:25px 0 22px;font-weight:600}#preview-content p{font-size:13px;line-height:2;color:#43516b;margin-bottom:15px}#preview-content p:last-child{padding:15px 19px;background:#c6d8f666;border-left:2px solid #4779c6;color:#274679;border-radius:0 7px 7px 0}.reader-bottom{margin-top:28px;border-top:1px solid #9db4d155;padding-top:18px;font-size:10px;color:#6a7c96;display:flex;justify-content:space-between;gap:20px}.reader-bottom a{color:#2458ae;font-weight:600}.fit-list>div{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:20px 0}.fit-list>div>span{font:12px 'Space Grotesk',sans-serif;color:#6881b2}.fit-list p{font-size:13px;color:#9eacc9}.fit-list strong{font-size:16px;font-weight:500;color:#d8e3ff}.fit-note{margin-top:20px}.offer{border-radius:30px;display:grid;grid-template-columns:1.2fr 1fr;background:radial-gradient(ellipse at 0% 0%,#214bdb77,transparent 70%),linear-gradient(150deg,#132d5966,#192044aa);overflow:hidden}.offer-copy{padding:48px}.offer-copy>p{margin-top:20px}.check-list{list-style:none;padding:0;margin:27px 0 0;font-size:13px;color:#c0cce5}.check-list li{padding:7px 0}.check-list li:before{content:'✓';color:#74b6ff;margin-right:12px}.offer-checkout{padding:50px 40px;border-left:1px solid var(--line);text-align:center;background:linear-gradient(180deg,#0b153a22,#0a102a66)}.price{font:500 100px 'Space Grotesk',sans-serif;letter-spacing:-7px;margin:20px 0 5px;line-height:1.1}.price span{font-size:40px;letter-spacing:0;color:#87b6ff;margin-right:8px}.offer-checkout>p.muted{font-size:13px}.offer-checkout .button{width:100%;margin-top:26px}.payment-note{font-size:10px;color:#879bc2;margin-top:12px}.purchase-steps{display:flex;justify-content:center;gap:17px;border-top:1px solid var(--line);padding-top:24px;margin-top:23px;font-size:10px;color:#c0cde8}.fine-print{font-size:10px;color:#9aaaca;line-height:1.9;margin-top:24px}.faq{padding-bottom:90px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details p{font-size:13px;line-height:1.9;color:#a4b2ce;padding:18px 25px 0 0}.faq summary{font-size:14px}footer{border-top:1px solid var(--line);padding:32px 0 45px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{padding:0;font-size:19px}footer>span,footer>a:last-child{font-size:10px;color:#8292b5}.mobile-buy{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:100;background:blue;padding:10px}dialog{border:1px solid #5377b7;border-radius:24px;background:#101b34;color:#f3f6ff;max-width:470px;width:calc(100% - 32px);padding:35px}dialog::backdrop{background:#020817bc;backdrop-filter:blur(6px)}dialog h2{font-size:25px}.dialog-close{position:absolute;right:15px;top:10px;border:0;color:#bcd3ff;background:none;font-size:30px}.payment-unavailable{padding:22px;background:#223151;border-radius:14px;color:#bdcde8;font-size:14px;margin-top:20px}.qr-image{display:block;width:220px;max-width:100%;margin:20px auto;background:#fff;padding:10px;border-radius:12px}.recipient{text-align:center;font-size:14px}.recipient strong{display:block}.contact-button{width:100%;margin-top:20px}.noscript{padding:20px;text-align:center}
@media(min-width:1400px){h1{font-size:68px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:0;min-height:650px}.hero-art{transform:scale(.85);margin:0 -30px}.hero-actions{gap:16px;flex-wrap:wrap}.curriculum{grid-template-columns:repeat(2,1fr)}.module{min-height:290px}.intro,.fit,.faq{gap:40px}.offer-copy{padding:36px}.offer-checkout{padding:40px 30px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:90px}.brand{font-size:20px}.brand-small{font-size:7px}.nav nav{gap:0}.nav nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:40px;gap:10px}.hero h1{font-size:48px;letter-spacing:-1.5px}.hero-description{font-size:19px}.hero-detail{max-width:500px}.hero-notes{gap:15px}.hero-art{min-height:530px;transform:scale(.88);margin:-10px -20px -25px}.orbit-one{width:390px}.orbit-two{width:440px}.float-top{right:0}.float-bottom{left:0}.stats{grid-template-columns:repeat(2,1fr);gap:25px 0;padding:30px 0}.stats>div:nth-child(2){border:0}.stats strong{font-size:32px}.stats p{font-size:11px}.section{padding-top:70px}h2{font-size:31px}.intro,.fit,.faq{grid-template-columns:1fr;gap:16px}.intro-body{padding-top:8px}.intro-body p:first-child{font-size:16px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:18px;font-size:12px}.curriculum{gap:12px}.module{padding:22px 18px;min-height:320px}.module h3{font-size:18px}.module-number{margin-bottom:22px}.module p{font-size:12px}.module-foot{font-size:9px;margin-top:22px}#chapter-list{columns:1}.paths-section{margin-top:55px;padding:55px 0}.paths{grid-template-columns:1fr}.path{padding:16px 0}.reader{grid-template-columns:1fr}.reader-sidebar{padding:22px 17px}.reader-brand{margin-bottom:17px}#preview-tabs{display:flex;gap:5px}#preview-tabs button{padding:11px 8px;gap:4px;justify-content:center;white-space:nowrap;font-size:0;margin:0}#preview-tabs button span{font-size:11px;flex:initial}.reader-sidebar-footer{display:none}#preview-panel{padding:26px 23px;min-height:550px}.reader-top{font-size:8px}#preview-title{font-size:22px}#preview-content p{font-size:13px}.reader-bottom{font-size:9px}.offer{grid-template-columns:1fr}.offer-copy{padding:32px 26px}.offer-copy .eyebrow{font-size:8px;letter-spacing:1px}.offer-checkout{border-left:0;border-top:1px solid var(--line);padding:35px 27px}.price{font-size:90px}.check-list{font-size:12px}.faq{padding-bottom:50px}.faq summary{font-size:13px}footer{flex-wrap:wrap;padding-bottom:110px}footer>span{display:none}.mobile-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;position:fixed;bottom:0;left:0;right:0;background:#0f1b35ee;backdrop-filter:blur(18px);padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #8ab3ff33;z-index:10}.mobile-buy strong{font-size:11px;font-weight:500;display:block}.mobile-buy div span{font-size:9px;color:#92a5c9}.mobile-buy .button{font-size:11px;padding:11px 16px}.art-label{font-size:8px}}
@media(max-width:370px){.hero h1{font-size:41px}.hero-art{transform:scale(.75);margin:-40px -40px -50px}.hero-actions .primary{font-size:13px}.hero-notes{font-size:9px}.curriculum{grid-template-columns:1fr}.module{min-height:250px}.mobile-buy{padding-left:12px;padding-right:12px}.hero-description{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

[hidden]{display:none!important}.download-panel{padding:30px;border-radius:24px;max-width:600px}.download-panel .button{margin-top:20px;margin-right:10px}

#slip-form{margin-top:30px}#slip-form label{display:block;margin-bottom:14px}#slip{display:block;max-width:100%;padding:12px;background:#243352;border:1px solid #5876aa;border-radius:12px}#slip::file-selector-button{background:#366fe0;color:white;border:0;border-radius:7px;padding:9px;margin-right:12px}