:root{--base: #E4EAE2;--sd: #C4CAC2;--sl: #FEFFFC;--accent: #1B7A6E;--accent-h: #156059;--accent-l: #E0F2F0;--text: #252B23;--text-2: #525950;--text-3: #596158;--border: #D4DAD2;--white: #FFFFFF;--font-d: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-b: "Inter Variable", "Inter", system-ui, sans-serif;--rainbow: linear-gradient(90deg, #FF3B30 0%, #FF9500 20%, #FFCC00 37%, #34C759 53%, #007AFF 70%, #AF52DE 100%);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 32px;--neu: 6px 6px 14px var(--sd), -5px -5px 12px var(--sl);--neu-sm: 4px 4px 9px var(--sd), -4px -4px 9px var(--sl);--neu-xs: 2px 2px 5px var(--sd), -2px -2px 5px var(--sl);--neu-in: inset 4px 4px 9px var(--sd), inset -4px -4px 9px var(--sl);--neu-in-sm: inset 2px 2px 6px var(--sd), inset -2px -2px 6px var(--sl)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-b);background:var(--base);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-d);letter-spacing:-.03em;line-height:1.1;color:var(--text)}.rainbow-text{background:var(--rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rainbow-bar{display:inline-block;width:28px;height:3px;border-radius:2px;background:var(--rainbow);flex-shrink:0}.section{padding:64px 0}.section-inner{max-width:1200px;margin:0 auto;padding:0 40px}.section-header{margin-bottom:36px}.section-header h2{font-size:clamp(1.75rem,3vw,2.75rem);font-weight:800;margin-bottom:8px}.section-header p{color:var(--text-2);font-size:1rem}.nav{position:sticky;top:0;z-index:100;background:var(--base);box-shadow:0 4px 14px #00000012;height:68px}.nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;gap:8px}.nav-logo{font-family:var(--font-d);font-size:1.125rem;font-weight:800;letter-spacing:-.05em;margin-right:16px;flex-shrink:0}.nav-links{display:flex;gap:2px;list-style:none;flex:1}.nav-links a{display:block;padding:8px 14px;border-radius:var(--r-sm);font-size:.9rem;font-weight:500;color:var(--text-2);transition:color .15s,box-shadow .15s}.nav-links a:hover{box-shadow:var(--neu-xs);color:var(--text)}.nav-search{margin-left:auto;background:var(--base);border:none;border-radius:var(--r-sm);box-shadow:var(--neu-in-sm);padding:9px 16px;font-size:.875rem;color:var(--text-3);cursor:pointer;display:flex;align-items:center;gap:7px;font-family:var(--font-b);transition:color .15s}.nav-search:hover{color:var(--text-2)}.nav-item{position:relative}.nav-item:hover .mega{opacity:1;pointer-events:all;transform:translateY(0)}.mega{position:absolute;top:calc(100% + 16px);left:-20px;background:var(--base);border-radius:var(--r-xl);box-shadow:var(--neu);padding:28px;min-width:500px;display:grid;grid-template-columns:1fr 1fr;gap:28px;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .2s,transform .2s}.mega:before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}.mega-col-heading{font-family:var(--font-d);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px}.mega-col ul{list-style:none;display:flex;flex-direction:column;gap:3px}.mega-col ul li a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--r-sm);font-size:.9rem;font-weight:500;color:var(--text-2);transition:color .15s,box-shadow .15s}.mega-col ul li a:hover{box-shadow:var(--neu-xs);color:var(--text)}.mega-icon{width:34px;height:34px;border-radius:10px;background:var(--base);box-shadow:var(--neu-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mega-icon svg{width:16px;height:16px;stroke:var(--text-2);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:var(--r-md);font-size:.9375rem;font-weight:700;font-family:var(--font-b);background:var(--accent);color:#fff;border:none;cursor:pointer;box-shadow:5px 5px 10px #00000047,-3px -3px 8px #ffffff47;transition:background .15s,transform .1s;line-height:1;text-decoration:none}.btn-primary:hover{background:var(--accent-h)}.btn-primary:active{box-shadow:inset 3px 3px 8px #0000004d,inset -2px -2px 6px #ffffff2e;transform:scale(.99)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:var(--r-md);font-size:.9375rem;font-weight:600;font-family:var(--font-b);background:var(--base);color:var(--text);border:none;cursor:pointer;box-shadow:var(--neu-sm);transition:background .15s,transform .1s;line-height:1;text-decoration:none}.btn-secondary:active{box-shadow:var(--neu-in-sm);transform:scale(.99)}.btn-cta{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:var(--r-sm);font-size:.8125rem;font-weight:700;font-family:var(--font-b);background:var(--accent);color:#fff;border:none;cursor:pointer;box-shadow:4px 4px 8px #00000042,-3px -3px 7px #ffffff42;transition:background .15s;line-height:1}.btn-cta:hover{background:var(--accent-h)}.btn-cta:active{box-shadow:inset 2px 2px 6px #00000047,inset -2px -2px 5px #ffffff29}.btn-outline-light{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:var(--r-md);font-size:.9375rem;font-weight:600;font-family:var(--font-b);background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.25);cursor:pointer;box-shadow:4px 4px 10px #0003,-2px -2px 6px #ffffff0d;transition:background .15s;line-height:1;text-decoration:none}.btn-outline-light:hover{background:#ffffff2e}.hero-wrap{background:var(--white);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12;pointer-events:none}.hero{position:relative;z-index:1}.hero{max-width:1200px;margin:0 auto;padding:96px 40px 80px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.hero h1{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;max-width:14ch;margin-bottom:28px}.hero p{font-size:1.125rem;color:var(--text-2);max-width:46ch;line-height:1.75;margin-bottom:40px}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}.brand-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}.brand-strip::-webkit-scrollbar{display:none}.brand-chip{flex-shrink:0;padding:9px 18px;border-radius:100px;font-size:.875rem;font-weight:600;color:var(--text-2);background:var(--base);cursor:pointer;transition:color .15s;white-space:nowrap;box-shadow:var(--neu-xs)}.brand-chip:hover{color:var(--text)}.brand-chip.active{background:var(--accent);color:#fff;box-shadow:3px 3px 7px #0f463e52,-2px -2px 6px #ffffff29}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cat-card{background:var(--base);border-radius:var(--r-lg);padding:22px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:transform .2s;box-shadow:var(--neu-sm)}.cat-card:hover{transform:translateY(-2px)}.cat-card:active{box-shadow:var(--neu-in-sm);transform:translateY(0)}.cat-icon-wrap{width:46px;height:46px;border-radius:14px;background:var(--base);box-shadow:var(--neu-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-icon-wrap svg{width:22px;height:22px;stroke:var(--accent);stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}.cat-name{font-family:var(--font-d);font-size:.9375rem;font-weight:600;line-height:1.2}.cat-count{font-size:.8rem;color:var(--text-3);margin-top:3px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--neu-sm);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s}.product-card:hover{transform:translateY(-4px)}.product-img{background:#f5f5f3;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative}.product-img img{width:100%;height:100%;object-fit:contain;padding:20px}.product-img svg{width:64px;height:64px;stroke:#c5c5c0;stroke-width:1.5;fill:none}.product-badge{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.02em;box-shadow:2px 2px 6px #0000001a}.badge-winner{background:#fff0c8;color:#92400e}.badge-value{background:var(--accent-l);color:var(--accent-h)}.badge-new{background:#d6eaff;color:#1e3a8a}.product-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}.product-brand{font-size:.72rem;font-weight:700;color:var(--text-3);letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px}.product-name{font-family:var(--font-d);font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:10px;flex:1}.product-stars{display:flex;align-items:center;gap:3px;margin-bottom:14px}.stars-filled{background:var(--rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.9rem;letter-spacing:2px;line-height:1}.stars-empty{color:#767676;font-size:.9rem;letter-spacing:2px;line-height:1}.r-count{font-size:.775rem;color:var(--text-3);margin-left:4px}.product-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #EEEEEA;padding-top:14px}.product-price{font-family:var(--font-d);font-size:1.2rem;font-weight:800;letter-spacing:-.03em}.compare-banner{border-radius:var(--r-xl);background:var(--accent);padding:52px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:var(--neu)}.compare-banner h2{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:800;margin-bottom:10px;color:#fff}.compare-banner p{color:#fffffff5;max-width:38ch;margin-bottom:28px}.compare-stats{display:flex;gap:36px;flex-shrink:0}.stat{text-align:center}.stat-n{font-family:var(--font-d);font-size:2.5rem;font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff}.stat-l{font-size:.8125rem;color:#fffffff5;margin-top:5px}.breadcrumb{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-3)}.breadcrumb a{color:var(--text-2);transition:color .15s}.breadcrumb a:hover{color:var(--accent)}.bc-sep{font-weight:700;font-size:.7rem;background:var(--rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bc-active{color:var(--text);font-weight:600}footer{background:var(--base);border-top:1px solid var(--border);padding:56px 0 36px;margin-top:96px}.footer-inner{max-width:1200px;margin:0 auto;padding:0 40px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:44px;border-bottom:1px solid var(--border);margin-bottom:28px}.footer-logo{font-family:var(--font-d);font-size:1.2rem;font-weight:800;letter-spacing:-.05em;margin-bottom:10px}.footer-tag{font-size:.875rem;color:var(--text-3);line-height:1.65;max-width:22ch}.footer-col h5{font-family:var(--font-d);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}.footer-col ul a{font-size:.875rem;color:var(--text-2);transition:color .15s}.footer-col ul a:hover{color:var(--accent)}.footer-bot{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.footer-copy{font-size:.8rem;color:var(--text-3);white-space:nowrap}.footer-aff{font-size:.75rem;color:var(--text-3);max-width:55ch;line-height:1.6}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--base);box-shadow:0 -4px 20px #00000012;display:flex;height:72px;z-index:300}.mn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-3);font-size:.65rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:color .15s;background:none;border:none;font-family:var(--font-b);text-decoration:none}.mn-item.active{color:var(--accent-h)}.mn-item svg{width:22px;height:22px;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.mn-active-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}@media(max-width:768px){.nav{display:none}body{padding-bottom:80px}.section{padding:40px 0}.section-inner{padding:0 20px}.hero{padding:56px 20px 48px}.hero h1{font-size:clamp(2.5rem,10vw,4rem)}.cat-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.compare-banner{flex-direction:column;padding:32px}.compare-stats{gap:24px}.footer-top{grid-template-columns:1fr 1fr;gap:32px}.footer-bot{flex-direction:column}footer{margin-top:48px}}@media(min-width:769px){.mobile-nav{display:none}}@media(max-width:480px){.cat-grid,.products-grid,.footer-top{grid-template-columns:1fr}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}