:root{--background:#f5f4ee;--surface:#ffffff;--surface-soft:#ecebe4;--text:#151515;--text-soft:#66665f;--border:#1b1b1b;--border-soft:#d8d7cf;--brand:#d7ff3f;--brand-hover:#c6f22b;--brand-dark:#1e2b00;--blue:#574bff;--orange:#ff6b35;--pink:#ff62b0;--green:#38d17a;--radius-small:10px;--radius-medium:18px;--radius-large:28px;--shadow:8px 8px 0 #151515;--container:1200px;--header-height:82px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 90% 5%,rgb(215 255 63 / .3),transparent 22rem),var(--background);font-family:"IBM Plex Sans Thai",sans-serif;font-size:16px;line-height:1.65}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,.english{font-family:"Manrope","IBM Plex Sans Thai",sans-serif}:focus-visible{outline:4px solid var(--blue);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.section{padding:90px 0}.section--tight{padding:65px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:7px 13px;color:var(--text);background:var(--brand);border:2px solid var(--border);border-radius:999px;font-family:"Manrope",sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.eyebrow::before{width:8px;height:8px;background:currentColor;border-radius:50%;content:""}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2{max-width:750px;margin-bottom:0;font-size:clamp(2rem, 5vw, 4rem);line-height:1.08;letter-spacing:-.045em}.section-heading p{max-width:480px;margin-bottom:5px;color:var(--text-soft);font-size:1.05rem}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.text-link:hover{color:var(--blue)}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:12px 20px;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:999px;font-weight:700;line-height:1;transition:transform 150ms ease,box-shadow 150ms ease,background 150ms ease}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text)}.button--brand{background:var(--brand)}.button--brand:hover{background:var(--brand-hover)}.button--dark{color:#fff;background:var(--text)}.button--dark:hover{color:var(--text);background:var(--brand)}.button--small{min-height:42px;padding:10px 17px;font-size:.92rem}.site-header{position:sticky;z-index:100;top:0;height:var(--header-height);background:rgb(245 244 238 / .92);border-bottom:2px solid var(--border);backdrop-filter:blur(16px)}.header-inner{display:flex;height:100%;align-items:center;justify-content:space-between;gap:30px}.logo{display:inline-flex;align-items:center;gap:10px;font-family:"Manrope",sans-serif;font-size:1.65rem;font-weight:800;letter-spacing:-.06em}.logo-mark{display:grid;width:38px;height:38px;place-items:center;color:var(--text);background:var(--brand);border:2px solid var(--border);border-radius:10px;font-size:1rem;transform:rotate(-4deg)}.logo-dot{color:var(--blue)}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.desktop-nav a{position:relative;font-size:.96rem;font-weight:600}.desktop-nav a::after{position:absolute;right:0;bottom:-7px;left:0;height:3px;background:var(--brand);content:"";transform:scaleX(0);transform-origin:right;transition:transform 180ms ease}.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}.header-actions{display:flex;align-items:center;gap:10px}.search-toggle,.menu-toggle{display:grid;width:46px;height:46px;place-items:center;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:50%}.menu-toggle{display:none}.mobile-menu{position:fixed;z-index:90;inset:var(--header-height) 0 0;padding:35px 20px;background:var(--brand);opacity:0;visibility:hidden;transform:translateY(-15px);transition:opacity 180ms ease,visibility 180ms ease,transform 180ms ease}.mobile-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{padding:15px 0;border-bottom:2px solid rgb(21 21 21 / .25);font-family:"Manrope","IBM Plex Sans Thai",sans-serif;font-size:clamp(1.8rem, 8vw, 3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.2}.search-overlay{position:fixed;z-index:200;inset:0;display:grid;place-items:start center;padding:130px 20px 40px;background:rgb(21 21 21 / .92);opacity:0;visibility:hidden;transition:opacity 180ms ease,visibility 180ms ease}.search-overlay.is-open{opacity:1;visibility:visible}.search-panel{position:relative;width:min(100%, 850px);padding:35px;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-large);box-shadow:10px 10px 0 var(--brand)}.search-panel h2{margin-bottom:22px;font-size:clamp(2rem, 5vw, 4rem);letter-spacing:-.05em;line-height:1.05}.search-close{position:absolute;top:18px;right:18px;display:grid;width:43px;height:43px;place-items:center;color:#fff;background:var(--text);border:0;border-radius:50%;font-size:1.3rem}.hero{position:relative;overflow:hidden;padding:95px 0 80px;border-bottom:2px solid var(--border)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,0.6fr);align-items:center;gap:70px}.hero h1{max-width:930px;margin-bottom:26px;font-size:clamp(3.4rem, 8vw, 7.2rem);font-weight:800;letter-spacing:-.07em;line-height:.97}.hero h1 .highlight{position:relative;z-index:1;display:inline-block}.hero h1 .highlight::after{position:absolute;z-index:-1;right:-5px;bottom:5px;left:-5px;height:28%;background:var(--brand);content:"";transform:rotate(-1deg)}.hero-copy{max-width:760px;margin-bottom:34px;color:var(--text-soft);font-size:clamp(1.08rem, 2vw, 1.3rem)}.hero-search,.overlay-search{display:flex;max-width:720px;padding:7px;background:var(--surface);border:2px solid var(--border);border-radius:999px;box-shadow:var(--shadow)}.hero-search input,.overlay-search input{min-width:0;flex:1;padding:11px 17px;color:var(--text);background:#fff0;border:0;outline:0}.hero-search input::placeholder,.overlay-search input::placeholder{color:#8a8a82}.hero-search button,.overlay-search button{min-width:125px;padding:12px 20px;color:#fff;background:var(--text);border:0;border-radius:999px;font-weight:700}.hero-search button:hover,.overlay-search button:hover{color:var(--text);background:var(--brand)}.popular-searches{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.popular-searches>span{padding-top:7px;color:var(--text-soft);font-size:.9rem;font-weight:600}.search-chip{padding:6px 12px;background:#fff0;border:1px solid var(--border-soft);border-radius:999px;font-size:.86rem}.search-chip:hover{background:var(--surface);border-color:var(--text)}.hero-visual{position:relative;min-height:470px}.hero-card{position:absolute;width:280px;padding:22px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-medium);box-shadow:7px 7px 0 var(--text)}.hero-card--one{z-index:3;top:15px;left:15px;transform:rotate(-5deg)}.hero-card--two{z-index:2;top:160px;right:5px;background:var(--brand);transform:rotate(5deg)}.hero-card--three{z-index:1;bottom:0;left:0;background:var(--pink);transform:rotate(-2deg)}.hero-card-label{margin-bottom:24px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-product{display:flex;align-items:center;gap:13px;margin-bottom:20px}.product-icon{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;color:#fff;background:var(--blue);border:2px solid var(--border);border-radius:13px;font-family:"Manrope",sans-serif;font-size:1rem;font-weight:800}.product-icon--black{background:#151515}.product-icon--orange{background:var(--orange)}.hero-product h3{margin:0;font-size:1.15rem}.hero-product p{margin:0;color:var(--text-soft);font-size:.83rem}.score-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.score{font-family:"Manrope",sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.06em;line-height:1}.score small{font-size:.9rem;letter-spacing:normal}.score-label{font-size:.8rem;font-weight:700}.guide-grid{display:grid;grid-template-columns:1.25fr 0.75fr 0.75fr;gap:20px}.guide-card{position:relative;display:flex;min-height:390px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:28px;color:#fff;background:var(--text);border:2px solid var(--border);border-radius:var(--radius-large);transition:transform 180ms ease,box-shadow 180ms ease}.guide-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--brand)}.guide-card--blue{color:#fff;background:var(--blue)}.guide-card--lime{color:var(--text);background:var(--brand)}.guide-card-number{font-family:"Manrope",sans-serif;font-size:.86rem;font-weight:800;letter-spacing:.08em}.guide-card h3{max-width:510px;margin:auto 0 20px;font-size:clamp(1.75rem, 3vw, 3.3rem);letter-spacing:-.05em;line-height:1.12}.guide-card p{max-width:480px;margin-bottom:0;opacity:.75}.guide-arrow{position:absolute;top:24px;right:24px;display:grid;width:48px;height:48px;place-items:center;color:var(--text);background:#fff;border:2px solid var(--border);border-radius:50%;font-size:1.4rem;transition:transform 180ms ease}.guide-card:hover .guide-arrow{transform:rotate(-35deg)}.software-section{background:var(--surface);border-block:2px solid var(--border)}.software-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.software-card{display:flex;min-height:390px;flex-direction:column;padding:24px;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-medium);transition:transform 160ms ease,box-shadow 160ms ease}.software-card:hover{transform:translateY(-6px);box-shadow:6px 6px 0 var(--text)}.software-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.software-logo{display:grid;width:62px;height:62px;place-items:center;color:#fff;background:var(--blue);border:2px solid var(--border);border-radius:15px;font-family:"Manrope",sans-serif;font-size:1.1rem;font-weight:800}.software-logo--black{background:#151515}.software-logo--green{color:#151515;background:var(--green)}.software-score{padding:7px 11px;background:var(--brand);border:2px solid var(--border);border-radius:999px;font-family:"Manrope",sans-serif;font-size:.86rem;font-weight:800}.software-card h3{margin-bottom:8px;font-size:1.65rem;letter-spacing:-.035em}.software-verdict{min-height:55px;margin-bottom:20px;color:var(--text-soft)}.meta-list{display:grid;gap:12px;margin:0 0 25px}.meta-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid var(--border-soft);font-size:.92rem}.meta-item dt{color:var(--text-soft)}.meta-item dd{margin:0;font-weight:700;text-align:right}.software-card .button{width:100%;margin-top:auto}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.category-card{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;padding:22px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-medium);transition:transform 160ms ease,background 160ms ease}.category-card:hover{background:var(--brand);transform:rotate(-2deg) translateY(-4px)}.category-icon{font-size:2rem}.category-card h3{margin-bottom:5px;font-size:1.25rem;letter-spacing:-.03em}.category-card p{margin:0;color:var(--text-soft);font-size:.86rem}.comparison-list{border-top:2px solid var(--border)}.comparison-item{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:25px;padding:25px 0;border-bottom:2px solid var(--border);transition:padding 160ms ease}.comparison-item:hover{padding-inline:14px;background:var(--brand)}.comparison-item.is-pending{cursor:default}.comparison-item.is-pending:hover{padding-inline:0;background:#fff0}.pending-badge{display:inline-flex;align-items:center;padding:7px 12px;background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}.software-score-note{margin:0 0 16px;color:var(--text-soft);font-size:.82rem;line-height:1.5}.comparison-logos{display:flex}.comparison-logo{display:grid;width:52px;height:52px;place-items:center;color:#fff;background:var(--blue);border:2px solid var(--border);border-radius:50%;font-family:"Manrope",sans-serif;font-size:.75rem;font-weight:800}.comparison-logo+.comparison-logo{margin-left:-10px}.comparison-logo--black{background:var(--text)}.comparison-logo--orange{background:var(--orange)}.comparison-item h3{margin-bottom:4px;font-size:clamp(1.25rem, 3vw, 2rem);letter-spacing:-.035em}.comparison-item p{margin:0;color:var(--text-soft)}.round-arrow{display:grid;width:50px;height:50px;place-items:center;background:var(--surface);border:2px solid var(--border);border-radius:50%;font-size:1.3rem}.methodology{color:#fff;background:var(--text)}.methodology-grid{display:grid;grid-template-columns:0.75fr 1.25fr;gap:80px}.methodology h2{margin-bottom:24px;font-size:clamp(2.8rem, 6vw, 5.5rem);letter-spacing:-.06em;line-height:1}.methodology-intro{max-width:520px;color:#bdbdb7;font-size:1.15rem}.steps{display:grid;gap:0;border-top:1px solid #454545}.step{display:grid;grid-template-columns:65px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid #454545}.step-number{color:var(--brand);font-family:"Manrope",sans-serif;font-size:1rem;font-weight:800}.step h3{margin-bottom:6px;font-size:1.35rem}.step p{margin:0;color:#a8a8a2}.newsletter-card{position:relative;overflow:hidden;padding:70px;background:var(--brand);border:2px solid var(--border);border-radius:var(--radius-large);box-shadow:var(--shadow)}.newsletter-card::after{position:absolute;top:-90px;right:-70px;width:270px;height:270px;background:var(--pink);border:2px solid var(--border);border-radius:50%;content:""}.newsletter-content{position:relative;z-index:2;max-width:760px}.newsletter-card h2{margin-bottom:16px;font-size:clamp(2.5rem, 6vw, 5.4rem);letter-spacing:-.06em;line-height:1}.newsletter-card p{max-width:580px;margin-bottom:25px;font-size:1.1rem}.newsletter-form{display:flex;max-width:620px;gap:10px}.newsletter-form input{min-width:0;flex:1;padding:14px 18px;background:var(--surface);border:2px solid var(--border);border-radius:999px;outline:0}.newsletter-message{margin-top:14px;font-weight:700}.site-footer{padding:70px 0 35px;color:#fff;background:var(--text)}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,0.6fr);gap:50px;margin-bottom:65px}.footer-brand p{max-width:390px;margin:20px 0 0;color:#a8a8a2}.footer-heading{margin-bottom:15px;color:var(--brand);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer-links{display:grid;gap:10px}.footer-links a{color:#deded8}.footer-links a:hover{color:var(--brand)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:25px;color:#8f8f89;border-top:1px solid #414141;font-size:.88rem}.page-main{padding:48px 0 90px}.page-main h1{max-width:18em;margin-bottom:16px;font-size:clamp(2.2rem, 5vw, 4rem);letter-spacing:-.05em;line-height:1.1}@media (max-width:1050px){.desktop-nav,.header-newsletter{display:none}.menu-toggle{display:grid}.hero-grid{grid-template-columns:1fr}.hero-visual{width:min(100%, 650px);margin:10px auto 0}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card:first-child{grid-column:1 / -1}.software-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.methodology-grid{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){:root{--header-height:72px;--shadow:5px 5px 0 #151515}.container{width:min(calc(100% - 28px), var(--container))}.section{padding:65px 0}.header-actions .search-toggle{display:none}.hero{padding:65px 0 55px}.hero h1{font-size:clamp(3rem, 15vw, 5.1rem)}.hero-search,.overlay-search{display:grid;padding:8px;border-radius:20px}.hero-search input,.overlay-search input{min-height:53px}.hero-search button,.overlay-search button{min-height:48px;width:100%}.hero-visual{min-height:420px}.hero-card{width:min(270px, 80vw)}.hero-card--one{left:3px}.hero-card--two{right:3px}.hero-card--three{bottom:-10px;left:20px}.section-heading{display:block}.section-heading p{margin-top:15px}.guide-grid,.software-grid,.category-grid{grid-template-columns:1fr}.guide-card:first-child{grid-column:auto}.guide-card{min-height:340px}.software-card{min-height:auto}.category-card{min-height:170px}.comparison-item{grid-template-columns:95px 1fr}.comparison-item .round-arrow{display:none}.newsletter-card{padding:42px 25px}.newsletter-card::after{top:-95px;right:-115px;width:220px;height:220px}.newsletter-form{display:grid}.newsletter-form input,.newsletter-form button{width:100%}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column}.search-panel{padding:28px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important}}.lede{max-width:40rem;color:var(--text-soft);font-size:1.08rem;line-height:1.7}.review{display:grid;grid-template-columns:minmax(0,44rem) minmax(14rem,18rem);gap:48px;padding:48px 0 90px}.verdict{padding:24px;background:var(--surface);border:2px solid var(--border);border-left:8px solid var(--brand)}.verdict p{margin:8px 0 0;font-size:1.25rem;line-height:1.5}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.box{padding:16px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-small)}.box h3{margin:0 0 12px;font-size:.9rem}.box ul{margin:0;padding-left:1.1rem}.score-table,.price-table,.compare-table{width:100%;border-collapse:collapse}.score-table th,.score-table td,.price-table th,.price-table td,.compare-table th,.compare-table td{padding:.7rem 0;border-bottom:1px solid var(--border-soft);text-align:left}.shot{display:grid;place-items:center;min-height:12rem;margin:16px 0;padding:16px;color:var(--text-soft);background:var(--surface-soft);border:2px dashed var(--border);text-align:center}.dates{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0;color:var(--text-soft);font-size:.9rem}.review-rail{position:sticky;top:calc(var(--header-height) + 16px);align-self:start;padding-top:12px;border-top:2px solid var(--border)}.review-rail a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid var(--border-soft);font-size:.92rem}.placeholder-note{margin:0 0 16px;padding:12px 16px;background:#fff6d8;border:2px solid var(--border);font-size:.92rem}.choose{display:grid;gap:12px;margin-top:24px}.choose div{padding:16px;border:2px solid var(--border);background:var(--surface);border-radius:var(--radius-small)}.disclosure{padding:16px;background:var(--surface);border:2px solid var(--border);border-left:8px solid var(--blue)}.disclosure__label{display:block;font-weight:800;font-size:.78rem;margin-bottom:6px}.entro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entro-card{display:flex;flex-direction:column;gap:8px;min-height:44px;padding:16px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-small)}.entro-card__kicker{font-size:.75rem;font-weight:800}.entro-card__title{font-weight:800}.entro-card__blurb{color:var(--text-soft);font-size:.88rem}.entro-card__go{margin-top:auto;font-weight:700}.note{color:var(--text-soft);font-size:.88rem}.article-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;color:var(--text-soft);font-size:.9rem;font-weight:600}.topic-pill{padding:4px 10px;border:2px solid var(--border);border-radius:999px;background:var(--brand);color:var(--text);font-size:.75rem;font-weight:800}@media (max-width:860px){.review,.split,.entro-cards{grid-template-columns:1fr}.review-rail{position:static}}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-medium)}.cat-row{display:flex;flex-wrap:wrap;gap:12px}.cat-chip{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:2px solid var(--border);background:var(--surface);border-radius:999px;font-weight:700}.cat-chip:hover{background:var(--brand)}.page-main .guide-grid{min-height:auto}@media (max-width:720px){.product-grid{grid-template-columns:1fr}}