:root{--bg:#070a12;--bg-alt:#0d1220;--surface:#141a2b;--surface-2:#1b2236;--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.15);--brand-from:#f85a20;--brand-to:#f82020;--brand-solid:#f8431f;--brand-tint:#ff8a5c;--gradient-brand:linear-gradient(90deg,var(--brand-from),var(--brand-to));--brand-soft:rgba(248,67,31,.10);--brand-line:rgba(248,67,31,.35);--text:#f5f7fa;--text-dim:#9aa3b2;--text-mute:#6b7280;--font-display:var(--font-prompt),"Prompt",sans-serif;--font-body:var(--font-plex-thai),"IBM Plex Sans Thai","Prompt",sans-serif;--font-mono:var(--font-plex-mono),"IBM Plex Mono",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--r-sm:8px;--r-md:11px;--r-lg:14px;--r-xl:16px;--r-pill:999px;--shadow-sm:0 6px 18px rgba(0,0,0,.40);--shadow-lg:0 24px 50px rgba(0,0,0,.50);--container:1200px;--section-py:clamp(56px,8vw,96px);--gutter:clamp(20px,5vw,40px);--nav-h:68px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--brand-tint);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;font-weight:700}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-py);scroll-margin-top:calc(var(--nav-h) + 12px)}.section--alt{background:var(--bg-alt)}.section-head{text-align:center;max-width:48rem;margin-inline:auto;margin-bottom:var(--space-12)}.section-head h2{font-size:clamp(1.5rem,3vw,2rem);margin-block:var(--space-3)}.section-head p{color:var(--text-dim);font-size:1.0625rem}.eyebrow{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-tint)}.g-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.text-dim{color:var(--text-dim)}.js .js-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.js .js-reveal.in-view{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .js-reveal{opacity:1;transform:none;transition:none}}.btn{font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:12px 20px;border-radius:var(--r-md);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:filter .15s,border-color .15s,color .15s,background .15s;white-space:nowrap}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-outline:hover{border-color:var(--brand-tint);color:var(--brand-tint)}.btn-ghost{background:var(--surface);color:var(--text-dim)}.btn-ghost:hover{color:var(--text)}@media (max-width:640px){.btn-block-sm{width:100%}}.pill{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:500;padding:6px 13px;border-radius:var(--r-pill);background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand-tint)}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-from)}.icon-tile{width:44px;height:44px;border-radius:var(--r-md);background:var(--gradient-brand);display:grid;place-items:center;color:#fff;flex:none}.icon-tile svg{width:22px;height:22px;stroke:#fff}.icon-tile.sm{width:34px;height:34px;border-radius:var(--r-sm)}.icon-tile.sm svg{width:18px;height:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6)}.card-hover{transition:border-color .15s,transform .15s}.card-hover:hover{border-color:var(--border-strong);transform:translateY(-2px)}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.check-list{display:grid;grid-gap:10px;gap:10px}.check-list li{display:flex;gap:10px;align-items:flex-start}.check-list .ck{flex:none;width:20px;height:20px;border-radius:6px;background:var(--gradient-brand);display:grid;place-items:center;font-size:11px;color:#fff;margin-top:3px}.acc-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:12px}.acc-trigger{width:100%;text-align:left;color:var(--text);font-family:var(--font-display);font-weight:600;font-size:1rem;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px}.acc-trigger:hover{color:var(--brand-tint)}.acc-trigger .sign{flex:none;font-size:1.5rem;font-weight:300;line-height:1;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .2s}.acc-trigger[aria-expanded=true] .sign{transform:rotate(45deg)}.acc-trigger[aria-expanded=true]{color:var(--brand-tint)}.acc-panel{max-height:0;overflow:hidden;transition:max-height .28s ease}.acc-panel-inner{padding:0 20px 20px;color:var(--text-dim)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;border-bottom:1px solid transparent;transition:background .2s,border-color .2s,-webkit-backdrop-filter .2s;transition:background .2s,border-color .2s,backdrop-filter .2s;transition:background .2s,border-color .2s,backdrop-filter .2s,-webkit-backdrop-filter .2s}.nav--scrolled{background:rgba(7,10,18,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.05rem}.nav-brand img{width:40px;height:40px;border-radius:50%}.navmenu{display:flex;align-items:center;gap:var(--space-6)}.navmenu a{color:var(--text-dim);font-weight:500;font-size:.95rem;transition:color .15s}.navmenu a:hover{color:var(--text)}.navmenu .navmenu-cta{color:#fff}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px}.nav-toggle span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}@media (max-width:860px){.nav-toggle{display:flex}.navmenu{position:fixed;inset:var(--nav-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:var(--space-2);text-align:center;background:var(--bg-alt);border-bottom:1px solid var(--border);padding:var(--space-6) var(--gutter) var(--space-8);transform:translateY(-130%);visibility:hidden;transition:transform .25s ease,visibility .25s}.navmenu.open{transform:none;visibility:visible}.navmenu a{padding:12px;font-size:1.05rem}.navmenu .navmenu-cta{margin-top:var(--space-2)}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.hero{padding-block:clamp(40px,6vw,72px) var(--section-py)}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:clamp(28px,5vw,56px);gap:clamp(28px,5vw,56px);align-items:center}.hero-schedule{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-3);padding:7px 14px;border-radius:999px;font-size:.92rem;color:var(--text);background:rgba(248,90,32,.1);border:1px solid rgba(248,90,32,.35)}.hero-schedule b{color:var(--brand-tint);font-weight:700}.hero h1{font-size:clamp(2rem,5vw,2.85rem);letter-spacing:-.02em;margin-top:var(--space-4)}.hero-sub{color:var(--text-dim);font-size:1.0625rem;margin-top:var(--space-3);max-width:32em}.hero-bullets{margin-top:var(--space-6)}.hero-bullets li{font-size:.98rem}.hero-price{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap}.hero-price-now{font-family:var(--font-display);font-size:2.2rem;font-weight:700}.hero-price-was{color:var(--text-mute);text-decoration:line-through;font-size:1.05rem}.cta-row{display:flex;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap}.hero-visual,.heroimg{position:relative}.heroimg{margin:0;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);aspect-ratio:4/3.4}.heroimg img{width:100%;height:100%;object-fit:cover}.heroimg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,10,18,.72))}.img-note{top:10px;left:10px;z-index:1;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.04em;color:#fff;background:rgba(7,10,18,.6);padding:3px 8px;border-radius:6px}.float,.img-note{position:absolute;border:1px solid var(--border-strong)}.float{z-index:2;background:rgba(13,18,32,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-md);padding:10px 13px;font-size:.8rem;box-shadow:var(--shadow-sm)}.float b{font-family:var(--font-display)}.float-tl{top:-14px;left:-14px}.float-br{bottom:-16px;right:-10px}@media (max-width:760px){.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1}.float-tl{left:0}.float-br{right:0}}.trustbar{border-block:1px solid var(--border);background:var(--bg-alt)}.trustbar-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6)}.stat-chip{display:flex;align-items:center;gap:12px;flex:1 1 200px}.stat-chip b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.05rem}.stat-chip span{color:var(--text-dim);font-size:.85rem}@media (max-width:640px){.stat-chip{flex:1 1 42%}}.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);max-width:940px;margin-inline:auto}.pain{position:relative;display:flex;gap:14px;align-items:flex-start;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6);transition:border-color .15s,transform .15s,background .15s}.pain:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gradient-brand);opacity:0;transition:opacity .15s}.pain:hover{border-color:var(--border-strong);transform:translateY(-2px);background:var(--surface-2)}.pain:hover:before{opacity:1}.pain-ic{flex:none;width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--brand-soft);border:1px solid var(--brand-line)}.pain-ic svg{width:18px;height:18px;stroke:var(--brand-tint)}.pain p{font-size:.95rem;color:var(--text-dim);line-height:1.55}@media (max-width:760px){.pain-grid{grid-template-columns:1fr}}.flow{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-12)}.flow,.flow li{gap:8px;align-items:center}.flow li{display:inline-flex}.flow li:not(:first-child):before{content:"→";color:var(--brand-tint);font-family:var(--font-mono)}.flow span{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);padding:8px 14px;border-radius:var(--r-pill);white-space:nowrap}.step-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.step-card .num{font-family:var(--font-mono);font-size:.9rem;font-weight:600;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.step-card h3{font-size:1.1rem;margin:6px 0 8px}.step-card p{font-size:.92rem;color:var(--text-dim)}.build-grid{align-items:stretch}.build-h{font-size:1.15rem;margin-bottom:var(--space-4)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:.85rem;padding:7px 13px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.work-card{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);transition:transform .35s cubic-bezier(.2,.7,.3,1)}.work-card:hover{transform:translateY(-8px)}.work-shot{position:relative;width:100%;line-height:0}.work-shot img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45));transition:transform .45s cubic-bezier(.2,.7,.3,1)}.work-card:hover .work-shot img{transform:scale(1.04)}.work-meta{display:flex;flex-direction:column;align-items:center;gap:7px}.work-tag{font-family:var(--font-display);font-size:.78rem;font-weight:600;color:var(--brand-tint);background:rgba(248,90,32,.1);border:1px solid rgba(248,90,32,.3);padding:4px 12px;border-radius:var(--r-pill)}.work-name{font-size:.98rem;font-weight:500;color:var(--text)}@media (prefers-reduced-motion:reduce){.work-card,.work-shot img{transition:none}.work-card:hover,.work-card:hover .work-shot img{transform:none}}.curriculum{max-width:820px;margin-inline:auto}.acc-title{display:flex;flex-direction:column;gap:2px;text-align:left}.acc-item .num{font-family:var(--font-plex-mono),var(--font-plex-thai),"IBM Plex Sans Thai",monospace;font-size:.7rem;font-weight:600;letter-spacing:.08em;color:var(--brand-tint)}.acc-name{font-size:1rem}.acc-h{margin:0;font:inherit}.acc-list{display:grid;grid-gap:9px;gap:9px;margin-bottom:var(--space-4)}.acc-list li{display:flex;gap:9px;align-items:flex-start;font-size:.94rem}.acc-list li:before{content:"▸";color:var(--brand-tint);flex:none}.hw{background:var(--surface-2);border-left:3px solid var(--brand-solid);border-radius:var(--r-sm);padding:12px 14px;font-size:.92rem;color:var(--text)}.hw b{color:var(--brand-tint)}.bonus-card h3{font-size:1.02rem;margin:14px 0 6px}.bonus-card p{font-size:.9rem;color:var(--text-dim)}.instructor-grid{align-items:center}.instructor-photo{position:relative;max-width:360px;margin-inline:auto;border-radius:var(--r-lg);aspect-ratio:1/1;padding:4px;background:var(--gradient-brand);box-shadow:var(--shadow-lg)}.instructor-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border-radius:calc(var(--r-lg) - 4px);background:var(--surface-2)}.instructor-caption{margin-top:var(--space-4);text-align:center}.instructor-name{display:block;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--text)}.instructor-role{display:block;color:var(--brand-tint);font-size:.92rem;margin-top:2px}.instructor-points{margin-bottom:var(--space-6)}.instructor-quote{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand-solid);border-radius:var(--r-md);padding:var(--space-6);color:var(--text);font-size:1.02rem;line-height:1.7}.pricing-grid{max-width:1120px;margin-inline:auto;align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-8)}.pricing-card.featured{border-color:rgba(248,67,31,.5)}.pc-badge{position:absolute;top:-12px;right:22px;background:var(--gradient-brand);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.75rem;padding:4px 12px;border-radius:var(--r-pill)}.pc-title{font-size:1.3rem;margin:8px 0 4px}.pc-date{display:inline-flex;align-items:center;gap:5px;margin:0 0 var(--space-3);padding:5px 11px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--brand-tint);background:rgba(248,90,32,.1);border:1px solid rgba(248,90,32,.3)}.pc-price{display:flex;align-items:baseline;gap:10px;margin:var(--space-3) 0}.pc-now{font-family:var(--font-display);font-size:2rem;font-weight:700}.pc-was{color:var(--text-mute);text-decoration:line-through}.pc-save{color:var(--brand-tint);font-family:var(--font-display);font-size:.9rem;font-weight:600;margin:-4px 0 var(--space-3)}.pc-for{color:var(--text-dim);font-size:.92rem;margin-bottom:var(--space-6)}.pc-list{margin-bottom:var(--space-8)}.pc-list li{font-size:.92rem}.pricing-card .btn{margin-top:auto}.tool-card{display:flex;align-items:center;gap:12px;padding:var(--space-4)}.tool-card b{display:block;font-family:var(--font-display);font-weight:600;font-size:.95rem}.tool-card>div span{color:var(--text-dim);font-size:.8rem}.icon-tile.mono{font-family:var(--font-mono);font-weight:600;font-size:.95rem}.tool-group{margin-top:var(--space-12)}.tool-group:first-of-type{margin-top:0}.tool-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.tool-group-head h3{font-size:1.15rem;color:var(--text)}.tool-card--stack{min-height:150px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.tool-card--stack .icon-tile{width:64px;height:64px;border-radius:var(--r-lg)}.tool-card--stack .icon-tile.mono{font-size:1rem}.tool-logo{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:#fff;border:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,.25)}.tool-logo img{width:58%;height:58%;object-fit:contain}.tool-card--stack .tool-logo{width:64px;height:64px;border-radius:var(--r-lg)}.tool-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.tool-card:hover{transform:translateY(-4px);border-color:var(--border-strong);background:var(--surface-2)}.tool-card .tool-logo{transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.tool-card:hover .tool-logo{transform:scale(1.12) rotate(-4deg);box-shadow:0 10px 24px rgba(0,0,0,.4)}.tool-card:hover b{color:var(--brand-tint)}@media (prefers-reduced-motion:reduce){.tool-card,.tool-card .tool-logo{transition:none}.tool-card:hover,.tool-card:hover .tool-logo{transform:none}}.note-box{margin-top:var(--space-8);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-6);color:var(--text-dim);font-size:.92rem;display:flex;gap:14px;align-items:flex-start}.note-box .icon-tile{flex:none}.final-cta{padding-block:var(--section-py);background:var(--bg-alt);border-top:1px solid var(--border);text-align:center}.final-cta-inner{max-width:720px}.final-cta h2{font-size:clamp(1.6rem,3.5vw,2.3rem);margin:var(--space-3) 0}.final-cta p{color:var(--text-dim)}.cta-center{justify-content:center;margin-top:var(--space-8)}.final-note{margin-top:var(--space-6);font-size:.9rem;color:var(--text-mute)}.footer{background:var(--bg-alt);border-top:1px solid var(--border);padding-block:var(--space-12)}.footer-inner{justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.footer-brand,.footer-inner{display:flex;align-items:center}.footer-brand{gap:12px}.footer-brand img{border-radius:50%}.footer-brand b{display:block;font-family:var(--font-display)}.footer-brand span{color:var(--text-dim);font-size:.85rem}.footer-links{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.footer-links a{color:var(--text-dim);font-size:.9rem}.footer-links a:hover{color:var(--text)}.footer-links .btn{color:#fff}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);color:var(--text-mute);font-size:.82rem}@media (max-width:640px){.pricing-card{padding:var(--space-6)}.float{font-size:.72rem;padding:8px 10px}.hero-price-now{font-size:1.9rem}.section-head{margin-bottom:var(--space-8)}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{gap:var(--space-4)}}.fab{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:12px}.fab-btn{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.4);transition:transform .15s,filter .15s}.fab-btn:hover{transform:scale(1.07);filter:brightness(1.05)}.fab-line{background:#06C755}.fab-tel{background:var(--gradient-brand)}.fab-btn svg{width:32px;height:32px}.fab-tel svg{width:26px;height:26px}.fab-fb{background:#1877F2}.fab-fb svg{width:24px;height:24px}.fab-label{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);padding:7px 13px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:600;font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:var(--shadow-sm)}.fab-btn:focus-visible .fab-label,.fab-btn:hover .fab-label{opacity:1;transform:translateY(-50%) translateX(0)}@media (max-width:640px){.fab{right:14px;bottom:14px;gap:10px}.fab-btn{width:52px;height:52px}.fab-label{display:none}}