@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Kanit:wght@400;600;700&family=Sarabun:wght@400;600;700&display=swap";:root{--yellow: #f5c200;--yellow-ink: #9a7700;--dark: #1a1a1a;--page: #ffffff;--surface: #f8f9fa;--border: #e5e7eb;--muted: #6b7280;--amber-bg: #fffbeb;--photo: #374151;--kanit: "Kanit", sans-serif;--sarabun: "Sarabun", sans-serif;--mono: "JetBrains Mono", monospace;--maxw: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--dark);background:var(--page);font-family:var(--sarabun);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3,p{margin-top:0}.wrap{width:min(100% - 48px,var(--maxw));margin-inline:auto}.nav{position:sticky;top:0;z-index:50;height:64px;background:var(--dark)}.nav__inner,.foot{display:flex;width:min(100% - 48px,var(--maxw));height:100%;margin-inline:auto;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand__logo{display:block;width:44px;height:44px;flex:none}.brand__logo img{display:block;width:100%;height:100%;object-fit:contain}.brand__name{font-family:var(--kanit);font-size:20px;font-weight:700}.brand__dot,.nav__badge:hover,.foot a:hover{color:var(--yellow)}.nav__badge{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 16px 7px;border:1.5px solid rgb(255 255 255 / 82%);border-radius:999px;color:#fff;background:#ffffff0a;font-family:var(--kanit);font-size:18px;font-weight:700;letter-spacing:.2px;line-height:1;text-decoration:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}.nav__badge:hover{border-color:var(--yellow);background:#f5c2001a;transform:translateY(-1px)}.hero{padding:72px 0 80px}.hero__grid{display:grid;grid-template-columns:55fr 45fr;gap:56px;align-items:center}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--muted);font-size:13.5px;font-weight:600}.hero__eyebrow:before{width:8px;height:8px;border-radius:999px;background:var(--yellow);content:""}.hero h1{margin-bottom:20px;font-family:var(--kanit);font-size:clamp(38px,5vw,48px);line-height:1.18}.hero__sub{max-width:430px;color:#374151;font-size:19px;line-height:1.65}.hero__prep{display:flex;flex-wrap:wrap;gap:10px;max-width:520px;margin:24px 0 12px}.hero__prep span{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #ece1a8;border-radius:999px;background:#fff8dc;color:#5b4a1a;font-size:13px;font-weight:600;line-height:1.3}.btn{display:inline-flex;margin-top:12px;padding:13px 26px;border-radius:6px;color:var(--dark);background:var(--yellow);font-family:var(--kanit);font-size:17px;font-weight:700;text-decoration:none}.hero__links{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.photo-placeholder{display:flex;aspect-ratio:16 / 9;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--photo)}.photo-placeholder--proof{aspect-ratio:4 / 3}.photo-placeholder span{padding:6px 12px;border:1px dashed #6b7280;border-radius:4px;color:#cbd5e1;font-family:var(--mono);font-size:11px;letter-spacing:1.5px}.proof__caption{margin-top:14px;color:var(--muted);font-family:var(--mono);font-size:13px}.about,.puzzle-intro,.playbooks{padding:80px 0;border-top:1px solid var(--border)}.about__inner{max-width:760px}.kicker{margin-bottom:14px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.about h2,.section-head h2{font-family:var(--kanit);font-size:30px;line-height:1.3}.about p{color:#374151;font-size:19px}.about__lead{margin-bottom:14px}.about__support{max-width:680px;margin-bottom:18px;color:#4b5563;font-size:17px}.puzzle-intro{background:#fffdf5}.puzzle-intro__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:48px;align-items:center}.puzzle-intro__copy h2{margin-bottom:16px;font-family:var(--kanit);font-size:30px;line-height:1.3}.puzzle-intro__copy p:last-child{margin-bottom:0;color:#374151;font-size:18px}.puzzle-intro__lead{margin-bottom:18px;color:#374151;font-size:18px}.puzzle-intro__note{max-width:560px;padding:18px 20px;margin-bottom:18px;border-left:3px solid var(--yellow);border-radius:0 10px 10px 0;background:#fff8dcd9}.puzzle-intro__note strong{display:block;margin-bottom:8px}.puzzle-intro__note p{margin-bottom:0;color:#4b5563;font-size:16px}.puzzle-intro .puzzle-box{margin-bottom:0}.playbooks{background:var(--surface)}.section-head{display:flex;gap:24px;align-items:baseline;justify-content:space-between;margin-bottom:36px}.section-head h2{margin-bottom:0}.section-head span{color:var(--muted);font-size:14px}.teaser-note{max-width:720px;margin:-18px 0 28px;color:#4b5563;font-size:16px}.section-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.card{display:flex;min-height:260px;padding:24px;flex-direction:column;border:1px solid var(--border);border-radius:8px;color:var(--dark);background:#fff;box-shadow:0 1px 3px #00000014;text-decoration:none}.card--soon{opacity:.5}.card__category{margin-bottom:10px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.card h3{margin-bottom:10px;font-family:var(--kanit);font-size:20px;line-height:1.35}.card p{color:#4b5563;font-size:15px;line-height:1.6}.card__meta{display:flex;gap:18px;padding-top:14px;margin-top:auto;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.text-link{display:inline-block;margin-top:18px;color:var(--yellow-ink);font-weight:600;text-decoration:none}.text-link--inline{margin-top:0}.text-link:hover{text-decoration:underline}footer{height:104px;background:var(--dark)}.foot{color:#9ca3af;font-size:14px}.foot__links{display:flex;gap:18px;align-items:center}.foot a{text-decoration:none}.playbook-shell{display:grid;grid-template-columns:minmax(0,700px) 280px;gap:48px;justify-content:center;width:min(100% - 32px,var(--maxw));padding:40px 0 80px;margin-inline:auto}.breadcrumb{margin-bottom:22px;color:var(--muted);font-size:14px}.breadcrumb a{color:var(--muted);text-decoration:none}.playbook h1{margin-bottom:24px;font-family:var(--kanit);font-size:40px;line-height:1.22}.intro{color:#374151;font-size:18px}.updated{padding:14px 0;margin:28px 0 36px;border-block:1px solid var(--border);color:var(--muted);font-size:14px}.build-box,.puzzle-box,.recap{padding:24px;margin-bottom:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.puzzle-box{background:#fff}.puzzle-box h2,.build-box h2,.recap h2,.related h2{font-family:var(--kanit);font-size:22px;line-height:1.35}.puzzle-box p,.recap p{color:var(--muted);font-size:14.5px;line-height:1.6}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.puzzle-piece{padding:12px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);text-align:center}.puzzle-piece--active{border-color:var(--yellow);background:var(--amber-bg)}.puzzle-piece--goal{border-style:dashed}.puzzle-piece__label{display:block;font-family:var(--kanit);font-size:14px;font-weight:600}.puzzle-piece__text{display:block;color:var(--muted);font-size:11.5px;line-height:1.4}.build-box .photo-placeholder{margin-bottom:20px}.build-box li{margin-bottom:8px;color:#374151;font-size:16px}.playbook-content h2{padding:12px 20px;margin-top:44px;border-radius:6px 6px 0 0;color:#fff;background:var(--dark);font-family:var(--kanit);font-size:19px}.playbook-content p,.playbook-content li{color:#1f2937}.playbook-content pre{overflow-x:auto;padding:16px 18px;border-radius:6px;color:#e5e7eb;background:#0f1115;font-family:var(--mono);font-size:14px;line-height:1.7}.playbook-content details{padding:12px 16px;margin:20px 0;border-left:3px solid var(--yellow);border-radius:0 6px 6px 0;color:#5b4a1a;background:var(--amber-bg)}.playbook-content summary{color:#92660a;cursor:pointer;font-weight:600}.recap{margin-top:48px;background:#fff}.recap__item{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-top:1px solid var(--border)}.recap__item:first-of-type{border-top:0}.recap__name{flex:1;font-weight:600}.recap__price{color:var(--muted);font-family:var(--mono);font-size:13px}.sidebar{align-self:start}.sidebar__inner{position:sticky;top:80px;padding:24px;border-left:2px solid var(--border);border-radius:0 6px 6px 0;background:var(--surface)}.sidebar__section+.sidebar__section{padding-top:22px;margin-top:22px;border-top:1px solid var(--border)}.sidebar h2{color:var(--muted);font-size:13px;letter-spacing:1px;text-transform:uppercase}.sidebar ul{padding-left:18px}.sidebar li{margin-bottom:8px;font-size:14px;line-height:1.45}.sidebar a{text-decoration:none}.sidebar a:hover{color:var(--yellow-ink)}.shop-item{margin-bottom:14px;font-size:14px;line-height:1.45}.shop-item small{display:block;color:var(--muted);font-family:var(--mono);font-size:11px}.shop-btn{display:inline-block;padding:3px 9px;margin-top:5px;border-radius:4px;color:var(--dark);background:var(--yellow);font-size:13px;font-weight:600}.shop-note{color:var(--muted);font-size:12px;line-height:1.5}.doc{max-width:720px;padding:64px 24px 80px;margin-inline:auto}.doc--wide{max-width:1080px}.doc h1{font-family:var(--kanit);font-size:36px;line-height:1.25}.doc__lead{max-width:860px;color:#374151;font-size:20px}.doc h2{margin-top:36px;font-family:var(--kanit);font-size:22px}.story-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:28px;align-items:start}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.value-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{padding:22px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#fff,#fbfbfc);box-shadow:0 1px 3px #0000000d}.info-card h3{margin-bottom:10px;font-family:var(--kanit);font-size:21px;line-height:1.25}.info-card p{margin-bottom:0;color:#4b5563;font-size:16px}.principle-list{display:grid;gap:18px}.principle-list>div{padding:18px 20px;border-left:3px solid var(--yellow);border-radius:0 8px 8px 0;background:linear-gradient(180deg,#fffdf5,#fff8dc)}.principle-list strong{display:block;margin-bottom:8px}.principle-list p{margin-bottom:0;color:#4b5563}.image-panel{padding:24px;margin:30px 0;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#fff,#f8f9fa);box-shadow:0 8px 28px #0000000f}.image-panel--bright{background:linear-gradient(180deg,#fffdf8,#fff7dd)}.image-panel img{display:block;width:100%;height:auto;border-radius:12px}.image-caption{margin:14px 0 0;color:var(--muted);font-size:14px}.callout{padding:18px 22px;border-left:3px solid var(--yellow);border-radius:0 6px 6px 0;background:var(--amber-bg)}@media(max-width:1059px){.hero__grid,.puzzle-intro__grid,.playbook-shell,.story-grid,.value-grid,.value-grid--two{grid-template-columns:minmax(0,700px)}.hero{padding:48px 0 56px}.hero__links,.section-links{gap:12px}.sidebar__inner{position:static}}@media(max-width:520px){.wrap,.nav__inner,.foot{width:min(100% - 32px,var(--maxw))}.foot{gap:12px;justify-content:space-between;flex-wrap:wrap;height:auto;padding:24px 0}.foot__links{gap:12px;flex-wrap:wrap}.brand__name{font-size:18px}.nav__badge{min-height:34px;padding-inline:12px;font-size:16px}.puzzle-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.playbook h1{font-size:32px}}