.pg-main{padding-inline:16px}.hp-wrap,.hp-wrap *{box-sizing:border-box;margin:0;padding:0}.hp-wrap ul,.hp-wrap li{padding:0;margin:0!important;list-style:none!important}.hp-wrap{--bg:#f2efea;--card:#fff;--caramel:#bfac95;--brown:#6e655b;--brown-lt:#8a7a6a;--text:#2a1a0e;--soft:#7a6a5a;--border:#bfac9559;--green:#2d6a2d;--burgundy:#7f2824;--burg-lt:#a33d38;--purple:#6b4c8a;--purple-lt:#8a6ba8;--teal:#2a6b6b;--teal-lt:#4a8a8a;--amber:#c9791f;--amber-lt:#e0954a;--school-brown:#6e655b;--school-brown-hover:#8a7a6a;--blue:#2c6e8f;--blue-lt:#4a8ba8;--gold:#c9a96e;--gold-lt:#d4a87a;--rose:#a0526a;--rose-hover:#b8647e;--accent:var(--burgundy);--accent-hover:var(--burg-lt);--accent-light:#7f282414;--accent-border:#7f282433;--accent-shadow:#7f28244d;background:var(--bg);color:var(--text);width:100%;font-family:Sarabun,sans-serif;font-size:16px;line-height:1.6}.hp-hero{text-align:center;max-width:640px;margin:0 auto;padding:36px 20px 28px}.hp-tag{background:var(--accent-light);border:1px solid var(--accent-border);letter-spacing:1.2px;color:var(--accent);text-transform:uppercase;border-radius:40px;margin-bottom:14px;padding:5px 16px;font-size:11px;font-weight:700;display:inline-block}.hp-h1{color:var(--text);margin-bottom:12px;font-family:Playfair Display,serif;font-size:clamp(1.9rem,8vw,2.8rem);font-weight:900;line-height:1.15}.hp-h1 em{color:var(--accent);font-style:italic}.hp-sub{color:var(--soft);max-width:520px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:.92rem}.hp-trust{color:var(--caramel);margin-top:12px;font-size:.72rem}.ct-reel{aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:14px;width:100%;max-width:300px;margin:10px auto 0;display:block;box-shadow:0 4px 14px #0000001f}.hp-products{grid-template-columns:1fr;gap:12px;max-width:1200px;margin:0 auto;padding:4px 16px 0;display:grid}@media (width>=600px){.hp-products{grid-template-columns:1fr 1fr}}@media (width>=900px){.hp-products{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.hp-prod{background:var(--card);box-shadow:0 4px 14px #0000000d,0 0 0 1px var(--border);border-radius:18px;flex-direction:column;gap:10px;min-width:0;padding:20px 18px;display:flex}.hp-prod-icon{font-size:1.8rem}.hp-photo{max-width:560px;box-shadow:0 10px 26px #3c28142e,0 0 0 1px var(--border);border-radius:20px;margin:6px auto 4px;line-height:0;position:relative;overflow:hidden}.hp-photo img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.hp-photo figcaption{color:#2a1a0e;background:#ffffffeb;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:700;line-height:1.3;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 8px #00000026}.hp-prod-img{aspect-ratio:6/5;object-fit:cover;border-radius:18px 18px 0 0;flex:none;width:calc(100% + 36px);max-width:none;height:auto;margin:-20px -18px 2px;display:block}.hp-prod-tag{letter-spacing:2px;text-transform:uppercase;overflow-wrap:anywhere;font-size:10px;font-weight:700}.hp-prod-h3{color:var(--text);overflow-wrap:anywhere;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:800}.hp-prod-desc{color:var(--soft);overflow-wrap:anywhere;flex:1;font-size:.82rem}.hp-prod-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.btn-sm{overflow-wrap:anywhere;text-align:center;border-radius:60px;min-width:0;padding:9px 18px;font-family:Sarabun,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-sm.ghost{border:1.5px solid var(--burgundy);color:var(--burgundy);background:0 0}.btn-sm.ghost:hover{background:var(--burgundy);color:#fff}.hp-prod.free{border-left:5px solid var(--burgundy);background:linear-gradient(#fff,#fbf6f4)}.hp-prod.free .hp-prod-tag{color:var(--burgundy)}.btn-sm.burg{background:var(--burgundy);color:#fff}.btn-sm.burg:hover{background:var(--burg-lt);transform:translateY(-2px)}.hp-prod.primary{border-left:5px solid var(--teal)}.hp-prod.primary .hp-prod-tag{color:var(--teal)}.btn-sm.teal{background:var(--teal);color:#fff}.btn-sm.teal:hover{background:var(--teal-lt);transform:translateY(-2px)}.btn-sm.teal-ghost{border:1.5px solid var(--teal);color:var(--teal)}.btn-sm.teal-ghost:hover{background:var(--teal);color:#fff}.hp-prod.secondary{border-left:5px solid var(--purple)}.hp-prod.secondary .hp-prod-tag{color:var(--purple)}.btn-sm.purple{background:var(--purple);color:#fff}.btn-sm.purple:hover{background:var(--purple-lt);transform:translateY(-2px)}.btn-sm.purple-ghost{border:1.5px solid var(--purple);color:var(--purple)}.btn-sm.purple-ghost:hover{background:var(--purple);color:#fff}.hp-prod.tertiary{border-left:5px solid var(--amber)}.hp-prod.tertiary .hp-prod-tag{color:var(--amber)}.btn-sm.amber{background:var(--amber);color:#fff}.btn-sm.amber:hover{background:var(--amber-lt);transform:translateY(-2px)}.btn-sm.amber-ghost{border:1.5px solid var(--amber);color:var(--amber)}.btn-sm.amber-ghost:hover{background:var(--amber);color:#fff}.hp-section{margin:0 auto;padding:36px 16px 0}.hp-section.compare{max-width:900px}.hp-section.about,.hp-section.faq{max-width:760px}.hp-steps3-wrap{max-width:640px;margin:0 auto;padding:6px 16px 4px}.hp-steps3{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.hp-steps3 li{text-align:center;color:#2a1a0e;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:.78rem;font-weight:700;line-height:1.3;display:flex;box-shadow:0 0 0 1px #bfac9566}.hp-steps3 li b{color:#fff;background:#7f2824;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;display:grid}.hp-h2{color:var(--text);text-align:center;overflow-wrap:anywhere;margin-bottom:6px;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:800}.hp-lead{color:var(--soft);text-align:center;max-width:640px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:.85rem}.hp-tablewrap{-webkit-overflow-scrolling:touch;box-shadow:0 4px 14px #0000000d,0 0 0 1px var(--border);background:var(--card);border-radius:14px;overflow-x:auto}.hp-table{border-collapse:collapse;width:100%;min-width:540px;font-size:.8rem}.hp-table th,.hp-table td{text-align:left;border-bottom:1px solid var(--border);overflow-wrap:anywhere;vertical-align:top;padding:11px 12px}.hp-table thead th{background:var(--accent-light);color:var(--accent);letter-spacing:.5px;text-transform:uppercase;font-size:.72rem;font-weight:700}.hp-table tbody tr:last-child td{border-bottom:none}.hp-table tbody th[scope=row]{color:var(--text);font-weight:600}.hp-about-body{background:var(--card);box-shadow:0 4px 14px #0000000d,0 0 0 1px var(--border);color:var(--soft);border-radius:14px;padding:20px 18px;font-size:.85rem}.hp-about-body p+p{margin-top:10px}.hp-about-body strong{color:var(--text)}.hp-about-body ul{margin-top:10px!important}.hp-about-body ul li{color:var(--soft);padding-left:18px;font-size:.85rem;position:relative;margin-bottom:6px!important}.hp-about-body ul li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;top:0;left:4px}.hp-steps{margin-top:14px!important}.hp-steps li{color:var(--soft);counter-increment:ctstep;padding-left:34px;font-size:.85rem;position:relative;margin-bottom:10px!important}.hp-steps li:before{content:counter(ctstep);background:var(--accent-light);width:22px;height:22px;color:var(--accent);border:1px solid var(--accent-border);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.hp-steps{counter-reset:ctstep}.hp-steps strong{color:var(--text);margin-bottom:1px;font-size:.85rem;display:block}.hp-faq-item{background:var(--card);box-shadow:0 4px 14px #0000000d,0 0 0 1px var(--border);border-radius:14px;margin-bottom:10px;overflow:hidden}.hp-faq-item summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 18px;font-size:.88rem;font-weight:700;list-style:none;display:flex}.hp-faq-item summary::-webkit-details-marker{display:none}.hp-faq-item summary:after{content:"+";color:var(--accent);flex-shrink:0;font-size:1.2rem;font-weight:400;line-height:1}.hp-faq-item[open] summary:after{content:"–"}.hp-faq-item .hp-faq-a{color:var(--soft);padding:0 18px 16px;font-size:.82rem}