@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}:root{--color-primary:#0d9488;--color-primary-dk:#0f766e;--color-primary-lt:#ccfbf1;--color-navy:#1e3a5f;--color-navy-dk:#0f172a;--color-text:#1e293b;--color-muted:#64748b;--color-border:#e2e8f0;--color-bg:#fff;--color-bg-alt:#f8fafc;--color-success:#10b981;--color-warn-bg:#fef9c3;--color-warn-bd:#fde68a;--color-warn-tx:#78350f;--max-width:1200px;--article-width:750px;--radius:10px;--radius-sm:6px;--radius-lg:16px;--header-h:64px;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 14px #0000001a;--shadow-lg:0 8px 28px #00000021;--transition:.18s ease}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto!important}}html{color:var(--color-text);background:var(--color-bg);scroll-behavior:smooth;font-family:Sarabun,sans-serif}body{margin:0;padding:0;line-height:1.75}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{color:var(--color-navy-dk);margin-top:1.5em;margin-bottom:.5em;line-height:1.3}ul,ol{padding-left:1.5rem}li{margin-bottom:.35rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.container--narrow{max-width:760px;margin:0 auto;padding:0 1.25rem}.site-header{z-index:200;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);height:var(--header-h);background:#fff;align-items:center;display:flex;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.site-logo{white-space:nowrap;letter-spacing:-.01em;font-size:1.3rem;font-weight:700;color:var(--color-navy-dk)!important;text-decoration:none!important}.site-logo__accent{color:var(--color-primary)}.site-nav{flex-wrap:wrap;align-items:center;gap:.15rem;display:flex}.nav-link{border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);padding:.4rem .7rem;font-size:.92rem;font-weight:500;color:var(--color-text)!important;text-decoration:none!important}.nav-link:hover{background:var(--color-bg-alt);color:var(--color-navy-dk)!important}.nav-link--cta{background:var(--color-primary);margin-left:.5rem;color:#fff!important}.nav-link--cta:hover{background:var(--color-primary-dk);color:#fff!important}.nav-link--earn{font-weight:600;color:var(--color-primary)!important}.nav-link--earn:hover{background:var(--color-primary-lt);color:var(--color-primary-dk)!important}.site-footer{background:var(--color-navy-dk);color:#94a3b8;margin-top:4rem;padding:3rem 0 2rem;font-size:.875rem}.site-footer a{color:#94a3b8;transition:color var(--transition);text-decoration:none}.site-footer a:hover{color:#fff}.site-footer__grid{grid-template-columns:2fr 1fr 1fr;gap:2.5rem;display:grid}.site-footer__brand .brand-name{color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;display:block}.site-footer__brand p{margin:0;line-height:1.65}.site-footer__col h4{color:#fff;text-transform:uppercase;letter-spacing:.09em;margin:0 0 .8rem;font-size:.78rem;font-weight:600}.site-footer__col ul{margin:0;padding:0;list-style:none}.site-footer__col ul li{margin-bottom:.5rem}.site-footer__bottom{color:#475569;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.25rem;font-size:.79rem;display:flex}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);padding:4.5rem 0 3.5rem}.hero h1{color:#fff;margin:0 0 .75rem;font-size:2.6rem}.hero__sub{color:#94a3b8;max-width:520px;margin:0 auto 2rem;font-size:1.15rem}.btn{border-radius:var(--radius);transition:background var(--transition), transform var(--transition), box-shadow var(--transition);padding:.65rem 1.5rem;font-size:.97rem;font-weight:600;display:inline-block;text-decoration:none!important}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);text-decoration:none!important}.btn--primary{background:var(--color-primary);color:#fff!important}.btn--primary:hover{background:var(--color-primary-dk)}.btn--outline{border:2px solid #ffffff59;margin-left:.75rem;color:#fff!important}.btn--outline:hover{background:#ffffff14;border-color:#fff}.trust-row{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:3rem;padding-top:2.5rem;display:flex}.trust-item__icon{margin-bottom:.3rem;font-size:1.6rem}.trust-item__label{color:#94a3b8;font-size:.83rem}.section{margin:3rem 0}.section-title{color:var(--color-navy-dk);border-bottom:2.5px solid var(--color-primary);margin:0 0 1.25rem;padding-bottom:.55rem;font-size:1.3rem;font-weight:700;display:inline-block}.category-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem;margin:1rem 0;display:grid}.category-card{border:1.5px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem .75rem;font-size:.9rem;font-weight:500;display:flex;color:var(--color-text)!important;text-decoration:none!important}.category-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 14px #0d948826;text-decoration:none!important}.category-card .emoji{margin-bottom:.5rem;font-size:2rem}.article-list{margin:0;padding:0;list-style:none}.article-list__item{border-bottom:1px solid var(--color-border);padding:1.1rem 0}.article-list__item:last-child{border-bottom:none}.article-list__title{color:var(--color-navy-dk);transition:color var(--transition);font-size:1.05rem;font-weight:600;text-decoration:none;display:block}.article-list__title:hover{color:var(--color-primary);text-decoration:none}.article-list__meta{color:var(--color-muted);margin:.2rem 0 0;font-size:.81rem}.article-list__excerpt{color:var(--color-muted);margin:.3rem 0 0;font-size:.92rem}.cat-hero{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#f8fafc,#e0f7f5);padding:2.5rem 0}.cat-hero h1{color:var(--color-navy-dk);margin:.25rem 0 .5rem;font-size:2rem}.cat-hero p{color:var(--color-muted);margin:0}.empty-state{text-align:center;background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1.5px dashed var(--color-border);margin:1.5rem 0;padding:3.5rem 2rem}.empty-state__icon{margin-bottom:.75rem;font-size:2.5rem}.empty-state p{color:var(--color-muted);margin:0}.article-wrap{max-width:var(--article-width);margin:0 auto;padding:0 1.25rem}.article-header{padding:1.75rem 0 0}.article-header h1{color:var(--color-navy-dk);margin:.5rem 0 .75rem;font-size:2rem;line-height:1.25}.article-meta{color:var(--color-muted);font-size:.82rem}.article-body{margin-top:1.5rem}.article-body h2{border-bottom:1px solid var(--color-border);margin-top:2rem;padding-bottom:.4rem;font-size:1.4rem}.article-body h3{color:var(--color-navy);font-size:1.15rem}.article-body ul,.article-body ol{margin:.75rem 0}.article-body table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.92rem;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--color-border);text-align:left;padding:.65rem .9rem}.article-body th{background:var(--color-bg-alt);color:var(--color-navy-dk);font-weight:600}.article-body tr:nth-child(2n) td{background:var(--color-bg-alt)}.article-related{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;padding-top:1.5rem;font-size:.9rem;display:flex}.product-card{border:1.5px solid var(--color-border);border-radius:var(--radius);transition:box-shadow var(--transition);background:#fff;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.1rem;display:flex}.product-card:hover{box-shadow:var(--shadow-md)}.product-card__img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:100px;height:100px}.product-card__body{flex:1;min-width:0}.product-card__name{color:var(--color-navy-dk);margin:0 0 .3rem;font-size:.97rem;font-weight:600}.product-price{color:var(--color-primary);font-size:1.25rem;font-weight:700}.product-original-price{color:var(--color-muted);margin-left:.4rem;font-size:.88rem;text-decoration:line-through}.product-badge{color:#92400e;background:#fef3c7;border-radius:4px;margin-left:.5rem;padding:2px 8px;font-size:.78rem;font-weight:500;display:inline-block}.affiliate-btn{background:var(--color-primary);border-radius:var(--radius);transition:background var(--transition);padding:.55rem 1.2rem;font-size:.93rem;font-weight:600;display:inline-block;color:#fff!important;text-decoration:none!important}.affiliate-btn:hover{background:var(--color-primary-dk)}.disclosure-banner{background:var(--color-warn-bg);border:1px solid var(--color-warn-bd);border-radius:var(--radius-sm);color:var(--color-warn-tx);margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.84rem}.disclosure-banner a{color:var(--color-warn-tx);text-decoration:underline}.disclosure-strip{border-top:1px solid var(--color-border);color:var(--color-muted);text-align:center;background:#f1f5f9;padding:1rem 1.25rem;font-size:.79rem}.disclosure-strip a{color:var(--color-muted);text-decoration:underline}.breadcrumb{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.81rem;display:flex}.breadcrumb a{color:var(--color-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb__sep{color:#cbd5e1}.page-header{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#f8fafc,#e0f7f5);padding:2.5rem 0}.page-header h1{margin:.25rem 0 0;font-size:1.9rem}.page-content{padding:2rem 0 3rem}.page-content h2{border-bottom:1px solid var(--color-border);margin-top:2rem;padding-bottom:.35rem;font-size:1.2rem}.page-content p,.page-content li{max-width:66ch}.error-page{text-align:center;padding:5rem 1rem}.error-page__code{color:var(--color-primary);margin:0;font-size:6rem;font-weight:700;line-height:1}.error-page h2{color:var(--color-navy-dk);margin:.5rem 0 1rem}.error-page p{color:var(--color-muted)}@media (width<=768px){.site-footer__grid{grid-template-columns:1fr;gap:2rem}.site-footer__bottom{text-align:center;flex-direction:column}.hero h1{font-size:1.95rem}.hero__sub{font-size:1rem}.trust-row{gap:1.75rem}.product-card{flex-direction:column}.product-card__img{width:80px;height:80px}}@media (width<=480px){.category-grid{grid-template-columns:repeat(2,1fr)}.site-nav .nav-link{padding:.35rem .5rem;font-size:.84rem}.hero{padding:3rem 0 2.5rem}.trust-row{gap:1.25rem}.btn--outline{margin-top:.5rem;margin-left:0}}.aff-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);padding:4.5rem 0 3.5rem}.aff-hero__label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);background:#0d948826;border:1px solid #0d94884d;border-radius:100px;margin-bottom:1rem;padding:.25rem .9rem;font-size:.78rem;font-weight:600;display:inline-block}.aff-hero h1{color:#fff;margin:0 0 .85rem;font-size:2.4rem;line-height:1.25}.aff-hero__sub{color:#94a3b8;max-width:520px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.75}.aff-hero__ctas{margin-bottom:2.5rem}.btn--lg{padding:.8rem 2rem;font-size:1.05rem}.referral-code-box{border-radius:var(--radius);background:#ffffff12;border:1px solid #ffffff26;padding:1rem 1.5rem;display:inline-block}.referral-code-box__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem;font-size:.73rem}.referral-code-box__inner{align-items:center;gap:.85rem;display:flex}.referral-code-box__code{color:#fff;letter-spacing:.1em;font-family:Courier New,monospace;font-size:1.65rem;font-weight:700}.referral-code-box__copy{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);border:none;padding:.45rem 1rem;font-family:Sarabun,sans-serif;font-size:.85rem;font-weight:600}.referral-code-box__copy:hover,.referral-code-box__copy.copied{background:var(--color-primary-dk)}.campaign-images{background:var(--color-bg-alt);padding:2.5rem 0 0}.campaign-images__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.campaign-images__img{border-radius:var(--radius);object-fit:contain;border:1px solid var(--color-border);background:#fff;width:100%;height:auto}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.step-card{background:var(--color-bg-alt);border:1.5px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.step-card__num{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:.85rem;font-size:.9rem;font-weight:700;display:flex}.step-card h3{color:var(--color-navy-dk);margin:0 0 .45rem;font-size:1rem}.step-card p{color:var(--color-muted);margin:0;font-size:.87rem;line-height:1.65}.aff-disclaimer{background:var(--color-warn-bg);border:1px solid var(--color-warn-bd);border-radius:var(--radius-sm);color:var(--color-warn-tx);align-items:flex-start;gap:.65rem;margin:.5rem 0 0;padding:.9rem 1.1rem;font-size:.84rem;line-height:1.65;display:flex}.aff-disclaimer__icon{flex-shrink:0;margin-top:.05rem}.section-desc{color:var(--color-muted);margin:-.65rem 0 1.25rem;font-size:.93rem}.resource-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.resource-card{border:1.5px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);background:#fff;flex-direction:column;gap:.35rem;padding:1.25rem;display:flex;position:relative;color:var(--color-text)!important;text-decoration:none!important}.resource-card:not(.resource-card--disabled):hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 14px #0d948821;text-decoration:none!important}.resource-card--disabled{opacity:.55;cursor:default;background:var(--color-bg-alt)}.resource-card__icon{font-size:1.75rem}.resource-card__title{color:var(--color-navy-dk);margin:0;font-size:.95rem;font-weight:600}.resource-card__desc{color:var(--color-muted);margin:0;font-size:.82rem;line-height:1.55}.coming-soon-badge{color:var(--color-primary-dk);background:#e0f7f5;border-radius:100px;width:fit-content;margin-top:.25rem;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.aff-bottom-cta{text-align:center;border:1.5px solid var(--color-primary-lt);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f0fdfa,#e0f7f5);margin:3rem 0;padding:3rem 2rem}.aff-bottom-cta h2{color:var(--color-navy-dk);margin:0 0 .6rem;font-size:1.5rem}.aff-bottom-cta p{color:var(--color-muted);max-width:480px;margin:0 auto 1.5rem}.article-aff-cta{background:var(--color-bg-alt);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.75rem;padding:1rem 1.25rem;display:flex}.article-aff-cta__text{color:var(--color-text);margin:0;font-size:.92rem}.article-aff-cta__link{color:var(--color-primary);white-space:nowrap;font-size:.9rem;font-weight:600;text-decoration:none}.article-aff-cta__link:hover{text-decoration:underline}@media (width<=768px){.aff-hero h1{font-size:1.85rem}.aff-hero__sub{font-size:1rem}.steps-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,1fr)}.aff-bottom-cta{padding:2rem 1.25rem}}@media (width<=480px){.aff-hero h1{font-size:1.6rem}.referral-code-box__code{font-size:1.3rem}.referral-code-box__inner{flex-wrap:wrap;justify-content:center}.resource-grid{grid-template-columns:1fr}.article-aff-cta{flex-direction:column;align-items:flex-start}}.guide-cta-block{border:1.5px solid var(--color-primary-lt);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f0fdfa,#e0f7f5);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin:2rem 0;padding:1.5rem 1.75rem;display:flex}.guide-cta-block--bottom{text-align:center;flex-direction:column;padding:2rem}.guide-cta-block__desc{color:var(--color-text);flex:1;margin:0;font-size:.92rem}.guide-cta-block--bottom .guide-cta-block__desc{max-width:520px;margin:0 auto 1.25rem}.guide-cta-block__inactive{color:var(--color-muted);margin:0;font-size:.88rem}.mission-box{border-radius:var(--radius-lg);background:#f0fdfa;border:2px solid #0d9488;margin:2rem 0;padding:1.5rem}.mission-box__head{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.mission-box__head h3{color:var(--color-navy-dk);margin:0;font-size:1.05rem}.mission-box__badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#0d9488;border-radius:100px;padding:2px 8px;font-size:.7rem;font-weight:700}.mission-box__desc{color:var(--color-text);margin:0 0 1rem;font-size:.9rem;line-height:1.65}.credit-warning{border-radius:var(--radius-sm);background:#fff8f0;border:1.5px solid #f59e0b;align-items:flex-start;gap:.75rem;margin:1.5rem 0;padding:1rem 1.25rem;display:flex}.credit-warning__icon{flex-shrink:0;margin-top:.1rem;font-size:1.25rem;line-height:1}.credit-warning p{color:#92400e;margin:0;font-size:.9rem;line-height:1.65}.guide-note{color:var(--color-muted);margin-top:.75rem;font-size:.82rem;line-height:1.6}.compare-table-wrap{-webkit-overflow-scrolling:touch;margin:1.25rem 0;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:.9rem}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border:1px solid #e2e8f0;padding:.6rem .85rem}.compare-table thead th{background:var(--color-bg-alt);color:var(--color-navy-dk);font-weight:600}.compare-table tbody tr:nth-child(2n) td{background:#fafafa}.faq-list{flex-direction:column;gap:1rem;margin:1rem 0 0;display:flex}.faq-item{border-radius:var(--radius-sm);background:#fff;border:1px solid #e2e8f0;padding:1rem 1.25rem}.faq-item__q{color:var(--color-navy-dk);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.faq-item__a{color:var(--color-text);margin:0;font-size:.9rem;line-height:1.65}@media (width<=768px){.guide-cta-block{flex-direction:column;align-items:flex-start}.compare-table{font-size:.82rem}}@media (width<=480px){.mission-box{padding:1.1rem}.credit-warning{flex-direction:column}}