:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f6f0;color:#11120f;--bg: #f7f6f0;--ink: #11120f;--muted: #66695f;--line: #ddd9ca;--line-strong: #beb7a5;--surface: #ffffff;--paper: #fbfaf4;--lime: #bbff4a;--lime-strong: #9df928;--lime-ink: #1d2a06;--soft: #ede9dc;--shadow: 0 18px 48px rgba(17, 18, 15, .09);--shadow-hard: 8px 8px 0 rgba(17, 18, 15, .96);--radius: 8px;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(rgba(17,18,15,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,15,.035) 1px,transparent 1px),var(--bg);background-size:32px 32px}body::selection{color:var(--lime-ink);background:var(--lime)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{touch-action:manipulation}:focus-visible{outline:3px solid rgba(157,249,40,.95);outline-offset:3px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-160%);border:1px solid var(--ink);border-radius:var(--radius);padding:10px 14px;background:var(--lime);color:var(--lime-ink);font-weight:850;transition:transform .18s var(--ease)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:42px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(18px,4vw,56px);border-bottom:1px solid rgba(17,18,15,.08);background:#f7f6f0e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-links,.footer nav{display:flex;align-items:center;gap:14px}.brand{font-weight:800}.brand-mark{width:18px;height:18px;border:2px solid var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--ink)}.nav-links,.footer nav{color:var(--muted);font-size:.92rem;font-weight:650}.nav-links a,.footer a{min-height:44px;display:inline-flex;align-items:center}.section{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:clamp(56px,8vw,104px) 0}.sale-banner{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:14px;min-height:42px;padding:7px 18px;color:var(--lime-ink);background:var(--lime);border-bottom:1px solid rgba(17,18,15,.14);font-size:.88rem;font-weight:850;box-shadow:0 1px #11120f14}.sale-banner span{color:#1d2a06b8}.sale-banner .countdown.compact{display:flex;align-items:center;gap:8px;border:0;padding:0;background:transparent;color:var(--lime-ink);box-shadow:none}.sale-banner.pre-sale .countdown.compact{justify-content:center}.sale-banner .countdown.compact .countdown-label{display:none}.sale-banner .countdown.compact .countdown-accent{color:#1d2a06c7;font-size:.82rem;font-weight:850}.sale-banner .countdown.compact .time-grid{display:flex;gap:4px}.sale-banner .countdown.compact .time-cell{min-height:26px;min-width:42px;border-color:#1d2a0638;background:#ffffff47}.sale-banner .countdown.compact .time-cell strong{font-size:.86rem}.sale-banner .countdown.compact .time-cell small{color:#1d2a06b3;font-size:.58rem}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.68fr);align-items:center;gap:clamp(52px,8vw,112px);min-height:calc(100dvh - 108px);padding-top:clamp(40px,7vw,84px)}.hero-copy{position:relative;z-index:2}.hero h1{margin:0;max-width:760px;font-size:clamp(3.25rem,10vw,7.5rem);line-height:.88;letter-spacing:0}.page-hero h1,.form-page h1,.success-page h1,.library-page h1{margin:0;max-width:760px;font-size:clamp(3rem,7vw,5.8rem);line-height:.96;letter-spacing:0}:lang(th) .hero h1{line-height:1.02}:lang(th) .page-hero h1,:lang(th) .form-page h1,:lang(th) .success-page h1,:lang(th) .library-page h1{max-width:680px;font-size:clamp(3rem,6vw,5rem);line-height:1.08}.hero p,.page-hero p,.form-page p,.success-page p,.library-page p,.section-heading p{color:var(--muted);font-size:clamp(1.02rem,2vw,1.25rem);line-height:1.65}.hero-copy>p{max-width:640px;margin:28px 0}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.button{min-height:52px;border:1px solid var(--ink);border-radius:var(--radius);padding:14px 20px;cursor:pointer;font-weight:800;line-height:1;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;will-change:transform}.button:hover{transform:translate(-2px,-2px)}.button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button:disabled{cursor:wait;opacity:.72}.button.primary{color:var(--lime-ink);background:linear-gradient(180deg,var(--lime),var(--lime-strong));box-shadow:5px 5px 0 var(--ink)}.checkout-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}.payment-modal-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:#12120f7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modal-scrim-in .18s var(--ease)}.payment-modal{display:flex;width:min(100%,430px);flex-direction:column;gap:14px;border:1px solid var(--ink);border-radius:8px;padding:22px;color:var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);animation:modal-panel-in .22s var(--ease)}.payment-modal-kicker{color:#3d430f;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.payment-modal-title{font-size:1.5rem;font-weight:950;line-height:1.05}.payment-options{display:grid;gap:10px}.payment-option{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;width:100%;min-height:76px;border:1px solid var(--line-strong);border-radius:8px;padding:12px;color:var(--ink);background:#fffef9;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.payment-option:hover{transform:translate(-1px,-1px);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.payment-option.recommended{border-color:var(--lime-ink);background:#eaffc5}.payment-option strong,.payment-option small{display:block}.payment-option strong{font-size:1rem;font-weight:900}.payment-option small{margin-top:3px;color:#4e5347;font-size:.82rem;font-weight:700}.payment-option-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:8px;color:var(--lime-ink);background:var(--lime);box-shadow:3px 3px 0 var(--ink);font-size:.8rem;font-weight:950}.payment-option-icon.card-icon{color:var(--paper);background:var(--ink)}.payment-modal-close{min-height:42px;border:0;color:#43473f;background:transparent;font:inherit;font-weight:850;cursor:pointer}.region-selector,.language-selector{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:.88rem;font-weight:750}.region-selector select,.language-selector select{min-height:40px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:0 34px 0 12px;color:var(--ink);background:#ffffffb8;font:inherit;cursor:pointer;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.region-selector select:hover,.language-selector select:hover{border-color:var(--ink);box-shadow:3px 3px #11120f2e}.region-selector.compact,.language-selector{min-height:36px;gap:5px}.region-selector.compact select,.language-selector select{min-height:34px;max-width:118px;padding-left:8px;font-size:.84rem}.inline-error{color:#b83232;font-size:.86rem}.hero-price{display:inline-flex;align-items:baseline;gap:10px;font-size:1.1rem}.hero-price span,.old-price{color:var(--muted);text-decoration:line-through}.hero-price strong,.price-row strong{font-size:2rem}.payment-note{margin:-8px 0 18px;color:var(--muted);font-size:.94rem;font-weight:650}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px;margin:34px 0 0}.hero-proof div{border-top:1px solid var(--line-strong);padding-top:12px}.hero-proof dt{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:900}.hero-proof dd{margin:4px 0 0;color:var(--muted);line-height:1.35}.hero-visual{position:relative;justify-self:end;width:min(100%,520px);min-height:456px;border:1px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:linear-gradient(rgba(247,246,240,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(247,246,240,.04) 1px,transparent 1px),#151612;background-size:24px 24px;box-shadow:var(--shadow-hard);animation:float-in .42s var(--ease) both}.hero-visual-top{position:absolute;top:18px;right:18px;left:18px;z-index:2;display:flex;justify-content:space-between;gap:12px;color:#f7f6f0;font-weight:850}.hero-visual-top strong{color:var(--lime)}.waveform{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:34px;opacity:.84}.waveform i{display:block;width:9px;border-radius:999px;background:linear-gradient(var(--lime),#f7f6f0);animation:wave-pulse 1.65s ease-in-out infinite alternate}.waveform i:nth-child(3n){animation-delay:90ms}.waveform i:nth-child(4n){animation-delay:.16s}.waveform i:nth-child(5n){animation-delay:.24s}.folder-stack{position:absolute;right:24px;bottom:24px;left:24px;display:grid;gap:10px}.folder-stack span,.folder-stack strong{display:block;border:1px solid rgba(247,246,240,.18);border-radius:var(--radius);padding:14px 16px;color:#f7f6f0;background:#f7f6f014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line);box-shadow:var(--shadow)}.proof-strip div{display:grid;gap:6px;min-height:128px;padding:22px;background:#ffffffc7}.proof-strip strong{font-size:1.05rem}.proof-strip span{color:var(--muted);line-height:1.55}.folder-stack strong{color:var(--lime)}.section-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(220px,.5fr);gap:28px;align-items:end;margin-bottom:32px}.section-heading h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.audio-grid,.inside-list,.faq-list,.library-list{display:grid;gap:14px}.audio-grid{grid-template-columns:minmax(0,1fr);max-width:760px}.audio-card,.product-card,.library-row,.retrieve-form,details{border:1px solid var(--line);border-radius:var(--radius);background:#fffc;box-shadow:0 1px #11120f0a}.audio-card{display:flex;gap:16px;min-height:112px;padding:18px;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.audio-card>div{flex:1}.audio-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow)}.audio-card button{flex:0 0 46px;width:48px;height:48px;border:1px solid var(--ink);border-radius:999px;background:var(--lime);cursor:pointer}.audio-card button span{display:block;width:0;height:0;margin:0 auto;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:13px solid var(--ink)}.audio-card h3{margin:0;font-size:1rem}.audio-card p{margin:6px 0 12px;color:var(--muted);font-size:.92rem;line-height:1.35}.audio-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.audio-card-title small{color:var(--muted);font-variant-numeric:tabular-nums}.mini-wave{height:32px;background:repeating-linear-gradient(90deg,var(--ink) 0 3px,transparent 3px 8px);opacity:.22;animation:wave-slide 1.8s linear infinite}.inside-list{grid-template-columns:repeat(3,minmax(0,1fr))}.inside-list article{min-height:168px;border-top:1px solid var(--ink);padding-top:16px}.inside-list article span{display:block;width:28px;height:6px;margin-bottom:18px;background:var(--lime);box-shadow:4px 4px 0 var(--ink)}.inside-list h3{margin:0 0 8px;font-size:1.05rem}.inside-list p{margin:0;color:var(--muted);line-height:1.5}.countdown{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--ink);border-radius:var(--radius);padding:clamp(18px,4vw,34px);background:var(--ink);color:#f7f6f0;box-shadow:var(--shadow-hard);scroll-margin-top:118px}.sale-section{scroll-margin-top:118px}@keyframes modal-scrim-in{0%{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes float-in{0%{opacity:0;transform:translateY(18px) scale(.98)}}@keyframes wave-pulse{to{opacity:.68;transform:scaleY(.82)}}@keyframes wave-slide{to{background-position-x:24px}}.countdown-label,.countdown-accent{margin:0}.countdown-label{font-size:clamp(1.4rem,4vw,2.6rem);font-weight:850}.countdown-accent{color:var(--lime)}.time-grid{display:grid;grid-template-columns:repeat(4,76px);gap:8px}.time-cell{display:grid;place-items:center;min-height:72px;border:1px solid rgba(247,246,240,.2);border-radius:var(--radius);font-variant-numeric:tabular-nums}.time-cell strong{font-size:1.45rem}.time-cell small{color:#f7f6f0a8}.product-card{display:grid;grid-template-columns:.82fr 1fr;gap:clamp(22px,4vw,42px);padding:clamp(16px,2.5vw,24px);box-shadow:var(--shadow-hard)}.product-card.compact{max-width:760px}.pack-art{display:grid;min-height:360px;place-items:end start;border:1px solid var(--ink);border-radius:var(--radius);padding:22px;color:var(--lime);background:radial-gradient(circle at 20% 20%,rgba(187,255,74,.26),transparent 32%),linear-gradient(rgba(247,246,240,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(247,246,240,.035) 1px,transparent 1px),#171814;background-size:auto,24px 24px,24px 24px}.pack-art span{font-size:clamp(2.8rem,8vw,6rem);font-weight:900;line-height:.9}.pack-art-copy{display:grid;gap:8px}.pack-art-copy small,.pack-art-copy em{color:#f7f6f0c2;font-style:normal;font-weight:800}.product-copy h2,.library-row h2{margin:0 0 8px;font-size:clamp(1.6rem,4vw,3rem)}.product-lede{max-width:520px;color:var(--muted);line-height:1.6}.product-copy ul{display:grid;gap:9px;padding-left:20px;color:var(--muted)}.price-row{display:flex;align-items:baseline;gap:12px;margin:20px 0}.price-row small{color:var(--muted);font-weight:800}.purchase-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.purchase-notes span{border:1px solid var(--line);border-radius:var(--radius);padding:10px;color:var(--muted);font-size:.85rem;font-weight:750;line-height:1.25;background:#f7f6f0b8}.workflow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none;counter-reset:workflow}.workflow-list li{counter-increment:workflow;display:grid;gap:12px;align-content:start;min-height:190px;border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fffc}.workflow-list li:before{content:counter(workflow,decimal-leading-zero);width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:999px;background:var(--lime);color:var(--lime-ink);font-weight:900}.workflow-list strong{font-size:1.18rem}.workflow-list span{color:var(--muted);line-height:1.55}details{padding:18px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}details[open]{border-color:var(--line-strong);box-shadow:var(--shadow)}summary{cursor:pointer;font-weight:800;min-height:44px;display:flex;align-items:center}details p{margin-bottom:0;color:var(--muted);line-height:1.6}.page-hero,.form-page,.success-page,.library-page{min-height:58vh}.form-page{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,.46fr);align-items:start;gap:clamp(32px,5vw,72px)}.retrieve-form{display:grid;gap:12px;padding:18px}.retrieve-form label{font-weight:800}.retrieve-form input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);padding:0 14px;background:#fff}.retrieve-form input:focus{border-color:var(--ink)}.form-message,.muted{color:var(--muted)}.library-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px}.library-row p{margin:0}.footer{display:flex;justify-content:space-between;gap:20px;width:min(1120px,calc(100% - 36px));margin:0 auto;padding:36px 0 48px;border-top:1px solid var(--line)}.footer p{margin:6px 0 0;color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:860px){.site-header{top:72px}.sale-banner{flex-wrap:wrap;gap:4px 10px;min-height:72px}.sale-banner .countdown.compact{width:100%;justify-content:center}.hero,.section-heading,.form-page,.product-card,.proof-strip,.workflow-list{grid-template-columns:1fr}.hero{min-height:auto;gap:34px}.hero-visual{justify-self:center;width:min(100%,480px);min-height:330px;box-shadow:5px 5px 0 var(--ink)}.hero-proof{grid-template-columns:1fr;gap:16px}.audio-grid,.inside-list{grid-template-columns:1fr}.countdown,.library-row,.footer{align-items:stretch;flex-direction:column}.time-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card,.countdown{box-shadow:5px 5px 0 var(--ink)}.purchase-notes{grid-template-columns:1fr}.proof-strip div,.workflow-list li{min-height:auto}}@media(max-width:560px){.site-header{top:104px;align-items:flex-start;flex-direction:column;gap:12px;padding-inline:18px}.nav-links{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:10px}.sale-banner{min-height:104px;align-items:center;flex-direction:column;gap:4px;text-align:center}.sale-banner .countdown.compact .countdown-accent{display:none}.sale-banner .countdown.compact .time-grid{width:100%;justify-content:center}.sale-banner .countdown.compact .time-cell{min-height:34px;min-width:38px}.sale-banner .countdown.compact .time-cell strong{font-size:1rem}.sale-banner .countdown.compact .time-cell small{font-size:.62rem}.hero h1{font-size:clamp(3rem,15vw,3.6rem);line-height:.92}.page-hero h1,.form-page h1,.success-page h1,.library-page h1{font-size:clamp(2.7rem,14vw,3.4rem);line-height:.98}:lang(th) .hero h1,:lang(th) .page-hero h1,:lang(th) .form-page h1,:lang(th) .success-page h1,:lang(th) .library-page h1{line-height:1.1}.button,.checkout-wrap,.hero-actions{width:100%}.audio-card{align-items:center}.time-cell{min-height:58px}.section{width:min(100% - 32px,1120px);padding:52px 0}.hero{padding-top:34px}.hero-copy>p{margin:20px 0}.hero-proof{margin-top:28px}.sale-banner{font-size:.82rem;line-height:1.25}.hero-visual-top{top:14px;right:14px;left:14px}.folder-stack{right:14px;bottom:14px;left:14px}.folder-stack span,.folder-stack strong{padding:12px}.waveform{gap:5px;padding:22px}.waveform i{width:6px}.audio-card{min-height:116px}.audio-card-title{align-items:flex-start;flex-direction:column;gap:2px}.inside-list article{min-height:auto;padding-bottom:20px}.countdown-label{font-size:1.28rem}.time-cell strong{font-size:1.1rem}.pack-art{min-height:280px}.footer nav{align-items:flex-start;flex-direction:column;gap:4px}}
