:root{--burgundy:#7f2824;--cream:#f5f2ec;--ink:#2a1a0e;--line:#d8cdb9;--blue:#2c6e8f;--tan:#e3d5bf;--soft:#6a5c4a}*{box-sizing:border-box}body{background:var(--cream);color:#000;margin:0;font-family:Sarabun,-apple-system,Segoe UI,Roboto,sans-serif;font-size:19px;line-height:1.6}.wrap{max-width:860px;margin:0 auto;padding:0 16px 70px}.bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;display:flex}.logo{color:var(--burgundy);font-family:Playfair Display,serif;font-size:1.2rem;font-weight:800}a{color:var(--blue)}.hero{text-align:center;padding:26px 0 8px}h1{color:var(--burgundy);margin:0 0 6px;font-family:Playfair Display,serif;font-size:2.1rem;line-height:1.2}.hero .th{margin:0;font-size:1.25rem;font-weight:700}.hero .en{color:var(--soft);margin:2px 0 0}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.chips li{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700}.cta{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 0;display:flex}.btn{background:var(--burgundy);color:#fff;border-radius:999px;padding:10px 22px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.btn.ghost{color:var(--burgundy);border:2px solid var(--burgundy);background:#fff}.ph{width:100%;display:block;position:relative}.ph-body{aspect-ratio:1/1.75;background:#121212;border:2px solid #3b3b3b;border-radius:13%/6.2%;padding:8% 4.6% 5%;display:block;position:relative;box-shadow:0 18px 38px #3c281447}.ph-speaker{background:#2b2b2b;border-radius:99px;width:24%;height:1.2%;position:absolute;top:3.2%;left:50%;transform:translate(-50%)}.ph-screen{background:#f2efea;border-radius:8%/4%;width:100%;height:100%;display:block;position:relative;overflow:hidden}.ph-screen img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0}.cluster{justify-content:center;align-items:center;padding:26px 0 6px;display:flex}.cluster .ph{width:31%;max-width:230px}.cluster .c0{z-index:1;margin-right:-6%;transform:rotate(-5deg)translateY(4%)}.cluster .c1{z-index:3;width:36%;max-width:260px}.cluster .c2{z-index:2;margin-left:-6%;transform:rotate(5deg)translateY(4%)}.swap .ph-screen img.b{opacity:0;animation:9s ease-in-out infinite swapIn}@keyframes swapIn{0%,42%{opacity:0}52%,92%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.swap .ph-screen img.b{opacity:1;animation:none}}h2{color:var(--burgundy);text-align:center;margin:40px 0 4px;font-family:Playfair Display,serif;font-size:1.55rem}.lead{text-align:center;color:var(--soft);margin:0 0 6px}.step{border:1.5px solid var(--ink);background:#fff;border-radius:18px;grid-template-columns:1fr;place-items:center;gap:14px;margin:20px 0;padding:22px 18px;display:grid}.step .ph{width:min(62%,230px)}.step .txt{width:100%}.num{background:var(--burgundy);color:#fff;vertical-align:middle;border-radius:50%;place-items:center;width:38px;height:38px;margin-right:8px;font-size:1.1rem;font-weight:800;display:inline-grid}.step h3{color:var(--ink);margin:0;font-size:1.25rem}.step h3 small{color:var(--soft);margin-left:46px;font-size:.95rem;font-weight:400;display:block}.step p{margin:10px 0 0}.step p.en{color:var(--soft);font-size:.95rem}@media (width>=680px){.step{grid-template-columns:230px 1fr;gap:28px;padding:24px}.step .ph{width:100%}.step:nth-of-type(2n){grid-template-columns:1fr 230px}.step:nth-of-type(2n) .ph{order:2}}.gets{gap:12px;margin:18px 0 8px;display:grid}.get{border:1.5px solid var(--ink);background:#fff;border-radius:14px;grid-template-columns:44px 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.get .ic{text-align:center;font-size:1.7rem;line-height:1}.get h3{color:var(--ink);margin:0;font-size:1.05rem}.get h3 small{color:var(--soft);font-size:.88rem;font-weight:400;display:block}.get p{margin:6px 0 0;font-size:.95rem}.get p.en{color:var(--soft);margin-top:2px;font-size:.88rem}@media (width>=680px){.gets{grid-template-columns:1fr 1fr}}.sub{text-align:center;color:#4a3d2e;margin:6px 0 12px;font-size:.95rem}.sub .en{color:var(--soft);font-size:.9rem}.diagram{border:1.5px solid var(--ink);background:#fff;border-radius:12px;justify-content:center;margin:8px 0;padding:10px 6px;display:flex}.diagram pre{width:100%;margin:0}.diagram svg{max-width:100%;height:auto}.key{color:var(--soft);text-align:center;margin:6px 0 0;font-size:.85rem}.swatch{border:1.5px solid var(--ink);vertical-align:-2px;background:#e3d5bf;border-radius:3px;width:14px;height:14px;display:inline-block}.by-hand{background:var(--tan);border:1.5px solid var(--ink);border-radius:12px;margin:26px 0;padding:14px 18px}footer.foot{border-top:1px solid var(--line);color:#4a3d2e;text-align:center;margin-top:40px;padding-top:16px;font-size:.9rem}