.cmp{margin:0;display:block}.cmp-stage{border:1px solid var(--rim-lo);border-radius:var(--r);background:var(--fill);aspect-ratio:1;touch-action:pan-y;position:relative;overflow:hidden}.cmp-img{object-fit:cover;width:100%;height:100%;color:var(--text-2);font-size:14px;display:block}.cmp-solo{border:1px solid var(--rim-lo);border-radius:var(--r);aspect-ratio:1}.cmp-reveal{position:absolute;inset:0}.cmp-divider{background:var(--ground);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.cmp-divider:after{content:"";border:1px solid var(--rim-lo);border-radius:var(--r-pill);background:var(--ground);width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%}.cmp-tag{border:1px solid var(--rim-lo);border-radius:var(--r-sm);background:var(--glass);color:var(--text);pointer-events:none;transition:opacity var(--dur-1,.14s) var(--ease-out,ease);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;position:absolute;bottom:10px}.cmp-tag--before{left:10px}.cmp-tag--after{right:10px}.cmp-range{appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.cmp-range:disabled{cursor:default}.cmp-range::-webkit-slider-thumb{appearance:none;border-radius:var(--r-pill);cursor:ew-resize;background:0 0;width:44px;height:44px}.cmp-range::-moz-range-thumb{border-radius:var(--r-pill);cursor:ew-resize;background:0 0;border:0;width:44px;height:44px}.cmp-range:focus-visible{outline:none}.cmp-stage:has(.cmp-range:focus-visible) .cmp-divider:after{outline:2px solid var(--accent);outline-offset:2px}.cmp:not(.is-ready) .cmp-divider:after{opacity:0}@media (prefers-reduced-motion:reduce){.cmp-tag{transition:none}}
.sty-main{padding-bottom:72px}.sty-title{font:var(--fw-semibold) clamp(30px, 5.2vw, 46px) / 1.08 var(--font);letter-spacing:-.022em;color:var(--text);margin:6px 0 0}.sty-lead{font:400 clamp(15px, 1.9vw, 17.5px) / 1.55 var(--font);color:var(--text-2);max-width:56ch;margin:14px 0 0}.sty-section{margin-top:52px}.sty-section-title{font:var(--fw-semibold) clamp(19px, 2.6vw, 24px) / 1.2 var(--font);letter-spacing:-.014em;color:var(--text);margin:0 0 6px}.sty-section-lead{font:400 15px/1.55 var(--font);color:var(--text-2);max-width:62ch;margin:0 0 18px}.sty-crumbs{font:400 13.5px/1.4 var(--font);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;padding-top:22px;display:flex}.sty-crumbs a{color:var(--text-2);text-decoration:none}.sty-crumbs a:hover{color:var(--text);text-decoration:underline}.sty-crumbs [aria-current=page]{color:var(--text);font-weight:var(--fw-semibold)}.sty-hero{margin-top:18px}.sty-hero-copy{max-width:62ch}.sty-compares{grid-template-columns:1fr;gap:20px;max-width:900px;margin-top:24px;display:grid}@media (min-width:601px){.sty-compares{grid-template-columns:1fr 1fr}}.sty-compare-cell{min-width:0;margin:0}.sty-compare-subject{font:var(--fw-semibold) 13px/1.4 var(--font);color:var(--text-2);margin:0 0 8px}.sty-compare{border-radius:var(--r);max-width:620px;overflow:hidden}.sty-samplenote{font:400 13px/1.5 var(--font);color:var(--text-3);margin:10px 0 0}.sty-prompt{border:1px solid var(--hairline);border-radius:var(--r);background:var(--glass-2);padding:18px}.sty-prompt-text{font:400 15px/1.65 var(--font);color:var(--text);white-space:pre-wrap;max-width:74ch;margin:0}.sty-clause{background:var(--accent-soft);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 3px}.sty-copy{margin-top:16px}.sty-langnote{font:400 13.5px/1.55 var(--font);color:var(--text-2);max-width:62ch;margin:0 0 14px}.sty-constraint{margin-top:18px;padding:18px}.sty-constraint h3{font:var(--fw-semibold) 16px/1.3 var(--font);color:var(--text);margin:0 0 6px}.sty-constraint p{font:400 14.5px/1.6 var(--font);color:var(--text-2);max-width:68ch;margin:0}.sty-models{margin-top:22px}.sty-models-label{font:var(--fw-semibold) 13px/1.4 var(--font);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.sty-model-list{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.sty-models-note{font:400 13px/1.5 var(--font);color:var(--text-2);margin:8px 0 0}.sty-cta-main{margin-top:12px}.sty-cta-note,.sty-cta-diy{font:400 14px/1.6 var(--font);color:var(--text-2);max-width:60ch;margin:12px 0 0}.sty-fit{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.sty-fit-line{font:400 14.5px/1.6 var(--font);color:var(--text-2);padding:16px}.sty-honesty p{font:400 14.5px/1.6 var(--font);color:var(--text-2);max-width:66ch;margin:0}.sty-card{color:inherit;flex-direction:column;gap:8px;padding:10px;text-decoration:none;display:flex;position:relative}.sty-card img{aspect-ratio:1;object-fit:contain;border-radius:var(--r-sm);background:#fff;width:100%;display:block}.sty-card-name{font:var(--fw-semibold) 14px/1.3 var(--font);color:var(--text)}.sty-card-meta{font:400 12.5px/1.4 var(--font);color:var(--text-2)}.sty-card-why{font:400 12.5px/1.45 var(--font);color:var(--text-2)}.sty-similar{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.sty-all{margin-top:44px}.sty-all a{font:var(--fw-semibold) 14.5px/1.4 var(--font);color:var(--text)}.sty-index-head{padding-top:30px}.sty-count,.sty-legend{font:400 13.5px/1.55 var(--font);color:var(--text-2);max-width:62ch;margin:12px 0 0}.sty-chips{z-index:5;scrollbar-width:none;background:var(--ground);border-bottom:1px solid var(--hairline);gap:8px;margin-top:26px;padding:12px 0;display:flex;position:sticky;top:0;overflow-x:auto}.sty-chips::-webkit-scrollbar{display:none}.sty-chip{border:1px solid var(--hairline);font:var(--fw-semibold) 13px/1 var(--font);color:var(--text-2);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 13px;text-decoration:none;display:inline-flex}.sty-chip:hover{color:var(--text);border-color:var(--text-3)}.sty-chip.is-on{background:var(--text);border-color:var(--text);color:var(--ground)}.sty-chip b{opacity:.7;font-weight:400}.sty-sec{margin-top:46px;scroll-margin-top:72px}.sty-sec-head{font:var(--fw-semibold) clamp(19px, 2.6vw, 24px) / 1.2 var(--font);letter-spacing:-.014em;color:var(--text);align-items:baseline;gap:12px;margin:0 0 6px;display:flex}.sty-sec-count{font:400 13px/1 var(--font);color:var(--text-2)}.sty-sec-blurb{font:400 14.5px/1.6 var(--font);color:var(--text-2);max-width:66ch;margin:0 0 18px}.sty-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.sty-zap{background:var(--text);color:var(--ground);font:var(--fw-semibold) 11px/1 var(--font);letter-spacing:.01em;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;display:inline-flex;position:absolute;top:16px;right:16px}.sty-scrim{z-index:40;opacity:0;pointer-events:none;background:#14121073;transition:opacity .18s;position:fixed;inset:0}.sty-panel{z-index:41;background:var(--ground);border-top-left-radius:18px;border-top-right-radius:18px;flex-direction:column;max-height:92vh;transition:transform .22s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -18px 50px #14121038}body.sty-panel-open .sty-scrim{opacity:1;pointer-events:auto}body.sty-panel-open .sty-panel{transform:none}@media (prefers-reduced-motion:reduce){.sty-scrim,.sty-panel{transition:none}}@media (min-width:860px){.sty-panel{border-left:1px solid var(--hairline);border-radius:0;width:min(560px,100%);max-height:none;inset:0 0 0 auto;transform:translate(100%)}body.sty-panel-open .sty-panel{transform:none}}.sty-panel-bar{border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:12px;padding:14px 18px;display:flex}.sty-panel-crumb{font:400 13px/1.4 var(--font);color:var(--text-2);flex:auto;min-width:0}.sty-panel-crumb b{color:var(--text);font-weight:var(--fw-semibold)}.sty-panel-close{border:1px solid var(--hairline);width:34px;height:34px;color:var(--text);cursor:pointer;font:400 17px/1 var(--font);background:0 0;border-radius:999px;flex:none}.sty-panel-body{-webkit-overflow-scrolling:touch;flex:auto;padding:20px 18px 40px;overflow-y:auto}.sty-panel-title{font:var(--fw-semibold) 22px/1.2 var(--font);color:var(--text);align-items:center;gap:10px;margin:0 0 8px;display:flex}.sty-panel-title .sty-zap{position:static}.sty-panel .sty-compare{max-width:none;margin-top:16px}.sty-panel-full{font:400 14px/1.6 var(--font);color:var(--text-2);margin-top:26px}
