.btn-block{justify-content:center;width:100%}.g-hero{text-align:center;max-width:1180px;margin:0 auto;padding:54px 22px 30px}.g-eyebrow{background:var(--violet-100);color:var(--primary-dark);border-radius:30px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.g-eyebrow .d{background:var(--success);border-radius:50%;width:7px;height:7px}.g-hero h1{margin-bottom:12px;font-size:clamp(28px,4vw,42px);font-weight:700}.g-hero h1 .gr{background:linear-gradient(100deg, var(--g-from), var(--g-to));color:#0000;-webkit-background-clip:text;background-clip:text}.g-hero p{color:var(--slate);max-width:560px;margin:0 auto;font-size:17px}.g-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:0 auto;padding:24px 22px 40px;display:grid}.tcard{border:1px solid var(--line);cursor:pointer;color:inherit;background:#fff;border-radius:20px;flex-direction:column;transition:all .28s;display:flex;overflow:hidden}.tcard:hover{box-shadow:var(--shadow-lg);border-color:var(--violet-100);transform:translateY(-6px)}.tprev{justify-content:center;align-items:center;height:210px;padding:22px;display:flex;position:relative;overflow:hidden}.tphone{background:#fff;border-radius:14px;width:60%;padding:13px;transform:translateY(6px);box-shadow:0 18px 36px -14px #00000057}.tphone .ln{background:#e2e0f0;border-radius:4px;height:7px;margin-bottom:6px}.tphone .ln.t{background:var(--primary-light);width:55%;height:10px}.tphone .ln.w{width:90%}.tphone .ln.s{width:70%}.tphone .cta{border-radius:7px;height:24px;margin-top:10px}.tbadge{color:var(--ink);font-family:var(--font-anuphan);background:#ffffffeb;border-radius:20px;padding:5px 11px;font-size:11px;font-weight:600;position:absolute;top:14px;left:14px;box-shadow:0 4px 10px -4px #0003}.tmeta{flex-direction:column;flex:1;gap:4px;padding:18px 20px 20px;display:flex}.tmeta h3{font-size:18px;font-weight:600}.tmeta p{color:var(--slate);flex:1;font-size:13.5px}.tmeta .feat{color:var(--primary-dark);font-size:12px;font-weight:600;font-family:var(--font-anuphan);background:var(--violet-50);border-radius:8px;align-self:flex-start;margin-top:6px;padding:4px 10px;display:inline-block}.tmeta .open{font-family:var(--font-anuphan);color:var(--primary);justify-content:space-between;align-items:center;margin-top:14px;font-size:14px;font-weight:600;display:flex}.p-supp{background:linear-gradient(150deg,#ffe4ec,#fbcfe8)}.p-supp .cta{background:#ec4899}.p-supp .ln.t{background:#f472b6}.p-fash{background:linear-gradient(150deg,#e2e8f0,#cbd5e1)}.p-fash .cta{background:#0f172a}.p-fash .ln.t{background:#334155}.p-flash{background:linear-gradient(150deg,#fb923c,#ef4444)}.p-flash .cta{background:#dc2626}.p-flash .ln.t{background:#f97316}.p-course{background:linear-gradient(150deg,#dbeafe,#bfdbfe)}.p-course .cta{background:#2563eb}.p-course .ln.t{background:#3b82f6}.p-resto{background:linear-gradient(150deg,#fef3c7,#fde68a)}.p-resto .cta{background:#b45309}.p-resto .ln.t{background:#d97706}.p-bio{background:linear-gradient(150deg,#312e81,#7c3aed)}.p-bio .cta{background:#a78bfa}.p-bio .ln{background:#ffffff4d}.p-bio .ln.t{background:#fff9}.backbar{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0f172ae6;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:fixed;top:0;left:0;right:0}.backbar .b{font-family:var(--font-anuphan);cursor:pointer;color:#fff;background:#ffffff1f;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.backbar .b:hover{background:#fff3}.backbar .tag{color:#c7c3f0;font-size:12px;font-family:var(--font-anuphan)}.backbar .made{font-family:var(--font-anuphan);font-size:13px;font-weight:600}.demo{min-height:100vh;padding-top:52px}.demo-wrap{background:#fff;max-width:480px;min-height:100vh;margin:0 auto}.demo-wrap.wide{max-width:920px}.demo.has-bar .demo-wrap{padding-bottom:86px}.buybar{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:#fffffff5;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -12px #0003}.buybar .row{align-items:center;gap:12px;max-width:480px;margin:0 auto;display:flex}.buybar .pr{flex:none}.buybar .pr .s{color:var(--muted);font-size:11px;text-decoration:line-through}.buybar .pr .p{font-family:var(--font-space-grotesk);font-size:20px;font-weight:700}.buybar .btn{flex:1}.toast{z-index:120;background:var(--ink);color:#fff;font-family:var(--font-anuphan);opacity:0;pointer-events:none;text-align:center;border-radius:13px;max-width:calc(100% - 32px);padding:13px 22px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 16px 30px -10px #0006}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.sec-pad{padding:26px 22px}.media{color:#fff;height:300px;font-family:var(--font-anuphan);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:18px;font-weight:700;display:flex}.stars{color:#f59e0b;letter-spacing:1px;font-size:14px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1.5px solid var(--line);font-family:var(--font-anuphan);cursor:pointer;color:var(--ink);background:#fff;border-radius:11px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .15s}.pill.active{border-color:var(--ink);background:var(--ink);color:#fff}.swatch{cursor:pointer;width:34px;height:34px;box-shadow:0 0 0 1.5px var(--line);border:2px solid #fff;border-radius:50%;transition:all .15s}.swatch.active{box-shadow:0 0 0 2.5px var(--ink)}.field{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;margin-bottom:11px;padding:13px 15px;font-family:inherit;font-size:15px}.field:focus{border-color:var(--primary);outline:none}.rev{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:12px;padding:15px}.rev .who{align-items:center;gap:10px;margin-bottom:8px;display:flex}.rev .av{color:#fff;width:38px;height:38px;font-family:var(--font-anuphan);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.rev .nm{font-family:var(--font-anuphan);font-size:14px;font-weight:600}.rev p{color:var(--slate);font-size:13.5px}.t-supp{--th:#ec4899;--th-d:#be185d;--th-soft:#fce7f3}.t-fash{--th:#0f172a;--th-d:#000;--th-soft:#f1f5f9}.t-flash{--th:#dc2626;--th-d:#991b1b;--th-soft:#fee2e2}.t-course{--th:#2563eb;--th-d:#1d4ed8;--th-soft:#dbeafe}.t-resto{--th:#b45309;--th-d:#92400e;--th-soft:#fef3c7}.btn-th{background:var(--th);color:#fff}.btn-th:hover{filter:brightness(1.05);transform:translateY(-2px)}.price-now{font-family:var(--font-space-grotesk);color:var(--th-d);font-size:30px;font-weight:700}.price-old{color:var(--muted);margin-left:8px;font-size:16px;text-decoration:line-through}.fs-banner{color:#fff;text-align:center;background:linear-gradient(100deg,#dc2626,#f97316);padding:20px}.fs-timer{justify-content:center;gap:8px;margin-top:10px;display:flex}.fs-timer .u{background:#00000040;border-radius:10px;min-width:54px;padding:8px 12px}.fs-timer .n{font-family:var(--font-space-grotesk);font-size:24px;font-weight:700;line-height:1}.fs-timer .l{opacity:.85;font-size:10px}.fs-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.fs-card .im{color:#fff;height:110px;font-family:var(--font-anuphan);place-items:center;font-weight:700;display:grid}.fs-card .bd{padding:12px}.fs-bar{background:#fee2e2;border-radius:4px;height:6px;margin:8px 0;overflow:hidden}.fs-bar i{background:#dc2626;border-radius:4px;height:100%;display:block}.off{color:#fff;font-family:var(--font-space-grotesk);background:#dc2626;border-radius:7px;padding:3px 8px;font-size:12px;font-weight:700}.t-course .media{background:linear-gradient(150deg,#1e3a8a,#2563eb)}.mod{border-bottom:1px solid var(--line);gap:12px;padding:13px 0;display:flex}.mod .noo{background:var(--th-soft);width:30px;height:30px;color:var(--th-d);font-family:var(--font-space-grotesk);border-radius:9px;flex:none;place-items:center;font-weight:700;display:grid}.t-resto .media{background:linear-gradient(150deg,#92400e,#d97706)}.menu-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.menu-item .im{color:#fff;background:linear-gradient(135deg,#d97706,#b45309);border-radius:12px;flex:none;place-items:center;width:64px;height:64px;font-size:22px;display:grid}.menu-item .pr{font-family:var(--font-space-grotesk);color:var(--th-d);margin-left:auto;font-weight:700}.act-row{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.act{border:1.5px solid var(--line);text-align:center;font-family:var(--font-anuphan);cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;padding:12px;font-size:13px;font-weight:600;transition:all .15s}.act:hover{border-color:var(--th,var(--primary))}.t-bio{color:#fff;background:radial-gradient(circle at 50% 0,#4c1d95,#1e1b4b 70%);min-height:100vh}.t-bio .demo-wrap{background:0 0;max-width:440px}.bio-av{width:96px;height:96px;font-family:var(--font-anuphan);background:linear-gradient(135deg,#a78bfa,#f472b6);border:3px solid #ffffff4d;border-radius:50%;place-items:center;margin:0 auto 14px;font-size:34px;font-weight:700;display:grid}.bio-link{font-family:var(--font-anuphan);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:15px 18px;font-weight:600;transition:all .2s;display:flex}.bio-link:hover{background:#ffffff2e;transform:translateY(-2px)}.bio-link .ic{text-align:center;width:26px;font-size:18px}.bio-soc{justify-content:center;gap:14px;margin-top:18px;display:flex}.bio-soc a{background:#ffffff1f;border-radius:12px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.demo-cta{background:linear-gradient(115deg, var(--g-from), var(--g-to));color:#fff;text-align:center;padding:40px 22px}.demo-cta h2{color:#fff;margin-bottom:8px;font-size:clamp(22px,3vw,28px);font-weight:700}.demo-cta p{color:#ffffffe0;max-width:460px;margin-bottom:18px;margin-left:auto;margin-right:auto;font-size:15px}.demo-cta .btn{color:var(--primary-dark);background:#fff;padding:14px 28px;font-size:16px}.demo-cta .btn:hover{transform:translateY(-2px)}@media (max-width:920px){.g-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.g-grid{grid-template-columns:1fr;gap:18px}.demo-wrap.wide{max-width:480px}}@media (prefers-reduced-motion:reduce){.tcard,.btn,.btn-th,.bio-link,.toast,.pill,.swatch,.act{transition:none}.tcard:hover,.btn-th:hover,.bio-link:hover,.demo-cta .btn:hover{transform:none}}