/* Comparison v2 (extends fw.css) */
.cj{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:64px}
.cj-c{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px 22px;border:1px solid var(--hd);background:#1A1A1A}
.cj-c.rf{background:var(--or);border-color:var(--or)}
.cj-c .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#C4C4C4}
.cj-c .ex{font-family:var(--m);font-size:12px;color:#9A9A9A;margin-top:-10px}
.cj-c h3{margin:0;font-weight:300;font-size:clamp(28px,2.6vw,38px);line-height:1.02;letter-spacing:-.03em}
.cj-c blockquote{margin:0;font-weight:300;font-size:18px;line-height:1.4;color:#fff;text-wrap:pretty}
.cj-c dl{margin:auto 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;padding-top:16px;border-top:1px solid var(--hd);font-size:14px}
.cj-c dt{color:#9A9A9A}
.cj-c dd{margin:0;color:#fff}
.cj-c dd code{font-family:var(--m);font-size:12px;color:#D6D6D6;overflow-wrap:anywhere}
.cj-c.rf .k,.cj-c.rf .ex,.cj-c.rf dt{color:#fff}
.cj-c.rf .ex{opacity:.85}
.cj-c.rf dl{border-color:var(--ho)}
.cj-c.rf dd code{color:#fff}
.cj-c details{border-top:1px solid var(--hd);padding-top:12px}
.cj-c.rf details{border-color:var(--ho)}
.cj-c summary{list-style:none;cursor:pointer;font-size:13px;color:var(--or-l);display:flex;justify-content:space-between;align-items:center}
.cj-c.rf summary{color:#fff}
.cj-c summary::-webkit-details-marker{display:none}
.cj-c summary::after{content:"+";font-size:18px;line-height:1;transition:transform .3s var(--e)}
.cj-c details[open] summary::after{transform:rotate(45deg)}
.cj-c summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cj-c details p{margin:10px 0 0;font-size:14px;line-height:1.6;color:#C4C4C4}
.cj-c.rf details p{color:#fff}
.cj-c details p code{font-family:var(--m);font-size:12px}
/* better together */
.bt{margin-top:104px}
.bt-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;flex-wrap:wrap;margin-bottom:32px}
.bt-top h3{margin:0;font-weight:300;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.025em;line-height:1.08;max-width:22ch}
.bt-top p{margin:0;max-width:52ch;font-size:16px;line-height:1.55;color:#C4C4C4}
.bt-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.55fr) minmax(0,1.15fr) minmax(90px,.55fr) minmax(0,1.15fr);grid-template-rows:auto auto;row-gap:16px;align-items:center}
.bt-b{border:1px solid var(--hd);padding:20px;background:#1A1A1A;display:flex;flex-direction:column;gap:6px;min-height:118px;justify-content:center}
.bt-b .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9A9A9A}
.bt-b b{font-weight:400;font-size:19px;line-height:1.25}
.bt-b small{font-size:14px;line-height:1.45;color:#C4C4C4}
.bt-b.ag{grid-row:1/3;grid-column:1;align-self:stretch}
.bt-b.ob{grid-row:1;grid-column:3/6}
.bt-b.rf{grid-row:2;grid-column:3;background:var(--or);border-color:var(--or)}
.bt-b.rf .k,.bt-b.rf small{color:#fff}
.bt-b.gr{grid-row:2;grid-column:5}
.bt-x{position:relative;height:56px;display:flex;align-items:flex-start;justify-content:center}
.bt-x span{font-family:var(--m);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#C4C4C4;text-align:center;line-height:1.3}
.bt-x::before{content:"";position:absolute;left:0;right:8px;top:50%;height:1px;background:rgba(255,255,255,.35)}
.bt-x::after{content:"";position:absolute;right:0;top:calc(50% - 4px);border:4px solid transparent;border-left:8px solid rgba(255,255,255,.6);border-right:0}
.bt-x i{position:absolute;left:0;top:calc(50% - 3px);width:6px;height:6px;background:var(--or-l);animation:btRun 2.4s linear infinite;animation-delay:var(--dl,0s)}
@keyframes btRun{0%{left:0;opacity:0}10%{opacity:1}85%{opacity:1}100%{left:calc(100% - 14px);opacity:0}}
.bt-x.r1{grid-row:1;grid-column:2}.bt-x.r2{grid-row:2;grid-column:2}.bt-x.r3{grid-row:2;grid-column:4}
.bt-x.r3 i{background:#fff}
/* questions */
.cq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;margin-top:56px;align-items:start}
.cq-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--ho)}
.cq-l button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:16px 14px 16px 0;border-bottom:1px solid var(--ho);font-size:17px;line-height:1.35;color:#fff;transition:background .25s,color .25s,padding .35s var(--e)}
.cq-l button span{font-family:var(--m);font-size:12px;color:var(--ink-or)}
.cq-l button::after{content:"→";opacity:0;transition:opacity .25s,transform .35s var(--e);transform:translateX(-6px)}
.cq-l button:hover{background:rgba(43,10,0,.12);padding-left:12px}
.cq-l button[aria-selected="true"]{background:#fff;color:var(--or);padding-left:14px}
.cq-l button[aria-selected="true"] span{color:var(--or)}
.cq-l button[aria-selected="true"]::after{opacity:1;transform:none}
.cq-l button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.cq-p{background:#151515;padding:28px 32px 32px;box-shadow:0 40px 80px -40px rgba(40,8,0,.7);position:sticky;top:96px}
.cq-p .k{font-family:var(--m);font-size:12px;letter-spacing:.1em;color:var(--or-l)}
.cq-p h3{margin:10px 0 0;font-weight:300;font-size:clamp(24px,2.4vw,34px);line-height:1.12;letter-spacing:-.02em;text-wrap:balance;min-height:2.24em}
.cq-rows{margin-top:20px;border-top:1px solid var(--hd)}
.cq-r{display:grid;grid-template-columns:minmax(0,190px) 78px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--hd)}
.cq-r.rf{background:rgba(218,59,11,.14);margin:0 -16px;padding:16px;border-bottom-color:transparent}
.cq-r b{display:block;font-weight:400;font-size:16px;color:#fff}
.cq-r small{display:block;font-family:var(--m);font-size:11px;color:#9A9A9A;margin-top:3px}
.cq-r p{margin:0;font-size:15px;line-height:1.45;color:#D6D6D6;text-wrap:pretty}
.cq-r.rf p{color:#fff}
.cq-r.sw p,.cq-r.sw .vp{animation:ffIn .4s var(--e) both}
.vp{justify-self:start;font-family:var(--m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;line-height:1}
.vp.y{background:var(--or-l);color:#151515}
.vp.p{border:1px solid var(--or-l);color:var(--or-l)}
.vp.n{border:1px solid #4A4A4A;color:#9A9A9A}
.cq-sc{margin-top:26px}
.cq-sc h4{margin:0 0 12px;font-weight:400;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9A9A9A}
.sc-r{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 88px;gap:16px;align-items:center;padding:7px 0}
.sc-r b{font-weight:400;font-size:14px;color:#D6D6D6}
.sc-r.rf b{color:#fff}
.sc-bar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}
.sc-bar i{height:12px;border:1px solid #3A3A3A;transition:outline-color .2s}
.sc-bar i.y{background:var(--or-l);border-color:var(--or-l)}
.sc-bar i.p{background:linear-gradient(90deg,var(--or-l) 50%,transparent 50%);border-color:var(--or-l)}
.sc-bar i.on{outline:2px solid #fff;outline-offset:2px}
.sc-r em{font-style:normal;font-family:var(--m);font-size:12px;color:#C4C4C4;text-align:right}
.sc-r.rf em{color:var(--or-l)}
.cq-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12px;color:#9A9A9A}
.cq-key span{display:inline-flex;align-items:center;gap:7px}
.cq-key i{width:12px;height:12px;border:1px solid #3A3A3A;display:inline-block}
.cq-key i.y{background:var(--or-l);border-color:var(--or-l)}
.cq-key i.p{background:linear-gradient(90deg,var(--or-l) 50%,transparent 50%);border-color:var(--or-l)}
.cq-all{margin-top:40px;border-top:1px solid var(--ho);padding-top:18px}
.cq-all>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.cq-all>summary::-webkit-details-marker{display:none}
.cq-all>summary::after{content:"+";font-size:20px;line-height:1;transition:transform .3s var(--e)}
.cq-all[open]>summary::after{transform:rotate(45deg)}
.cq-all>summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cq-tw{overflow-x:auto;margin-top:20px;background:#151515}
.cq-t{width:100%;min-width:860px;border-collapse:collapse;font-size:14px}
.cq-t th,.cq-t td{padding:14px 16px;border-bottom:1px solid var(--hd);text-align:left;vertical-align:top;font-weight:400}
.cq-t thead th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#C4C4C4}
.cq-t thead th small{display:block;text-transform:none;letter-spacing:0;font-family:var(--m);font-size:11px;color:#8A8A8A;margin-top:4px}
.cq-t tbody th{color:#fff;width:24%}
.cq-t td{color:#C4C4C4}
.cq-t td .vp{margin-bottom:8px;display:inline-block}
.cq-t .rf{background:rgba(218,59,11,.14);color:#fff}
/* not right */
.nr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:56px}
.nr-c{display:flex;flex-direction:column;gap:20px;padding:26px 24px;border:1px solid var(--hd);background:#1A1A1A}
.nr-c .k{font-family:var(--m);font-size:12px;color:#9A9A9A}
.nr-c p{margin:0;font-weight:300;font-size:21px;line-height:1.35;color:#fff;text-wrap:pretty}
.nr-c p span{color:#9A9A9A}
.nr-a{margin-top:auto;padding-top:18px;border-top:1px solid var(--hd);display:flex;flex-direction:column;gap:4px}
.nr-a b{font-weight:400;font-size:17px;color:var(--or-l)}
.nr-a small{font-size:14px;color:#C4C4C4}
.nr-f{margin:40px 0 0;max-width:62ch;font-weight:300;font-size:clamp(20px,1.8vw,26px);line-height:1.4;color:#fff;text-wrap:pretty}
@media (max-width:1180px){.cj{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-r,.sc-r{grid-template-columns:minmax(0,150px) 72px minmax(0,1fr)}.sc-r{grid-template-columns:minmax(0,150px) minmax(0,1fr) 80px}}
@media (max-width:960px){.cq{grid-template-columns:1fr;gap:32px}.cq-p{position:relative;top:auto;padding:24px}
.bt-g{grid-template-columns:1fr;row-gap:0}.bt-b.ag,.bt-b.ob,.bt-b.rf,.bt-b.gr{grid-row:auto;grid-column:1}.bt-x{grid-row:auto!important;grid-column:1!important;height:52px;align-items:center;justify-content:flex-start;padding-left:22px}.bt-x::before{left:10px;right:auto;top:0;bottom:8px;width:1px;height:auto}.bt-x::after{left:6px;right:auto;top:auto;bottom:0;border:4px solid transparent;border-top:8px solid rgba(255,255,255,.6);border-bottom:0}.bt-x i{left:7px!important;animation-name:btDown}
.bt-b.ag{order:0}.bt-x.r2{order:1}.bt-b.rf{order:2}.bt-x.r3{order:3}.bt-b.gr{order:4}.bt-x.r1{display:none}.bt-b.ob{order:5;margin-top:16px;border-style:dashed}.bt-g{display:flex;flex-direction:column}
.cq-l{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}.cq-l button{font-size:15px;padding:12px 8px 12px 0;grid-template-columns:28px minmax(0,1fr) 12px;gap:8px}
.nr{grid-template-columns:1fr}}
@keyframes btDown{0%{top:0;opacity:0}10%{opacity:1}85%{opacity:1}100%{top:calc(100% - 14px);opacity:0}}
@media (max-width:640px){.cj{grid-template-columns:1fr}.cq-l{grid-template-columns:1fr}.cq-r{grid-template-columns:minmax(0,1fr) auto}.cq-r p{grid-column:1/-1}.sc-r{grid-template-columns:minmax(0,110px) minmax(0,1fr) 64px;gap:10px}}

.vs-cl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}.vs-cl span{margin-right:6px;font-size:13px;color:#9A9A9A}.vs-cl a{padding:8px 12px;border:1px solid var(--hd);font-size:14px;color:#fff;transition:border-color .2s,color .2s}.vs-cl a:hover{border-color:var(--or-l);color:var(--or-l)}.vs-cl a:focus-visible{outline:2px solid #fff;outline-offset:2px}