*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--background);min-height:100dvh;color:var(--foreground);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:clip}img,picture,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}p,li,h1,h2,h3,h4,dd{overflow-wrap:break-word}ul[role=list],ol[role=list]{padding:0;list-style:none}::selection{background:var(--raw-lime);color:var(--raw-graphite)}:lang(th){line-break:auto;word-break:normal}html:lang(th) body{line-height:1.72}:focus{outline:none}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.skip-link{z-index:var(--z-toast);background:var(--raw-lime);color:var(--raw-graphite);border-radius:var(--radius-sm);transition:top var(--duration-fast) var(--ease-out);padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:-80px;left:16px}.skip-link:focus-visible{top:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.t-mega,.t-display,.t-h1,.t-h2,.t-h3{font-family:var(--font-display);text-wrap:balance;font-weight:650}.t-mega{font-size:var(--text-mega);letter-spacing:-.06em;font-weight:700;line-height:.88}.t-display{font-size:var(--text-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.t-h1{font-size:var(--text-h1);letter-spacing:-.04em;line-height:1}.t-h2{font-size:var(--text-h2);letter-spacing:-.03em;line-height:1.05}.t-h3{font-size:var(--text-h3);line-height:var(--leading-snug);letter-spacing:-.015em;font-weight:600}.t-lead{font-size:var(--text-lead);color:var(--muted);text-wrap:pretty;max-width:62ch;line-height:1.55}.t-small{font-size:var(--text-small)}.t-muted{color:var(--muted)}.t-meta,.eyebrow{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:var(--tracking-meta);font-weight:500;line-height:1.4}.eyebrow{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.accent-text{color:var(--accent-text)}html:lang(th) :is(.t-mega,.t-display,.t-h1,.t-h2){letter-spacing:-.012em;line-height:1.14}html:lang(th) .t-mega{letter-spacing:-.02em;line-height:1.04}html:lang(th) .t-h3{letter-spacing:0;line-height:1.4}html:lang(th) .t-meta,html:lang(th) .eyebrow{letter-spacing:.04em}.prose{max-width:68ch;font-size:1.06rem}.prose>*+*{margin-top:1.1em}.prose h2{font-family:var(--font-display);letter-spacing:-.02em;margin-top:1.8em;font-size:1.6rem;line-height:1.2}.prose h3{font-family:var(--font-display);margin-top:1.5em;font-size:1.25rem}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.35em}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);padding-left:1em}.prose a{color:var(--accent-text)}.container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.container-narrow{width:min(100% - 2 * var(--gutter), var(--container-narrow));margin-inline:auto}.container-wide{width:min(100% - 2 * var(--gutter), var(--container-wide));margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.section-tight{padding-block:clamp(48px,7vw,96px)}.stack>*+*{margin-top:var(--stack-gap,var(--space-4))}.cluster{gap:var(--cluster-gap,var(--space-3));flex-wrap:wrap;align-items:center;display:flex}.split{gap:var(--space-7);display:grid}@media (min-width:900px){.split{gap:var(--space-9);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.split-even{grid-template-columns:1fr 1fr}}.grid-cards{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.rule{border:0;border-top:1px solid var(--border)}.surface-bg{background:var(--background);color:var(--foreground)}
.btn{--btn-bg:var(--surface-elevated);--btn-fg:var(--foreground);--btn-border:var(--border-strong);border-radius:var(--radius-pill);background:var(--btn-bg);min-height:48px;color:var(--btn-fg);border:1px solid var(--btn-border);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.97rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:hover{--btn-border:var(--foreground)}.btn:active{transform:translateY(1px)scale(.99)}.btn:focus-visible{border-radius:var(--radius-pill)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{--btn-bg:var(--accent);--btn-fg:var(--accent-foreground);--btn-border:var(--accent)}.btn-primary:hover{--btn-bg:var(--foreground);--btn-fg:var(--background);--btn-border:var(--foreground)}.btn-ghost{--btn-bg:transparent;--btn-border:transparent;padding-inline:12px}.btn-ghost:hover{--btn-bg:var(--surface-elevated);--btn-border:transparent}.btn-outline{--btn-bg:transparent}.btn-danger{--btn-bg:transparent;--btn-fg:var(--error);--btn-border:color-mix(in srgb, var(--error) 50%, transparent)}.btn-danger:hover{--btn-bg:var(--error);--btn-fg:#fff;--btn-border:var(--error)}.btn-sm{min-height:38px;padding:0 14px;font-size:.88rem}.btn-lg{min-height:58px;padding:0 30px;font-size:1.05rem}.btn-block{width:100%}.btn .btn-arrow{transition:transform var(--duration-base) var(--ease-out)}.btn:hover .btn-arrow{transform:translate(4px)}.btn[data-loading=true]{color:#0000;pointer-events:none}.btn[data-loading=true]:after{content:"";border:2px solid var(--btn-fg);border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.link-arrow{border-bottom:1px solid var(--border-strong);transition:border-color var(--duration-fast), gap var(--duration-base) var(--ease-out);align-items:center;gap:8px;padding-bottom:2px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow:hover{border-color:var(--accent-text);gap:12px}.field{gap:8px;display:grid}.field-label{justify-content:space-between;gap:8px;font-size:.92rem;font-weight:600;display:flex}.field-label small{color:var(--muted);font-weight:400}.field-hint{font-size:var(--text-small);color:var(--muted)}.field-error{font-size:var(--text-small);color:var(--error);align-items:flex-start;gap:6px;display:flex}.input,.select,.textarea{border-radius:var(--radius-sm);background:var(--surface-elevated);border:1px solid var(--border-strong);width:100%;min-height:50px;color:var(--foreground);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:12px 16px}.textarea{resize:vertical;min-height:140px;line-height:1.6}.select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.input:hover,.select:hover,.textarea:hover{border-color:var(--foreground)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 35%, transparent);outline:none}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--error)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.55;cursor:not-allowed}.check{align-items:flex-start;gap:10px;font-size:.95rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--raw-lime-ink);flex:none;margin-top:2px}.form-grid{gap:var(--space-5);display:grid}@media (min-width:720px){.form-grid-2{grid-template-columns:1fr 1fr}}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.alert{--alert-color:var(--secondary-accent);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--alert-color) 45%, transparent);background:color-mix(in srgb, var(--alert-color) 10%, var(--surface));gap:12px;padding:16px 18px;font-size:.95rem;line-height:1.55;display:flex}.alert>svg{color:var(--alert-color);flex:none;margin-top:2px}.alert strong{margin-bottom:2px;display:block}.alert-success{--alert-color:var(--success)}.alert-warning{--alert-color:var(--warning)}.alert-error{--alert-color:var(--error)}.toast-region{z-index:var(--z-toast);left:50%;top:calc(var(--header-h) + 12px);pointer-events:none;gap:8px;width:min(92vw,440px);display:grid;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--radius-md);background:var(--raw-bone);color:var(--raw-graphite);box-shadow:var(--shadow-lg);animation:toast-in var(--duration-slow) var(--ease-out);align-items:center;gap:10px;padding:14px 18px;font-weight:500;display:flex}.toast[data-tone=error]{background:#ffe3df}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}}.badge{border-radius:var(--radius-pill);border:1px solid var(--border-strong);min-height:26px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-size:.7rem;display:inline-flex}.badge-accent{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.badge-solid{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.badge-tint{background:var(--surface-tint);color:var(--surface-tint-ink);border-color:#0000}.status{align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.status:before{content:"";background:var(--status-color,var(--muted));border-radius:50%;width:8px;height:8px}.status-requested,.status-pending,.status-pending_payment,.status-waitlisted,.status-draft{--status-color:var(--warning)}.status-confirmed,.status-paid,.status-active,.status-published,.status-completed{--status-color:var(--success)}.status-cancelled,.status-failed,.status-refunded,.status-hidden,.status-archived{--status-color:var(--error)}.status-rescheduled{--status-color:var(--secondary-accent)}.card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);flex-direction:column;display:flex;position:relative}.card-link{transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);text-decoration:none}.card-link:hover{border-color:var(--border-strong);transform:translateY(-3px)}.card-link:after{content:"";position:absolute;inset:0}.course-card{gap:var(--space-4);padding:10px 10px var(--space-5);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);grid-template-rows:auto 1fr;text-decoration:none;display:grid}.course-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.course-card-media{aspect-ratio:16/11;border-radius:calc(var(--radius-md) - 4px);background:var(--surface-sunken);position:relative;overflow:hidden}.course-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out)}.course-card:hover .course-card-media img{transform:scale(1.04)}.course-card-body{align-content:start;gap:10px;padding-inline:10px;display:grid}.course-card-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:1.4rem;font-weight:650;line-height:1.15}html:lang(th) .course-card-title{letter-spacing:0;line-height:1.32}.course-card:hover .course-card-title{text-decoration:underline;-webkit-text-decoration-color:var(--accent-text);text-decoration-color:var(--accent-text);text-underline-offset:.16em;text-decoration-thickness:2px}.course-card-meta{color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;gap:6px 14px;margin-top:4px;padding-top:10px;font-size:.86rem;display:flex}.course-card-meta .course-card-price{color:var(--foreground);margin-left:auto;font-weight:650}.cover-art{background:var(--raw-graphite);color:var(--raw-bone);isolation:isolate;grid-template-rows:auto 1fr auto;padding:18px 20px;display:grid;position:absolute;inset:0;overflow:hidden}.cover-art[data-tone="1"]{background:var(--raw-sage);color:var(--raw-graphite)}.cover-art[data-tone="2"]{background:var(--raw-lime);color:var(--raw-graphite)}.cover-art-top{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8;justify-content:space-between;gap:12px;font-size:.7rem;display:flex}.cover-art-index{font-family:var(--font-display);letter-spacing:-.07em;align-self:end;font-size:clamp(3.4rem,6vw,5.2rem);font-weight:700;line-height:.8}.cover-art-loop{z-index:-1;width:78%;color:var(--raw-lime);opacity:.9;position:absolute;bottom:8%;right:-6%}.cover-art[data-tone="1"] .cover-art-loop{color:var(--raw-lime-ink);opacity:.45}.cover-art[data-tone="2"] .cover-art-loop{color:var(--raw-graphite);opacity:.18}.resource-row{border-top:1px solid var(--border);gap:8px 24px;padding:22px 0;text-decoration:none;display:grid;position:relative}.resource-row:hover .resource-row-title{color:var(--accent-text)}.resource-row-title{font-family:var(--font-display);letter-spacing:-.015em;transition:color var(--duration-fast);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600;line-height:1.2}@media (min-width:800px){.resource-row{grid-template-columns:140px minmax(0,1fr) auto;align-items:baseline}}.plan-card{padding:var(--space-6);gap:var(--space-5);min-height:100%;box-shadow:var(--shadow-card)}.plan-card[data-highlight=true]{background:var(--raw-lime);color:var(--raw-graphite);border-color:var(--raw-lime);--muted:#2d3a17;--border:#0b0d0c2e;--border-strong:#0b0d0c66;--accent:var(--raw-graphite);--accent-foreground:var(--raw-lime);--accent-text:var(--raw-graphite);--foreground:var(--raw-graphite);--focus-ring:var(--raw-graphite)}.plan-price{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:700;line-height:1}.plan-price small{letter-spacing:0;color:var(--muted);font-size:1rem;font-weight:500}.plan-price-text{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.6rem;font-weight:600;line-height:1.1}.compare{border-collapse:collapse;width:100%;font-size:.95rem}.compare th,.compare td{border-bottom:1px solid var(--border);text-align:center;vertical-align:middle;min-width:120px;padding:16px 14px}.compare tbody th[scope=row],.compare thead th:first-child{background:var(--background);z-index:2;min-width:170px;max-width:46vw;box-shadow:1px 0 0 var(--border);position:sticky;left:0}.compare .compare-group th{box-shadow:none;position:static}.compare thead th:first-child{text-align:left;font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--muted);font-weight:500}.compare th[scope=row],.compare td:first-child{text-align:left;font-weight:500}.compare thead th{background:var(--background);z-index:1;font-family:var(--font-display);font-size:1.05rem}.compare .compare-group th{text-align:left;font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--muted);padding-top:28px}.compare-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);position:relative;overflow-x:auto}.compare td[data-on=true]{color:var(--accent-text)}.compare .is-current{background:color-mix(in srgb, var(--accent) 10%, transparent)}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{border-radius:var(--radius-pill);border:1px solid var(--border-strong);min-height:40px;transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);align-items:center;padding:0 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.tab:hover{border-color:var(--foreground)}.tab[aria-current=page],.tab[aria-selected=true],.tab[aria-pressed=true]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.accordion{border-top:1px solid var(--border)}.accordion details{border-bottom:1px solid var(--border)}.accordion summary{cursor:pointer;font-family:var(--font-display);padding:22px 48px 22px 0;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:600;line-height:1.35;list-style:none;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";transition:rotate var(--duration-base) var(--ease-out);font-size:1.6rem;font-weight:300;position:absolute;top:50%;right:6px;translate:0 -50%}.accordion details[open] summary:after{rotate:45deg}.accordion summary:hover{color:var(--accent-text)}.accordion .accordion-body{color:var(--muted);white-space:pre-line;max-width:70ch;padding:0 0 24px}.dialog{width:100%;max-width:min(92vw,520px);color:inherit;background:0 0;border:0;padding:0}.dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-panel{background:var(--surface-elevated);color:var(--foreground);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border);gap:var(--space-4);display:grid}.dialog[open] .dialog-panel{animation:toast-in var(--duration-base) var(--ease-out)}.empty{gap:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);justify-items:start;padding:clamp(28px,5vw,56px);display:grid}.empty .t-h3{max-width:36ch}.empty .cluster{margin-top:4px}.empty-mark{font-family:var(--font-display);letter-spacing:-.06em;color:var(--accent-text);font-size:3.4rem;font-weight:700;line-height:.8}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-elevated) 50%, var(--surface) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.pagination{padding-top:var(--space-6);border-top:1px solid var(--border);margin-top:var(--space-7);justify-content:space-between;align-items:center;gap:12px;display:flex}.filters{gap:var(--space-4);padding-block:var(--space-5);border-block:1px solid var(--border);display:grid}@media (min-width:900px){.filters{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr)) auto;align-items:end}}.locked{border-radius:var(--radius-lg);background:var(--raw-graphite);color:var(--raw-bone);isolation:isolate;--muted:var(--raw-ash);--foreground:var(--raw-bone);--border-strong:#f0f0e84d;--surface-elevated:var(--raw-graphite-3);--background:var(--raw-graphite);--accent-text:var(--raw-lime);--focus-ring:var(--raw-lime);padding:clamp(24px,4vw,44px);position:relative;overflow:hidden}.locked:before{content:"";aspect-ratio:1;z-index:-1;background:radial-gradient(circle,#b9ff3859,#0000 65%);width:70%;position:absolute;inset:auto -20% -60% auto}.preview-fade{max-height:260px;position:relative;overflow:hidden}.preview-fade:after{content:"";background:linear-gradient(transparent, var(--background));height:140px;position:absolute;inset:auto 0 0}.summary{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.summary dl{display:grid}.summary dl>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(110px,.6fr) 1fr;gap:12px;padding:14px 20px;display:grid}.summary dl>div:last-child{border-bottom:0}.summary dt{color:var(--muted);font-size:.9rem}.summary dd{white-space:pre-line;font-weight:500}.summary-total{border-top:1px solid var(--border-strong);font-family:var(--font-display);justify-content:space-between;align-items:baseline;padding:18px 20px;font-size:1.4rem;font-weight:700;display:flex}.list{border-top:1px solid var(--border)}.list-row{border-bottom:1px solid var(--border);align-items:center;gap:6px 20px;padding:18px 0;display:grid}@media (min-width:760px){.list-row{grid-template-columns:minmax(0,1fr) auto}}.list-row-title{font-weight:600}.list-row-meta{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:.9rem;display:flex}.avatar{background:var(--accent);width:40px;height:40px;color:var(--accent-foreground);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}
.motion-ok [data-reveal]:not(.is-revealed){opacity:0;animation:0s linear 2.5s forwards reveal-safety}@keyframes reveal-safety{to{opacity:1}}.line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.line>span{will-change:transform;display:block}.accent-line{color:var(--accent-text)}.site-header{z-index:var(--z-header);background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.announcement{background:var(--raw-graphite);color:var(--raw-bone);font-size:.86rem;line-height:1.45}.announcement .container-wide{text-align:center;justify-content:center;align-items:center;gap:10px;padding-block:9px;display:flex}.announcement .dot{background:var(--raw-lime);border-radius:50%;flex:none;width:7px;height:7px}.site-header-inner{height:var(--header-h);align-items:center;gap:var(--space-5);display:flex}.logo{flex:none;align-items:baseline;gap:10px;text-decoration:none;display:inline-flex}.logo-word{font-family:var(--font-display);letter-spacing:-.05em;font-size:1.45rem;font-weight:700}.logo-word:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:3px;display:inline-block}.logo-by{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:.66rem}.site-nav{margin-inline:auto}.site-nav ul{gap:2px;display:flex}.nav-link{border-radius:var(--radius-pill);min-height:40px;color:var(--muted);transition:color var(--duration-fast), background var(--duration-fast);align-items:center;padding:0 14px;font-size:.93rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--foreground);background:var(--background-alt)}.nav-link[aria-current=page]{color:var(--foreground);background:var(--background-alt);box-shadow:inset 0 -2px 0 var(--accent-text)}.site-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.locale-switch{border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px;display:inline-flex}.locale-switch button{border-radius:var(--radius-pill);min-width:40px;min-height:30px;color:var(--muted);padding:0 10px;font-size:.78rem;font-weight:600}.locale-switch button:hover{color:var(--foreground)}.locale-switch button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.menu-toggle{display:none}@media (max-width:1080px){.site-nav,.hide-mobile{display:none}.menu-toggle{display:inline-flex}.logo-by{display:none}}.mobile-nav{inset:var(--header-h) 0 0;z-index:var(--z-overlay);background:var(--background);padding:var(--space-6) var(--gutter) calc(var(--space-7) + env(safe-area-inset-bottom));justify-content:space-between;gap:var(--space-6);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.mobile-nav-primary{display:grid}.mobile-nav-primary li{border-bottom:1px solid var(--border);overflow:hidden}.mobile-nav-link{font-family:var(--font-display);letter-spacing:-.04em;align-items:baseline;gap:16px;padding:14px 0;font-size:clamp(2rem,9vw,3rem);font-weight:650;line-height:1.1;text-decoration:none;display:flex}.mobile-nav-link .t-meta{color:var(--muted);letter-spacing:.06em}.mobile-nav-link[aria-current=page]{color:var(--accent-text)}.mobile-nav-secondary{margin-top:var(--space-5);flex-wrap:wrap;gap:4px;display:flex}main{min-height:60vh;display:block}main:focus{outline:none}main{padding-bottom:96px}.page-header{gap:var(--space-5);padding-top:clamp(40px,7vw,104px);padding-bottom:clamp(32px,5vw,64px);display:grid;position:relative}.page-header:after{content:"";background:var(--border);height:1px;position:absolute;bottom:0;left:0;right:0}.page-header .t-lead{color:var(--muted)}.page-header .t-display{max-width:18ch}.site-footer{border-top:1px solid var(--border);padding:var(--space-8) 0 var(--space-7);background:var(--background);color:var(--foreground);overflow:hidden}.footer-word{font-family:var(--font-display);letter-spacing:-.07em;color:#0000;-webkit-text-stroke:1px var(--border-strong);margin-bottom:var(--space-7);-webkit-user-select:none;user-select:none;font-size:clamp(5rem,21vw,21rem);font-weight:700;line-height:.78}.footer-grid{gap:var(--space-6);display:grid}@media (min-width:800px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-grid ul{gap:6px;margin-top:12px;display:grid}.footer-grid a{color:var(--muted);text-decoration:none}.footer-grid a:hover,.footer-grid .link-arrow{color:var(--foreground)}.footer-legal{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border)}.launcher{z-index:var(--z-launcher);right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed}body:has(.sticky-bar) .launcher{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 84px)}.launcher-button{background:var(--raw-lime);width:60px;height:60px;color:var(--raw-graphite);box-shadow:0 10px 30px -8px #b9ff3880, var(--shadow-md);transition:transform var(--duration-base) var(--ease-out), background var(--duration-fast);border-radius:50%;place-items:center;display:grid}.launcher-button:hover{transform:scale(1.06)rotate(-6deg)}.launcher-button:active{transform:scale(.96)}.launcher-button:focus-visible{outline-color:var(--raw-bone);border-radius:50%}.launcher[data-open=true] .launcher-button{background:var(--raw-bone)}.launcher-panel{border-radius:var(--radius-lg);background:var(--raw-bone);width:min(300px,100vw - 32px);color:var(--raw-graphite);box-shadow:var(--shadow-lg);--focus-ring:var(--raw-blue-ink);padding:16px}.launcher-panel>.t-meta{color:var(--raw-ash-ink);padding:4px 8px 10px}.launcher-panel ul{gap:4px;display:grid}.launcher-item a{border-radius:var(--radius-md);transition:background var(--duration-fast);align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.launcher-item a:hover{background:var(--raw-bone-2)}.launcher-icon{background:var(--raw-graphite);width:40px;height:40px;color:var(--raw-lime);border-radius:50%;flex:none;place-items:center;display:grid}.launcher-label{font-weight:600;display:block}.launcher-helper{color:var(--raw-ash-ink);font-size:.8rem;display:block}@media (max-width:600px){.launcher-button{width:54px;height:54px}}.sticky-bar{z-index:var(--z-sticky);background:color-mix(in srgb, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:14px 0 calc(14px + env(safe-area-inset-bottom));position:sticky;bottom:0}.account-shell{gap:var(--space-6);padding-top:var(--space-7);display:grid}@media (min-width:960px){.account-shell{gap:var(--space-8);grid-template-columns:240px minmax(0,1fr)}}.account-nav ul{flex-wrap:wrap;gap:6px;display:flex}@media (min-width:960px){.account-nav ul{top:calc(var(--header-h) + 24px);flex-direction:column;position:sticky}}.account-nav .tab{justify-content:flex-start}.auth-shell{min-height:calc(100dvh - var(--header-h));display:grid}@media (min-width:960px){.auth-shell{grid-template-columns:1fr 1fr}}.auth-art{background:var(--raw-graphite-2);padding:var(--space-8);display:none;position:relative;overflow:hidden}@media (min-width:960px){.auth-art{flex-direction:column;justify-content:flex-end;display:flex}}.auth-art .t-mega{color:var(--raw-bone)}.auth-art svg{color:var(--raw-lime);width:100%;max-width:520px;margin-top:var(--space-5)}.auth-panel{padding:var(--space-8) var(--gutter);place-items:center;display:grid}.auth-card{gap:var(--space-5);width:min(100%,440px);display:grid}.divider{color:var(--muted);align-items:center;gap:12px;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}
.hero{padding:clamp(36px,6vw,88px) 0 clamp(56px,8vw,112px);position:relative;overflow:hidden}.hero-grid{align-items:center;gap:clamp(40px,6vw,72px);display:grid}.hero-copy{gap:var(--space-5);justify-items:start;display:grid}.hero-title{max-width:12ch}.hero-copy .t-lead{color:var(--muted);max-width:46ch}.hero-actions{margin-top:4px}@media (min-width:1000px){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.hero-visual{isolation:isolate;justify-self:center;width:100%;max-width:560px;padding:0 0 28px;display:grid;position:relative}.hero-plate,.hero-photo{aspect-ratio:4/5;border-radius:var(--radius-lg);grid-area:1/1;justify-self:end;width:78%;position:relative;overflow:hidden}.hero-plate{background:var(--raw-graphite);color:var(--raw-bone);grid-template-rows:auto 1fr;align-content:start;gap:18px;padding:clamp(20px,2.4vw,32px);display:grid}.hero-plate-meta{color:var(--raw-ash);justify-content:space-between;gap:12px;display:flex}.hero-plate-line{font-family:var(--font-display);letter-spacing:-.035em;max-width:10ch;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:650;line-height:1.05}html:lang(th) .hero-plate-line span{display:block}.hero-plate-line span{white-space:nowrap;display:inline-block}html:lang(th) .hero-plate-line{letter-spacing:-.01em;line-height:1.25}.hero-photo img{object-fit:cover}.hero-card{z-index:1;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:min(78%,360px);box-shadow:var(--shadow-lg);grid-area:1/1;align-self:end;margin-bottom:-4px;padding:8px 16px 10px}.hero-card-head{color:var(--muted);border-bottom:1px solid var(--border-strong);justify-content:space-between;padding:10px 0 8px;display:flex}.hero-card li+li{border-top:1px solid var(--border)}.hero-card a{grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:52px;text-decoration:none;display:grid}.hero-card a .t-meta{color:var(--accent-text)}.hero-card a svg{color:var(--muted);transition:transform var(--duration-base) var(--ease-out), color var(--duration-fast)}.hero-card a:hover svg{color:var(--foreground);transform:translate(2px,-2px)}.hero-card a:hover .hero-card-title{text-decoration:underline;-webkit-text-decoration-color:var(--accent-text);text-decoration-color:var(--accent-text);text-underline-offset:.18em}.hero-card-title{font-family:var(--font-display);font-size:1.12rem;font-weight:600}.hero-visual-loop{width:92%;color:var(--raw-lime);z-index:0;pointer-events:none;position:absolute;bottom:0;left:-4%}@media (max-width:999px){.hero-visual{justify-self:stretch;max-width:520px}.hero-plate,.hero-photo{aspect-ratio:auto;grid-area:1/1;width:100%;min-height:220px;padding-bottom:150px}.hero-photo{min-height:320px}.hero-card{grid-area:1/1;justify-self:end;width:min(88%,360px);margin-bottom:-130px;margin-right:12px}.hero-visual{margin-bottom:130px}.hero-visual-loop{bottom:-120px}}.section-alt{background:var(--background-alt)}.section-head{justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.section-head .t-h1{max-width:20ch}.category-strip{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border);gap:12px;display:grid}.category-strip ul{gap:8px}.instructor-grid{gap:var(--space-7);align-items:center;display:grid}@media (min-width:900px){.instructor-grid{gap:var(--space-9);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.instructor-media{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--surface-tint);max-width:520px;position:relative;overflow:hidden}.instructor-media img{object-fit:cover}.instructor-mark{color:var(--surface-tint-ink);grid-template-rows:1fr auto;padding:clamp(20px,3vw,32px);display:grid;position:absolute;inset:0}.instructor-mark span{font-family:var(--font-display);letter-spacing:-.08em;align-self:end;font-size:clamp(10rem,26vw,20rem);font-weight:700;line-height:.8}.instructor-mark small{font-family:var(--font-mono);letter-spacing:.08em;font-size:.75rem}.instructor-name{gap:2px;font-size:1.05rem;display:grid}.instructor-for{border-top:1px solid var(--border-strong);padding-top:var(--space-4);gap:6px;max-width:62ch;display:grid}.journey{border-top:1px solid var(--border-strong);gap:0;display:grid}@media (min-width:760px){.journey{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.journey{grid-template-columns:repeat(4,1fr)}}.journey li{padding:var(--space-5) var(--space-5) var(--space-6) 0;border-bottom:1px solid var(--border);align-content:start;gap:10px;display:grid}@media (min-width:1100px){.journey li{border-bottom:0;border-right:1px solid var(--border);padding-left:var(--space-5)}.journey li:first-child{padding-left:0}.journey li:last-child{border-right:0}}.journey-k{background:var(--accent);width:44px;height:44px;color:var(--accent-foreground);font-family:var(--font-mono);border-radius:50%;place-items:center;margin-bottom:8px;font-size:.8rem;font-weight:600;display:grid}.journey li:not(:first-child) .journey-k{color:var(--foreground);border:1px solid var(--border-strong);background:0 0}.consult-grid{gap:var(--space-8);align-items:start;display:grid}@media (min-width:960px){.consult-grid{gap:var(--space-9);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.consult-list-label{margin-bottom:12px}.consult-list{border-top:1px solid var(--border-strong)}.consult-list a{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:6px 16px;padding:20px 0;text-decoration:none;display:grid}.consult-list a>svg{transition:transform var(--duration-base) var(--ease-out);grid-area:1/2/span 2}.consult-list a:hover>svg{color:var(--accent-text);transform:translate(4px)}.consult-name{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600}.consult-meta{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:.92rem;display:flex}.consult-meta span{align-items:center;gap:6px;display:inline-flex}.steps{border-top:1px solid var(--border);display:grid}.steps li{border-bottom:1px solid var(--border);align-items:baseline;gap:16px;padding:14px 0;display:flex}.steps .t-meta{color:var(--accent-text)}.plan-strip{gap:var(--space-4);display:grid}@media (min-width:800px){.plan-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.plan-strip a{min-height:220px;padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base);align-content:space-between;gap:8px;text-decoration:none;display:grid}.plan-strip a:hover{border-color:var(--foreground);transform:translateY(-4px)}.plan-strip li[data-highlight=true] a{background:var(--raw-graphite);color:var(--raw-bone);border-color:var(--raw-graphite);--muted:var(--raw-ash)}.plan-strip-name{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.8rem;font-weight:700}.plan-strip-price{font-family:var(--font-display);font-size:1.35rem;font-weight:600}.plan-strip-price small{color:var(--muted);font-size:.85rem;font-weight:500}.models{gap:var(--space-4);display:grid}@media (min-width:860px){.models{grid-template-columns:repeat(3,1fr)}}.model{padding:var(--space-6) var(--space-5);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);align-content:start;gap:10px;display:grid}.model-k{font-family:var(--font-display);letter-spacing:-.06em;color:var(--accent-text);font-size:2.6rem;font-weight:700;line-height:1}.model .status{margin-top:6px}.duo{gap:var(--space-8);display:grid}@media (min-width:960px){.duo{gap:var(--space-9);grid-template-columns:1fr 1fr}}.duo-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.duo-empty{padding:var(--space-5) 0;border-top:1px solid var(--border);color:var(--muted)}.thread-compact{grid-template-columns:1fr!important}.duo .resource-row{grid-template-columns:1fr}.final-cta{padding:var(--section-y) 0 var(--space-9)}.final-cta-inner{background:var(--raw-lime);color:var(--raw-graphite);border-radius:var(--radius-lg);gap:var(--space-5);--muted:#2d3a17;--border-strong:#0b0d0c66;--accent-text:var(--raw-graphite);--focus-ring:var(--raw-graphite);justify-items:start;padding:clamp(36px,7vw,96px);display:grid;position:relative;overflow:hidden}.final-cta-inner .t-display{max-width:16ch}.final-cta-inner .t-lead{color:#2d3a17}.final-btn{--btn-bg:var(--raw-graphite);--btn-fg:var(--raw-lime);--btn-border:var(--raw-graphite)}.final-btn:hover{--btn-bg:var(--raw-paper);--btn-fg:var(--raw-graphite);--btn-border:var(--raw-paper)}.pillars{margin-top:var(--space-9);border-top:1px solid var(--border-strong);display:grid}@media (min-width:900px){.pillars{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.pillar{padding:var(--space-5) var(--space-5) var(--space-6) 0;border-bottom:1px solid var(--border);align-content:start;gap:10px;display:grid}@media (min-width:900px){.pillar{border-bottom:0;border-right:1px solid var(--border);padding-left:var(--space-5)}.pillar:first-child{padding-left:0}.pillar:last-child{border-right:0}}.pillar-k{font-family:var(--font-display);letter-spacing:-.06em;color:var(--accent-text);font-size:3.6rem;font-weight:700;line-height:1}.course-hero{gap:var(--space-6);padding-top:clamp(40px,7vw,96px);display:grid}@media (min-width:1000px){.course-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}}.course-cover{aspect-ratio:5/4;border-radius:var(--radius-lg);background:var(--surface-elevated);position:relative;overflow:hidden}.course-cover img{object-fit:cover}.facts{border-top:1px solid var(--border-strong);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.facts div{border-bottom:1px solid var(--border);padding:16px 16px 16px 0}.facts dt{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--muted)}.facts dd{margin-top:4px;font-weight:600}.course-body{gap:var(--space-8);display:grid}@media (min-width:1000px){.course-body{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}.course-aside{gap:var(--space-4);top:calc(var(--header-h) + 24px);display:grid;position:sticky}.objectives{counter-reset:obj;gap:12px;display:grid}.objectives li{counter-increment:obj;border-top:1px solid var(--border);grid-template-columns:48px 1fr;gap:12px;padding:14px 0;display:grid}.objectives li:before{content:counter(obj, decimal-leading-zero);font-family:var(--font-mono);color:var(--accent-text);padding-top:3px;font-size:.85rem}.curriculum-section{border-top:1px solid var(--border-strong);padding:18px 0}.curriculum-section ol{color:var(--muted);gap:6px;margin-top:10px;padding-left:1.2em;display:grid}.compare-panel{margin-top:var(--space-8)}.compare-panel .compare th,.compare-panel .compare td{background-clip:padding-box}.plans-grid{gap:var(--space-4);align-items:stretch;display:grid}@media (min-width:760px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.plan-card ul{gap:10px;display:grid}.plan-card li{align-items:flex-start;gap:10px;font-size:.95rem;display:flex}.plan-card li svg{color:var(--accent-text);flex:none;margin-top:3px}.plan-card .btn{margin-top:auto}.stepper{counter-reset:step;flex-wrap:wrap;gap:6px;display:flex}.stepper li{counter-increment:step;color:var(--muted);border-radius:var(--radius-pill);border:1px solid var(--border);align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:.82rem;display:flex}.stepper li:before{content:counter(step);background:var(--surface-elevated);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:grid}.stepper li[aria-current=step]{color:var(--foreground);border-color:var(--foreground)}.stepper li[aria-current=step]:before{background:var(--accent);color:var(--accent-foreground)}.stepper li[data-done=true]:before{content:"✓";background:var(--foreground);color:var(--background)}.choice-grid{gap:var(--space-3);display:grid}@media (min-width:760px){.choice-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.choice{text-align:left;padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);width:100%;transition:border-color var(--duration-fast), background var(--duration-fast), transform var(--duration-fast);gap:8px;display:grid}.choice:hover{border-color:var(--foreground)}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}.choice:active{transform:scale(.995)}.choice-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.slot-days{gap:var(--space-5);display:grid}.slot-day h3{margin-bottom:10px;font-size:.95rem}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.slot{border-radius:var(--radius-sm);border:1px solid var(--border-strong);font-variant-numeric:tabular-nums;min-height:44px;transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);font-weight:600}.slot:hover{border-color:var(--foreground)}.slot[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.booking-done{text-align:left;gap:var(--space-5);justify-items:start;display:grid}.booking-ref{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-text);font-size:clamp(1.6rem,4vw,2.4rem)}.article-head{gap:var(--space-5);padding-top:clamp(40px,7vw,96px);padding-bottom:var(--space-7);display:grid}.article-cover{aspect-ratio:16/8;border-radius:var(--radius-lg);margin-bottom:var(--space-7);position:relative;overflow:hidden}.article-cover img{object-fit:cover}.thread{border-top:1px solid var(--border);gap:8px 24px;padding:22px 0;text-decoration:none;display:grid}@media (min-width:800px){.thread{grid-template-columns:minmax(0,1fr) 140px;align-items:center}}.thread:hover .thread-title{color:var(--accent-text)}.thread-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.3rem;font-weight:600;line-height:1.25}.thread-count{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.8rem;font-weight:700}.reply{border-top:1px solid var(--border);grid-template-columns:40px 1fr;gap:14px;padding:20px 0;display:grid}.reply-body{white-space:pre-line}.dash-grid{gap:var(--space-4);display:grid}@media (min-width:900px){.dash-grid{grid-template-columns:repeat(6,1fr)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}}.dash-card{padding:var(--space-5);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);gap:var(--space-3);align-content:start;display:grid}.dash-card h2{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--muted);font-weight:500}.dash-big{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:650;line-height:1.15}.welcome{font-family:var(--font-display);font-size:var(--text-h1);letter-spacing:-.04em;font-weight:650;line-height:1.02}html:lang(th) .welcome{letter-spacing:-.01em;line-height:1.2}.center-page{text-align:center;min-height:70vh;padding:var(--space-9) var(--gutter);place-items:center;display:grid}.center-page .t-mega{color:var(--accent-text)}.intro .split{align-items:start}.intro .split .eyebrow{padding-top:.9em}.thread>.stack{justify-items:start;gap:6px;display:grid}.thread>.stack>*+*{margin-top:0}.resource-row .badge{justify-self:start}