@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";
.opareto-vs-claude{--ink:#0b1417;--slate:#1b2c33;--fog:#71858b;--rule:#b9c4c0;--quiet:#cbd4cf;--paper:#eff1ec;--panel:#e4e8e2;--white:#fbfcfa;--signal:#e19a2b;--system:#1c6b72;--display:"Archivo","Helvetica Neue",Arial,sans-serif;--body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--gut:clamp(20px,5vw,64px);background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55}.opareto-vs-claude *{box-sizing:border-box}.opareto-vs-claude h1,.opareto-vs-claude h2,.opareto-vs-claude h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.02}.opareto-vs-claude p{margin:0}.opareto-vs-claude .wrap{max-width:1140px;padding:0 var(--gut);margin:0 auto}.opareto-vs-claude .eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fog);font-size:11px;font-weight:500}.opareto-vs-claude .bar{background:var(--ink);border-bottom:1px solid #ffffff1f}.opareto-vs-claude .bar .wrap{justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;display:flex}.opareto-vs-claude .mark{font-family:var(--display);letter-spacing:.22em;color:var(--white);font-size:13px;font-weight:800;text-decoration:none}.opareto-vs-claude .bar .meta{font-family:var(--mono);color:var(--fog);letter-spacing:.04em;text-align:right;font-size:11px}.opareto-vs-claude .hero{background:var(--ink);color:var(--white);padding:clamp(48px,8vw,104px) 0 clamp(56px,9vw,112px)}.opareto-vs-claude .hero h1{max-width:16ch;font-size:clamp(38px,7.2vw,78px)}.opareto-vs-claude .hero h1 .rest{color:var(--signal);display:block}.opareto-vs-claude .hero .lede{color:#a9b8bc;max-width:52ch;margin-top:26px;font-size:clamp(16px,1.6vw,19px)}.opareto-vs-claude .hero .lede b{color:var(--white);font-weight:500}.opareto-vs-claude .hero-eyebrow{color:var(--signal);margin-bottom:22px}.opareto-vs-claude .sweep{grid-template-columns:1.25fr .9fr;align-items:start;gap:clamp(24px,4vw,52px);margin-top:clamp(40px,6vw,72px);display:grid}.opareto-vs-claude .field{background:#ffffff05;border:1px solid #ffffff24;padding:16px}.opareto-vs-claude .field-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fog);justify-content:space-between;gap:12px;margin-bottom:14px;font-size:10.5px;display:flex}.opareto-vs-claude #grid{grid-template-columns:repeat(28,1fr);gap:3px;display:grid}.opareto-vs-claude .cell{aspect-ratio:1;opacity:0;background:#ffffff4d;border-radius:1px;animation:.9s forwards ovc-settle}.opareto-vs-claude .cell.hit{animation:1.1s forwards ovc-flare}@keyframes ovc-settle{0%{opacity:0}18%{opacity:1;background:#ffffffbf}to{opacity:1;background:#ffffff1a}}@keyframes ovc-flare{0%{opacity:0}18%{opacity:1;background:#fff}to{opacity:1;background:#e19a2b;box-shadow:0 0 0 1px #e19a2b73}}.opareto-vs-claude .readout{font-family:var(--mono);color:var(--fog);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;font-size:11px;display:flex}.opareto-vs-claude .readout .on{color:var(--signal)}.opareto-vs-claude .tasks{flex-direction:column;gap:10px;display:flex}.opareto-vs-claude .tasks-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fog);margin-bottom:4px;font-size:10.5px}.opareto-vs-claude .task{border-left:2px solid var(--signal);opacity:0;background:#ffffff0b;padding:14px 16px;animation:.6s forwards ovc-rise;transform:translateY(6px)}.opareto-vs-claude .task:nth-of-type(2){animation-delay:.15s}.opareto-vs-claude .task:nth-of-type(3){animation-delay:.3s}@keyframes ovc-rise{to{opacity:1;transform:none}}.opareto-vs-claude .task .src{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fog);font-size:10px}.opareto-vs-claude .task .what{color:var(--white);margin-top:6px;font-size:15px;line-height:1.4}.opareto-vs-claude .task .who{font-family:var(--mono);color:var(--signal);margin-top:8px;font-size:11px}.opareto-vs-claude .tag-ex{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fog);vertical-align:2px;border:1px solid #ffffff2e;margin-left:8px;padding:1px 6px;font-size:9.5px;display:inline-block}.opareto-vs-claude .band{background:var(--white);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.opareto-vs-claude .band .wrap{padding:clamp(44px,6vw,76px)var(--gut)}.opareto-vs-claude .qgrid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(28px,5vw,64px);display:grid}.opareto-vs-claude .quote{font-family:var(--display);letter-spacing:-.015em;border-left:2px solid var(--signal);padding-left:22px;font-size:clamp(22px,2.7vw,31px);font-weight:600;line-height:1.22}.opareto-vs-claude .answer p+p{margin-top:15px}.opareto-vs-claude .answer .first{font-size:19px}.opareto-vs-claude .act{padding:clamp(52px,7vw,92px) 0 0}.opareto-vs-claude .act-head{border-bottom:1px solid var(--rule);align-items:baseline;gap:18px;padding-bottom:26px;display:flex}.opareto-vs-claude .act-num{font-family:var(--mono);letter-spacing:.14em;color:var(--signal);font-size:12px}.opareto-vs-claude .act-head h2{font-size:clamp(27px,4vw,42px)}.opareto-vs-claude .act-head .note{font-family:var(--mono);color:var(--fog);text-align:right;max-width:26ch;margin-left:auto;font-size:11px;line-height:1.5}.opareto-vs-claude .point{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(34px,4.5vw,52px) 0;display:grid}.opareto-vs-claude .point .txt h3{letter-spacing:-.015em;margin-bottom:12px;font-size:clamp(21px,2.4vw,27px)}.opareto-vs-claude .point .txt .eyebrow{margin-bottom:14px;display:block}.opareto-vs-claude .point .txt p{color:#3b4c52;max-width:46ch}.opareto-vs-claude .point .txt p+p{margin-top:11px}.opareto-vs-claude .panel{background:var(--panel);border:1px solid var(--rule);padding:clamp(14px,2vw,22px)}.opareto-vs-claude svg.d{width:100%;height:auto;display:block}.opareto-vs-claude .ln{fill:none;stroke:var(--slate);stroke-width:1.2px}.opareto-vs-claude .ln-q{fill:none;stroke:var(--rule);stroke-width:1.2px}.opareto-vs-claude .ln-d{fill:none;stroke:var(--fog);stroke-width:1.1px;stroke-dasharray:3 3}.opareto-vs-claude .bx{fill:var(--white);stroke:var(--slate);stroke-width:1.2px}.opareto-vs-claude .bx-q{fill:none;stroke:var(--rule);stroke-width:1.2px}.opareto-vs-claude .q{fill:var(--quiet)}.opareto-vs-claude .s{fill:var(--signal)}.opareto-vs-claude .sk{fill:var(--slate)}.opareto-vs-claude .tx{font-family:var(--mono);letter-spacing:.08em;fill:var(--fog);text-transform:uppercase;font-size:9.5px}.opareto-vs-claude .tx-i{font-family:var(--mono);fill:var(--slate);font-size:10px}.opareto-vs-claude .tx-s{font-family:var(--mono);letter-spacing:.08em;fill:var(--signal);text-transform:uppercase;font-size:9.5px}.opareto-vs-claude .lbl{font-family:var(--mono);letter-spacing:.15em;fill:var(--slate);text-transform:uppercase;font-size:11.5px;font-weight:500}.opareto-vs-claude .lbl.on{fill:var(--signal)}.opareto-vs-claude .lbl-rule{stroke:var(--slate);stroke-width:1.4px}.opareto-vs-claude .lbl-rule.on{stroke:var(--signal)}.opareto-vs-claude .divider{stroke:var(--rule);stroke-width:1.2px}.opareto-vs-claude .keep{background:var(--ink);color:var(--white);margin-top:clamp(56px,8vw,96px);padding:clamp(52px,7vw,92px) 0}.opareto-vs-claude .keep h2{max-width:18ch;font-size:clamp(28px,4.4vw,46px)}.opareto-vs-claude .keep .sub{color:#a9b8bc;max-width:56ch;margin-top:20px}.opareto-vs-claude .cols{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:clamp(34px,5vw,56px);display:grid}.opareto-vs-claude .col h4{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #ffffff29;margin:0 0 18px;padding-bottom:12px;font-size:11px;font-weight:500}.opareto-vs-claude .col:first-child h4{color:var(--white)}.opareto-vs-claude .col:last-child h4{color:var(--signal)}.opareto-vs-claude .col ul{margin:0;padding:0;list-style:none}.opareto-vs-claude .col li{color:#c3cfd2;border-bottom:1px solid #ffffff12;padding:11px 0 11px 20px;font-size:16px;line-height:1.45;position:relative}.opareto-vs-claude .col li:before{content:"";background:#ffffff59;width:7px;height:7px;position:absolute;top:19px;left:0}.opareto-vs-claude .col:last-child li:before{background:var(--signal)}.opareto-vs-claude .close{background:var(--white);border-top:1px solid var(--rule);padding:clamp(56px,8vw,100px) 0 clamp(64px,9vw,110px)}.opareto-vs-claude .close .panel{margin-bottom:clamp(36px,5vw,56px)}.opareto-vs-claude .kicker{font-family:var(--display);letter-spacing:-.02em;max-width:22ch;font-size:clamp(28px,4.6vw,50px);font-weight:800;line-height:1.08}.opareto-vs-claude .kicker .b{color:var(--signal)}.opareto-vs-claude .close .after{color:#3b4c52;max-width:54ch;margin-top:26px}.opareto-vs-claude .foot{background:var(--ink);color:var(--fog);font-family:var(--mono);letter-spacing:.04em;font-size:11px}.opareto-vs-claude .foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px;display:flex}@media (max-width:900px){.opareto-vs-claude .sweep,.opareto-vs-claude .qgrid,.opareto-vs-claude .point,.opareto-vs-claude .cols{grid-template-columns:1fr}.opareto-vs-claude .point{gap:22px}.opareto-vs-claude .point .panel{order:-1}.opareto-vs-claude .act-head{flex-wrap:wrap;gap:10px}.opareto-vs-claude .act-head .note{text-align:left;width:100%;max-width:none;margin-left:0}.opareto-vs-claude #grid{grid-template-columns:repeat(20,1fr)}}@media (prefers-reduced-motion:reduce){.opareto-vs-claude .cell,.opareto-vs-claude .task{opacity:1;transform:none;animation:none!important}.opareto-vs-claude .cell{background:#ffffff1a}.opareto-vs-claude .cell.hit{background:var(--signal)}}.opareto-vs-claude :focus-visible{outline:2px solid var(--signal);outline-offset:3px}