:root{--navy:#061b32;--navy2:#092641;--teal:#14d9b5;--cyan:#35c8ff;--green:#63f0a9;--ink:#122334;--muted:#607080;--soft:#f1f7f7;--line:#dfeaea;--white:#fff;--shadow:0 24px 70px rgba(2,30,50,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:820px}.center{text-align:center}.section{padding:88px 0}.section-dark{position:relative;overflow:hidden;background:linear-gradient(145deg,#041729 0%,#092d48 58%,#043b3b 100%);color:#fff}.bg-soft{background:var(--soft)}
h2{font-size:42px;line-height:1.18;letter-spacing:-.025em;margin:0 0 18px}.section-kicker,.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#078977;margin-bottom:14px}.section-kicker.light{color:#6ef0d7}.section-kicker.muted{color:#8b98a3}
.topbar{position:sticky;top:0;z-index:20;background:rgba(5,26,44,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:12px;letter-spacing:.13em;font-weight:900;color:#fff}.brand span{font-weight:500;color:#91b7c7}.top-cta{font-size:13px;color:#082b32;background:var(--teal);font-weight:900;text-decoration:none;border-radius:999px;padding:9px 15px}
.hero{padding:76px 0 90px}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.hero h1{font-size:64px;line-height:1.04;letter-spacing:-.045em;margin:0 0 20px}.hero h1 span,.statement h2 span{color:var(--teal)}.lead{font-size:19px;line-height:1.68;color:#d6e9ef;max-width:630px;margin-bottom:22px}.hero-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.hero-summary span{font-size:13px;color:#c7dbe2;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 12px}.hero-summary b{color:#fff}.hero-offer{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.price-line{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}.price-line small{color:#a9c6cf}.price-line strong{font-size:35px;color:var(--teal)}.price-line span{font-size:13px;color:#a9c6cf}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:14px 20px;font-weight:900;text-decoration:none;font-size:15px;cursor:pointer}.btn-primary{color:#062e32;background:linear-gradient(90deg,var(--teal),#78f0c5);box-shadow:0 13px 32px rgba(20,217,181,.2)}button.btn:disabled{opacity:.92;cursor:not-allowed}.micro{font-size:11px;color:#8cacb9;margin:0}.micro.light{color:#95b2bd}.hero-visual{position:relative;min-height:640px;display:flex;align-items:center;justify-content:center}.product-halo{position:absolute;width:83%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(20,217,181,.2),rgba(53,200,255,.08) 45%,transparent 69%);filter:blur(2px)}.cover-shell{position:relative;width:min(490px,92%);filter:drop-shadow(0 36px 34px rgba(0,0,0,.4));z-index:2}.cover-shell img{display:block;width:100%;border-radius:8px}.product-tag{position:absolute;z-index:3;bottom:3%;right:2%;background:#fff;color:#0b3940;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:900;box-shadow:var(--shadow)}.glow{position:absolute;border-radius:50%;filter:blur(50px);opacity:.2}.glow-a{width:350px;height:350px;background:var(--cyan);right:5%;top:2%}.glow-b{width:300px;height:300px;background:var(--green);left:-6%;bottom:-15%}
.statement{padding:76px 0;background:#fff}.statement-inner{max-width:930px;text-align:center}.statement h2{font-size:43px}.statement p{font-size:18px;color:#5f7180;max-width:760px;margin:20px auto 0}.split-head{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:end;margin-bottom:35px}.split-head>p,.curriculum-head>p{color:#61717e;margin:0}.pain-rows{border-top:1px solid #cfdddd}.pain-rows>div{display:grid;grid-template-columns:70px .95fr 1.05fr;gap:22px;align-items:start;padding:25px 0;border-bottom:1px solid #cfdddd}.pain-rows b{font-size:13px;color:#058c7c}.pain-rows h3{font-size:20px;line-height:1.4;margin:0}.pain-rows p{font-size:14px;color:#667985;margin:2px 0 0}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.align-start{align-items:start}.fit-box{border-radius:22px;padding:36px;border:1px solid #dfe8e8}.fit-box.yes{background:#f8fffd}.fit-box.no{background:#fbfcfd}.fit-box h2{font-size:31px}.checklist,.xlist{padding:0;margin:24px 0 0;list-style:none}.checklist li,.xlist li{position:relative;padding:10px 0 10px 33px;border-top:1px solid #e4ecec}.checklist li:before{content:"✓";position:absolute;left:0;color:#00a88e;font-weight:900}.xlist li:before{content:"—";position:absolute;left:0;color:#8f9ba4;font-weight:900}
.learning{padding:86px 0}.learning .center p{color:#abc5cf}.flow-line{display:flex;align-items:stretch;justify-content:center;gap:10px;margin-top:44px}.flow-line>div{flex:1;padding:18px 15px;border-top:3px solid rgba(101,233,208,.65);background:rgba(255,255,255,.04)}.flow-line>i{align-self:center;font-style:normal;color:#68e6cf;font-size:18px}.flow-line b{font-size:11px;color:#65e9d0}.flow-line strong{display:block;font-size:20px;margin:8px 0}.flow-line span{font-size:12px;color:#aac3cc}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce8e7;border:1px solid #dce8e7;border-radius:18px;overflow:hidden;margin-bottom:75px}.metrics>div{background:#fff;padding:28px;text-align:center}.metrics strong{display:block;font-size:31px;color:#078977}.metrics span{font-size:13px;color:#687985}.curriculum-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:35px}.curriculum-timeline{position:relative;margin-left:14px;border-left:2px solid #b9d8d4}.curriculum-timeline>div{position:relative;padding:5px 0 28px 32px}.curriculum-timeline>div:before{content:"";position:absolute;left:-7px;top:12px;width:12px;height:12px;border-radius:50%;background:#09a98f;box-shadow:0 0 0 6px #e9f7f4}.curriculum-timeline span{font-size:12px;font-weight:900;color:#058c7c}.curriculum-timeline h3{font-size:22px;margin:5px 0}.curriculum-timeline p{font-size:14px;color:#687783;margin:0;max-width:900px}.timeline-final{background:linear-gradient(90deg,#f4fffc,transparent);padding-top:14px!important}.framework-band{padding:55px 0;text-align:center}.framework-band h2{font-size:25px;line-height:1.55;max-width:1060px;margin:auto;color:#153b46}.mid-cta{padding:60px 0}.mid-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.mid-grid h2{font-size:34px}.mid-grid p{color:#aac4ce;margin-bottom:0}.compare-list{border-top:1px solid #dce8e7}.compare-list>div{padding:19px 0;border-bottom:1px solid #dce8e7}.compare-list .accent{padding-left:18px;border-left:3px solid #12b59c}.compare-list b{display:block}.compare-list span{font-size:14px;color:#6b7984}.bonus-band{padding:72px 0;background:linear-gradient(110deg,#effaf8,#f4fbff)}.bonus-grid{display:grid;grid-template-columns:190px 1fr;gap:44px;align-items:center}.bonus-badge{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff7b6,#f6c934 55%,#de9917);font-size:26px;font-weight:1000;color:#273323;box-shadow:var(--shadow);transform:rotate(-6deg)}.bonus-steps{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:22px 0}.bonus-steps span{background:#fff;border:1px solid #d8e6e4;padding:8px 11px;border-radius:999px;font-size:13px;font-weight:800}.bonus-steps i{font-style:normal;color:#06a890}.text-link{color:#087f74;font-weight:900}
.pricing-peak{background:radial-gradient(circle at 80% 10%,rgba(53,200,255,.16),transparent 28%),linear-gradient(135deg,#03182c,#06374a 55%,#07564e);padding:90px 0;color:#fff}.price-peak-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid rgba(255,255,255,.13);border-radius:28px;overflow:hidden;box-shadow:0 34px 80px rgba(0,0,0,.27)}.pricing-product{padding:52px;background:rgba(255,255,255,.035)}.pricing-product h2{font-size:39px}.pricing-product>p{color:#a9c6cf;font-size:18px}.included{display:grid;gap:12px;margin-top:28px;color:#e0edf0}.included div{border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:10px}.pricing-action{padding:52px;background:rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:center;text-align:center}.regular-price{color:#a8c3cc;font-size:15px}.regular-price strong{text-decoration:line-through;text-decoration-thickness:1px;color:#d2e1e5}.launch-label{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:900;color:#7eeed7;margin-top:20px}.launch-price{font-size:78px;font-weight:1000;line-height:1;color:var(--teal);letter-spacing:-.05em;margin:3px 0 24px}.launch-price small{font-size:20px;letter-spacing:0;color:#d9e9ec}.btn-block{width:100%}.after-click{font-size:13px;line-height:1.55;color:#d6e8ed;margin:18px 0 9px}.faq details{background:#fff;border-bottom:1px solid #dce7e6;padding:0 6px}.faq summary{cursor:pointer;font-weight:900;padding:19px 0}.faq details p{padding:0 0 18px;margin:0;color:#667782}.notice{border-left:4px solid #03aa91;padding:22px 26px;background:#f8fbfb}.notice p{margin:7px 0 0;color:#677783}.final{padding:72px 0}.final-simple{max-width:760px;text-align:center}.final-simple h2{font-size:38px}.final-offer{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0 20px}.final-offer span{color:#a9c6cf}.final-offer strong{font-size:36px;color:var(--teal)}.final-offer em{font-style:normal;color:#d5e6ea}.final-simple p{font-size:11px;color:#8facb7;max-width:620px;margin:16px auto 0}footer{background:#02111e;color:#8facb7;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:12px}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{text-align:center}.lead{margin-left:auto;margin-right:auto}.hero-summary{justify-content:center}.hero-offer{align-items:center}.hero-visual{min-height:620px}.split-head,.curriculum-head{grid-template-columns:1fr;gap:14px}.flow-line{display:grid;grid-template-columns:repeat(3,1fr)}.flow-line>i{display:none}.mid-grid{grid-template-columns:1fr}.mid-grid .btn{justify-self:start}.price-peak-grid{grid-template-columns:1fr}.pricing-action{border-top:1px solid rgba(255,255,255,.12)}}
@media(max-width:640px){.wrap{width:min(100% - 28px,1160px)}.section{padding:62px 0}.topbar-inner{height:58px}.brand{font-size:10px}.brand span{display:none}.top-cta{font-size:11px;padding:8px 10px}.hero{padding:48px 0 62px}.hero-grid{display:flex;flex-direction:column}.hero-copy{order:1}.hero-visual{order:2;min-height:470px;width:100%}.cover-shell{width:92%}.product-tag{right:0;bottom:0;font-size:10px}.hero h1{font-size:43px}.lead{font-size:16px;line-height:1.62}.hero-summary{gap:6px}.hero-summary span{font-size:11px}.price-line{justify-content:center}.statement{padding:58px 0}.statement h2{font-size:31px}.statement p{font-size:16px}.split-head>div h2,.curriculum-head h2,h2{font-size:30px}.pain-rows>div{grid-template-columns:42px 1fr;gap:12px;padding:22px 0}.pain-rows h3{font-size:18px}.pain-rows p{grid-column:2}.two-cols{grid-template-columns:1fr}.fit-box{padding:25px}.learning{padding:65px 0}.flow-line{grid-template-columns:repeat(2,1fr);gap:8px}.flow-line>div{padding:15px 12px}.metrics{grid-template-columns:repeat(2,1fr);margin-bottom:52px}.curriculum-timeline{margin-left:7px}.curriculum-timeline>div{padding-left:25px}.framework-band{padding:45px 0}.framework-band h2{font-size:19px}.mid-grid .btn{justify-self:stretch}.compare.two-cols,.align-start{grid-template-columns:1fr}.compare-list{margin-top:28px}.bonus-grid{grid-template-columns:1fr}.bonus-badge{width:145px;margin:auto}.bonus-grid>div:nth-child(2){text-align:center}.bonus-steps{justify-content:center}.pricing-peak{padding:65px 0}.price-peak-grid{border-radius:20px}.pricing-product,.pricing-action{padding:32px 24px}.pricing-product h2{font-size:31px}.launch-price{font-size:66px}.final-simple h2{font-size:31px}.final-offer{flex-direction:column;align-items:center;gap:2px}.footer-inner{flex-direction:column;text-align:center}.section-kicker{margin-bottom:10px}}