.cmp{max-width:820px;margin:0 auto;padding:24px 28px 8px}.cmp .crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--faint);margin:0 0 18px}.cmp .crumbs a{color:var(--muted);text-decoration:none}.cmp .crumbs a:hover{color:var(--ink)}.cmp h1{margin:0 0 14px;text-wrap:balance}.cmp h1 .vs{color:var(--faint);font-weight:400}.cmp .lede{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 12px;max-width:680px}.cmp .lede b{color:var(--ink);font-weight:500}.cmp .by{font-size:12.5px;color:var(--faint);margin:0 0 28px;max-width:680px}.cmp .by a{color:var(--muted)}.cmp section{margin:44px 0 0}.cmp section>h2{font-size:22px;letter-spacing:-.015em;margin:0 0 6px;text-wrap:balance}.cmp section>.sub{color:var(--muted);margin:0 0 18px;max-width:680px}.cmp p{margin:0 0 12px}.cmp h3{font-size:15px;font-weight:600;margin:0 0 4px;letter-spacing:-.005em}.cmp .picks{display:grid;grid-gap:0;gap:0;padding:4px 20px}.cmp .pick{display:grid;grid-template-columns:150px 1fr;grid-gap:4px 18px;gap:4px 18px;padding:14px 0;border-top:1px solid var(--hairline)}.cmp .pick:first-child{border-top:0}.cmp .pick .who{font-weight:600}.cmp .pick .who small{display:block;font-weight:400;color:var(--faint);font-size:12px;margin-top:1px}.cmp .pick ul{margin:0;padding:0 0 0 16px;color:var(--muted)}.cmp .pick li{margin:0 0 3px}.cmp .pick.ours .who{color:var(--ink)}.cmp .table{overflow:hidden}.cmp .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.cmp table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.45}.cmp td,.cmp th{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--hairline)}.cmp thead th{border-top:0;font-weight:600;font-size:13px;padding-top:14px}.cmp thead th.ours{color:var(--ink)}.cmp tbody th{font-weight:500;color:var(--muted);width:22%;min-width:128px;position:-webkit-sticky;position:sticky;left:0;background:var(--well)}.cmp td{min-width:150px}.cmp td.ours{background:rgba(var(--fg),.025)}.cmp .note,.cmp td.no{color:var(--faint)}.cmp .note{font-size:12px;margin:8px 2px 0}.cmp .edges{display:grid;grid-gap:22px;gap:22px}.cmp .edge h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cmp .edge .tag{height:20px;padding:0 8px;font-size:11.5px;font-weight:500}.cmp .edge p{margin:0}.cmp .edge p,.cmp .said{color:var(--muted);max-width:680px}.cmp .said{border-left:2px solid var(--hairline);padding:2px 0 2px 14px;margin:0 0 4px}.cmp .better{padding:14px 20px}.cmp .better ul{margin:0;padding:0 0 0 18px;color:var(--muted)}.cmp .better li{margin:0 0 4px}.cmp .after{margin-top:16px}.cmp .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.cmp .cols .card{padding:16px 18px}.cmp .cols ul{margin:6px 0 0;padding:0 0 0 16px;color:var(--muted);font-size:14px}.cmp .cols li{margin:0 0 5px}.cmp .alts{display:grid;grid-gap:12px;gap:12px}.cmp .alt{padding:18px 20px}.cmp .alt .head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 6px}.cmp .alt .head h3{margin:0;font-size:17px}.cmp .alt .head .n{color:var(--faint);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cmp .alt .facts{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--faint);margin:0 0 10px}.cmp .alt p{color:var(--muted);font-size:14px;margin:0 0 6px}.cmp .alt .more{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cmp td.has{color:var(--ink)}.cmp ol.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;grid-gap:10px;gap:10px}.cmp ol.steps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;grid-gap:0 10px;gap:0 10px;color:var(--muted)}.cmp ol.steps li:before{content:counter(s);display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--wash);color:var(--ink);font-size:12px;font-weight:600}.cmp ol.steps li b{color:var(--ink);font-weight:500}.cmp .news{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px;max-width:680px}.cmp .news li{display:grid;grid-template-columns:150px 1fr;grid-gap:12px;gap:12px;color:var(--muted)}.cmp .news .when{color:var(--faint);font-size:13px;padding-top:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cmp .news b{color:var(--ink);font-weight:500}@media (max-width:560px){.cmp .news li{grid-template-columns:1fr;gap:0}}.cmp .faq{display:grid;grid-gap:18px;gap:18px}.cmp .faq p{color:var(--muted);margin:0;max-width:680px}.cmp .sources{padding:14px 20px;font-size:13px}.cmp .sources ul{margin:6px 0 0;padding:0;list-style:none;columns:260px 2;column-gap:24px}.cmp .sources li{margin:0 0 4px;page-break-inside:avoid;break-inside:avoid;color:var(--faint)}.cmp .sources a{color:var(--muted);text-decoration:none}.cmp .sources a:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.cmp .chips{display:flex;flex-wrap:wrap;gap:6px}.cmp .chips .btn{height:28px}.cmp .chips .btn.quiet{background:var(--wash);color:var(--ink)}.cmp .end{display:flex;align-items:center;gap:18px;padding:22px 24px;margin-top:48px}.cmp .end .words{flex:1 1;min-width:0}.cmp .end h2{font:600 20px/1.2 var(--disp);letter-spacing:-.02em;margin:0 0 3px}.cmp .end h2 .dot,.cmp h2 .dot{color:var(--pen-violet)}.cmp .end p{margin:0;color:var(--muted);font-size:14px}.cmp .end .go{display:flex;gap:8px;flex-wrap:wrap}.cmp .shelf{display:grid;grid-gap:14px;gap:14px}.cmp .row{display:grid;grid-template-columns:130px 1fr;grid-gap:6px 14px;gap:6px 14px;align-items:start;padding:12px 0;border-top:1px solid var(--hairline)}.cmp .row:first-child{border-top:0}.cmp .row .name{font-weight:600;padding-top:4px}.cmp .row .name small{display:block;color:var(--faint);font-weight:400;font-size:12px}.cmp .row .chips .btn{height:26px;padding:0 10px;font-size:12px}.cmp .card.pad{padding:4px 20px}@media (max-width:560px){.cmp{padding:12px 20px 8px}.cmp section{margin-top:36px}.cmp .pick,.cmp .row{grid-template-columns:1fr}.cmp .end{flex-direction:column;align-items:flex-start}.cmp tbody th{min-width:110px}.cmp td{min-width:132px}}.cmp .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cmp{--disp:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",system-ui,sans-serif;position:relative}.cmp .hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:28px;gap:28px;align-items:start;margin-bottom:8px}.cmp h1.display{font:600 clamp(40px,6.4vw,68px)/1.02 var(--disp);letter-spacing:-.034em;margin:4px 0 22px}.cmp h1.display .dot{color:var(--pen-violet)}.cmp h1.display .hand.vs{display:inline-block;margin:0 .1em;font-size:.78em;font-weight:500;letter-spacing:0;color:var(--pen);transform:rotate(-6deg) translateY(-.08em)}.cmp section>h2{font:600 clamp(24px,3vw,30px)/1.12 var(--disp);letter-spacing:-.022em;margin-bottom:8px}.cmp .taped{display:block;width:210px;margin:6px 4px 18px 0;text-decoration:none;color:inherit;transform:rotate(3deg);transition:transform .3s cubic-bezier(.3,1.4,.5,1)}@media (hover:hover){.cmp a.taped:hover{transform:rotate(2deg) translateY(-2px)}}.cmp .taped:focus-visible{outline:none}.cmp .taped:focus-visible .paper{outline:2px solid var(--focus);outline-offset:3px}.cmp .taped .paper{position:relative;display:grid;grid-gap:10px;gap:10px;padding:22px 18px 16px;border-radius:2px;background:#FFF8D6;box-shadow:0 1px 1px rgba(0,0,0,.08),0 8px 18px rgba(0,0,0,.1)}.cmp .taped .paper:before{content:"";position:absolute;left:50%;top:-10px;width:74px;height:22px;margin-left:-37px;background:rgba(220,220,225,.7);transform:rotate(-7deg)}.cmp .taped .say{color:#3a3a3a;font-size:23px;line-height:1.05}.cmp .taped .go{font-size:21px;line-height:1;color:var(--pen)}@media (prefers-color-scheme:dark){.cmp .taped .paper{background:#EDE3B5;box-shadow:0 1px 1px rgba(0,0,0,.3),0 8px 18px rgba(0,0,0,.35)}.cmp .taped .paper:before{background:rgba(200,200,205,.45)}.cmp .taped .go{color:color-mix(in oklab,var(--pen) 70%,black)}}.cmp .ink{position:relative;display:inline-block}.cmp .ink svg{overflow:visible;pointer-events:none}.cmp .ink-p{fill:none;stroke:var(--pen);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;animation:ink-draw .5s cubic-bezier(.4,0,.2,1) var(--d,.35s) both}.cmp .ink-p.bold{stroke-width:3}.cmp .waits .ink-p{animation:none;stroke-dashoffset:1}.cmp .writes .ink-p{animation:ink-draw .5s cubic-bezier(.4,0,.2,1) var(--d,0s) both}@keyframes ink-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.cmp .ringed svg{position:absolute;left:-14px;right:-14px;top:-9px;bottom:-9px;width:calc(100% + 28px);height:calc(100% + 18px)}.cmp .under svg{position:absolute;left:-4px;bottom:-7px;width:calc(100% + 8px);height:9px}.cmp .tick{width:18px;height:18px;vertical-align:-4px}.cmp td.has .tick{margin-right:4px}.cmp .tick svg{width:18px;height:18px;display:block}.cmp .hw{display:inline-block;animation:hw-write .6s cubic-bezier(.45,.1,.55,.9) var(--d,.3s) both}.cmp .hw.waits{animation:none;-webkit-clip-path:inset(-40% 100% -40% -20%);clip-path:inset(-40% 100% -40% -20%)}.cmp .hw.writes{animation:hw-write .6s cubic-bezier(.45,.1,.55,.9) var(--d,0s) both}@keyframes hw-write{0%{-webkit-clip-path:inset(-40% 100% -40% -20%);clip-path:inset(-40% 100% -40% -20%)}to{-webkit-clip-path:inset(-40% -20% -40% -20%);clip-path:inset(-40% -20% -40% -20%)}}.cmp .hand.soft{color:var(--faint)}@media (prefers-reduced-motion:reduce){.cmp .hw,.cmp .hw.writes,.cmp .ink-p,.cmp .writes .ink-p{animation:none}.cmp .waits .ink-p{stroke-dashoffset:0}.cmp .hw.waits{-webkit-clip-path:none;clip-path:none}}.cmp .glass.tile{border-radius:30px;padding:18px;margin-left:-18px;margin-right:-18px}.cmp .glass.tile>.card{box-shadow:0 0 0 1px rgba(20,20,20,.06),0 24px 44px -24px rgba(10,10,40,.5)}.cmp .glass.tile>.card.end{margin-top:0}.cmp .end-tile{margin-top:56px}.cmp .pick ul.ticked{list-style:none;padding:0}.cmp .pick ul.ticked li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start}.cmp .pick ul.ticked .tick{margin-top:2px}.cmp .pick .who .hand{display:block;font-size:23px;line-height:1;color:var(--pen);margin-top:4px;transform:rotate(-3deg);transform-origin:0 50%}.cmp thead th.ours{position:relative}.cmp thead th .ringed{padding:0 2px}.cmp td .tick{display:inline-block}.cmp .edge h3 .hand{font-size:21px;font-weight:500;line-height:1;color:var(--pen);transform:rotate(-2deg)}.cmp .edge h3 .hand.soft{color:var(--faint);font-size:20px}.cmp .news-line{position:relative;padding-left:30px}.cmp .news-line .stem{position:absolute;left:3px;top:12px;bottom:10px;width:10px}.cmp .news-line .stem svg{width:10px;height:100%;display:block}.cmp .news li{position:relative}.cmp .news li .ringdot{position:absolute;left:-31px;top:3px;width:14px;height:14px}.cmp .news li .ringdot svg{width:14px;height:14px;display:block}.cmp .alt .head .hand{font-size:23px;line-height:1;color:var(--pen);transform:rotate(-3deg)}.cmp .alt .head .n{font-family:var(--font-hand),"Bradley Hand",cursive;font-size:30px;line-height:.8;color:var(--pen);font-weight:500;transform:rotate(-4deg);min-width:18px}.cmp .alt-tile,.cmp .alt-tile>.card.alt{margin:0}.cmp ol.steps.handed li:before{content:none}.cmp ol.steps.handed .num{display:grid;place-items:center;width:24px;height:24px;font-family:var(--font-hand),"Bradley Hand",cursive;font-size:22px;line-height:1;color:var(--pen)}.cmp ol.steps.handed .num .ringed svg{left:-8px;right:-8px;top:-6px;bottom:-6px;width:calc(100% + 16px);height:calc(100% + 12px)}.cmp .chips-card{padding:16px}.cmp .end .go{position:relative}.cmp .end .free{position:absolute;right:4px;top:-30px;font-size:21px;color:var(--pen);white-space:nowrap;transform:rotate(-4deg)}@media (max-width:560px){.cmp .hero{grid-template-columns:minmax(0,1fr);gap:0}.cmp .taped{justify-self:start;width:auto;max-width:270px;margin:0 0 26px 6px;transform:rotate(-2deg)}.cmp .glass.tile{padding:10px;border-radius:22px;margin-left:-10px;margin-right:-10px}.cmp .end .free{position:static;display:block;margin:0 0 6px}}