:root{--background:#f5f4ee;--surface:#ffffff;--surface-soft:#eae9e2;--text:#151515;--text-soft:#66665f;--border:#151515;--border-soft:#d5d4cc;--brand:#d7ff3f;--brand-hover:#c7f229;--blue:#574bff;--orange:#ff6b35;--pink:#ff62b0;--green:#36d17b;--yellow:#ffd84d;--radius-small:10px;--radius-medium:18px;--radius-large:30px;--shadow-small:5px 5px 0 var(--text);--shadow-large:9px 9px 0 var(--text);--container:1200px;--header-height:82px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--background);font-family:"IBM Plex Sans Thai",sans-serif;font-size:16px;line-height:1.65}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{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}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.section{padding:90px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:7px 13px;background:var(--brand);border:2px solid var(--border);border-radius:999px;font-family:"Manrope",sans-serif;font-size:.76rem;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:770px;margin-bottom:0;font-size:clamp(2.2rem, 5vw, 4.5rem);letter-spacing:-.055em;line-height:1.04}.section-heading p{max-width:470px;margin-bottom:4px;color:var(--text-soft);font-size:1.05rem}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;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}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.site-header{position:sticky;z-index:100;top:0;height:var(--header-height);background:rgb(245 244 238 / .93);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;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:-8px;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}.menu-toggle{display:none;width:46px;height:46px;place-items:center;background:var(--surface);border:2px solid var(--border);border-radius:50%;font-size:1.15rem}.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 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.1rem);font-weight:800;letter-spacing:-.04em;line-height:1.2}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;color:var(--text-soft);font-size:.9rem}.breadcrumbs a:hover{color:var(--blue);text-decoration:underline}.hero{position:relative;overflow:hidden;padding:48px 0 85px;border-bottom:2px solid var(--border)}.hero::before{position:absolute;top:-210px;right:-150px;width:570px;height:570px;background:var(--brand);border:2px solid var(--border);border-radius:50%;content:""}.hero::after{position:absolute;right:22%;bottom:-130px;width:240px;height:240px;background:var(--pink);border:2px solid var(--border);border-radius:50%;content:""}.hero-content{position:relative;z-index:2;max-width:1000px}.hero h1{margin-bottom:27px;font-size:clamp(3.7rem, 10vw, 8.8rem);font-weight:800;letter-spacing:-.075em;line-height:.9}.hero h1 span{position:relative;z-index:1;display:inline-block}.hero h1 span::after{position:absolute;z-index:-1;right:-8px;bottom:3px;left:-8px;height:27%;background:var(--brand);content:"";transform:rotate(-1deg)}.hero-copy{max-width:750px;margin-bottom:34px;color:var(--text-soft);font-size:clamp(1.08rem, 2vw, 1.3rem)}.comparison-search{display:flex;max-width:760px;padding:7px;background:var(--surface);border:2px solid var(--border);border-radius:999px;box-shadow:var(--shadow-large)}.comparison-search input{min-width:0;flex:1;padding:12px 18px;color:var(--text);background:#fff0;border:0;outline:0}.comparison-search button{min-width:135px;padding:12px 20px;color:#fff;background:var(--text);border:0;border-radius:999px;font-weight:700}.comparison-search button:hover{color:var(--text);background:var(--brand)}.hero-stats-line{margin:38px 0 0;max-width:34rem;color:var(--text-soft);font-size:1rem;font-weight:600}.pending-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--border)}.pending-item{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:22px;padding:22px 0;border-bottom:2px solid var(--border)}.pending-item h3{margin:0 0 4px;font-size:clamp(1.15rem, 2.4vw, 1.7rem);letter-spacing:-.03em}.pending-item p{margin:0;color:var(--text-soft)}.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}.hero-stat strong{display:block;font-family:"Manrope",sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-.05em;line-height:1}.hero-stat span{color:var(--text-soft);font-size:.85rem}.featured-comparison{position:relative;display:grid;grid-template-columns:1fr 0.78fr;gap:50px;overflow:hidden;padding:50px;color:#fff;background:var(--blue);border:2px solid var(--border);border-radius:var(--radius-large);box-shadow:var(--shadow-large)}.featured-comparison::after{position:absolute;right:-80px;bottom:-130px;width:290px;height:290px;background:var(--pink);border:2px solid var(--border);border-radius:50%;content:""}.featured-content,.battle{position:relative;z-index:2}.featured-label{display:inline-block;margin-bottom:35px;padding:7px 12px;color:var(--text);background:var(--brand);border:2px solid var(--border);border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.featured-comparison h2{max-width:620px;margin-bottom:20px;font-size:clamp(2.5rem, 6vw, 5.3rem);letter-spacing:-.06em;line-height:.98}.featured-comparison p{max-width:600px;margin-bottom:28px;color:rgb(255 255 255 / .78);font-size:1.08rem}.battle{display:flex;min-height:350px;align-items:center;justify-content:center}.battle-product{position:absolute;width:210px;padding:25px 20px;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-medium);box-shadow:var(--shadow-small);text-align:center}.battle-product:first-child{z-index:2;left:5%;transform:rotate(-7deg)}.battle-product:last-child{z-index:1;right:2%;background:var(--brand);transform:rotate(7deg)}.battle-logo{display:grid;width:70px;height:70px;place-items:center;margin:0 auto 18px;color:#fff;background:var(--blue);border:2px solid var(--border);border-radius:18px;font-family:"Manrope",sans-serif;font-size:1.1rem;font-weight:800}.battle-logo--orange{background:var(--orange)}.battle-product h3{margin-bottom:5px;font-size:1.25rem}.battle-product p{margin:0;color:var(--text-soft);font-size:.85rem}.versus{position:relative;z-index:4;display:grid;width:65px;height:65px;place-items:center;color:var(--text);background:var(--pink);border:2px solid var(--border);border-radius:50%;box-shadow:4px 4px 0 var(--text);font-family:"Manrope",sans-serif;font-weight:800}.filter-section{position:sticky;z-index:20;top:var(--header-height);padding:17px 0;background:rgb(245 244 238 / .96);border-bottom:2px solid var(--border);backdrop-filter:blur(15px)}.filter-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.filter-buttons{display:flex;flex-wrap:wrap;gap:9px}.filter-button{min-height:40px;padding:8px 15px;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:999px;font-size:.88rem;font-weight:700}.filter-button:hover,.filter-button.is-active{background:var(--brand)}.result-count{flex:0 0 auto;color:var(--text-soft);font-size:.9rem;font-weight:600}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.comparison-card{display:flex;min-height:430px;flex-direction:column;padding:28px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-medium);transition:transform 160ms ease,box-shadow 160ms ease}.comparison-card:hover{transform:translate(-4px,-4px);box-shadow:7px 7px 0 var(--text)}.comparison-card[hidden]{display:none}.comparison-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.product-pair{display:flex;align-items:center}.product-logo{display:grid;width:64px;height:64px;place-items:center;color:#fff;background:var(--blue);border:2px solid var(--border);border-radius:16px;font-family:"Manrope",sans-serif;font-size:.9rem;font-weight:800}.product-logo+.product-logo{margin-left:-10px}.logo-black{background:var(--text)}.logo-orange{background:var(--orange)}.logo-green{color:var(--text);background:var(--green)}.logo-pink{color:var(--text);background:var(--pink)}.logo-yellow{color:var(--text);background:var(--yellow)}.category-tag{padding:6px 10px;background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:999px;font-size:.76rem;font-weight:700}.comparison-card h3{margin-bottom:10px;font-size:clamp(1.65rem, 3vw, 2.35rem);letter-spacing:-.05em;line-height:1.1}.comparison-card>p{margin-bottom:24px;color:var(--text-soft)}.winner-box{margin-bottom:25px;padding:16px;background:var(--brand);border:2px solid var(--border);border-radius:var(--radius-small)}.winner-label{display:block;margin-bottom:3px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.winner-box strong{font-size:1rem}.quick-decisions{display:grid;gap:10px;margin-bottom:27px}.quick-decision{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;font-size:.9rem}.decision-icon{display:grid;width:21px;height:21px;place-items:center;color:#fff;background:var(--text);border-radius:50%;font-size:.7rem;font-weight:800}.comparison-card .button{width:100%;margin-top:auto}.empty-state{display:none;padding:70px 25px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-large);text-align:center}.empty-state.is-visible{display:block}.empty-state strong{display:block;margin-bottom:10px;font-family:"Manrope",sans-serif;font-size:2rem;letter-spacing:-.04em}.process{color:#fff;background:var(--text)}.process .eyebrow{color:var(--text)}.process-heading{max-width:850px;margin-bottom:50px}.process-heading h2{margin-bottom:20px;font-size:clamp(2.6rem, 6vw, 5.8rem);letter-spacing:-.065em;line-height:.98}.process-heading p{max-width:650px;color:#aaa9a2;font-size:1.1rem}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #4a4a47}.process-card{min-height:270px;padding:25px;border-right:1px solid #4a4a47;border-bottom:1px solid #4a4a47}.process-card:first-child{border-left:1px solid #4a4a47}.process-number{display:block;margin-bottom:70px;color:var(--brand);font-family:"Manrope",sans-serif;font-weight:800}.process-card h3{margin-bottom:8px;font-size:1.25rem}.process-card p{margin:0;color:#9e9e98;font-size:.92rem}.request-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;overflow:hidden;padding:60px;background:var(--brand);border:2px solid var(--border);border-radius:var(--radius-large);box-shadow:var(--shadow-large)}.request-card::after{position:absolute;top:-80px;right:20%;width:180px;height:180px;background:var(--pink);border:2px solid var(--border);border-radius:50%;content:""}.request-content{position:relative;z-index:2}.request-card h2{max-width:760px;margin-bottom:15px;font-size:clamp(2.4rem, 6vw, 5.2rem);letter-spacing:-.06em;line-height:1}.request-card p{max-width:650px;margin-bottom:0;font-size:1.1rem}.request-action{position:relative;z-index:2}.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}.lede{max-width:40rem;color:var(--text-soft);font-size:1.08rem}.placeholder-note{margin:0 0 16px;padding:12px 16px;background:#fff6d8;border:2px solid var(--border)}.compare-table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{padding:.7rem 0;border-bottom:1px solid var(--border-soft);text-align:left}.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)}@media (max-width:1020px){.desktop-nav,.header-button{display:none}.menu-toggle{display:grid}.featured-comparison{grid-template-columns:1fr}.battle{max-width:600px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card:nth-child(3){border-left:1px solid #4a4a47}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){:root{--header-height:72px;--shadow-large:5px 5px 0 var(--text)}.container{width:min(calc(100% - 28px), var(--container))}.section{padding:65px 0}.hero{padding:35px 0 65px}.hero::before{top:-160px;right:-190px;width:390px;height:390px}.hero::after{display:none}.hero h1{font-size:clamp(3.5rem, 18vw, 6rem)}.comparison-search{display:grid;padding:8px;border-radius:20px}.comparison-search input{min-height:52px}.comparison-search button{min-height:48px;width:100%}.section-heading{display:block}.section-heading p{margin-top:15px}.featured-comparison{padding:35px 24px}.battle{min-height:300px}.battle-product{width:175px;padding:20px 15px}.battle-product:first-child{left:0}.battle-product:last-child{right:0}.battle-logo{width:58px;height:58px}.versus{width:54px;height:54px}.filter-section{position:static}.filter-inner{display:block}.filter-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.filter-button{flex:0 0 auto}.result-count{margin-top:7px}.comparison-grid{grid-template-columns:1fr}.comparison-card{min-height:auto}.pending-item{grid-template-columns:95px 1fr}.pending-item .pending-badge{grid-column:2;justify-self:start}.process-grid{grid-template-columns:1fr}.process-card,.process-card:nth-child(3){border-left:1px solid #4a4a47}.process-number{margin-bottom:35px}.request-card{grid-template-columns:1fr;gap:30px;padding:42px 25px}.request-card::after{top:-100px;right:-80px}.request-action .button{width:100%}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column}}@media (max-width:460px){.battle-product{width:155px}.battle-product h3{font-size:1rem}.battle-product:first-child{left:-5px}.battle-product:last-child{right:-5px}.versus{width:48px;height:48px;font-size:.8rem}}@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}}