:root{--paper: #ffffff;--paper-2: #f5f5f3;--paper-3: #ececea;--ink: #0b0b0c;--ink-70: #3d3d3f;--ink-50: #6f6f6d;--ink-30: #a8a8a4;--rule: #e2e2de;--rule-dark: #0b0b0c;--red: #e63312;--red-dark: #c22a0d;--amber: #9a6a00;--green: #1e7a3c;--mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--sans: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--u: 8px;--maxw: 1240px;--r: 8px;--shadow: 0 1px 2px rgba(11,11,12,.05), 0 6px 20px rgba(11,11,12,.06)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--ink);background:#fbfbf9}::selection{background:var(--ink);color:var(--paper)}button{font-family:inherit;cursor:pointer}a{color:inherit}textarea,input{font-family:inherit}code,pre,.mono{font-family:var(--mono)}:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 calc(var(--u) * 3)}.microlabel{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-50)}.rule-top{border-top:1px solid var(--rule)}.rule-top-dark{border-top:2px solid var(--rule-dark)}.redact{display:inline-block;background:var(--ink);color:transparent;-webkit-user-select:none;user-select:none;border-radius:1px}.redact.red{background:var(--red)}.btn{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:700;font-size:15px;letter-spacing:0;padding:12px 22px;min-height:44px;text-decoration:none;border-radius:var(--r);transition:background .18s,color .18s,border-color .18s,transform .12s}.btn:active{transform:translateY(1px)}.btn:hover{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.btn.red{background:var(--red);border-color:var(--red)}.btn.red:hover{background:var(--ink);border-color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.sm{padding:7px 14px;min-height:36px;font-size:13.5px}.tag{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;padding:3px 8px;border:1px solid var(--ink);text-transform:uppercase}.tag.red{border-color:var(--red);color:var(--red)}.tag.fill{background:var(--ink);color:var(--paper)}.nav{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:2px solid var(--ink)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:calc(var(--u) * 3)}.wordmark{display:flex;align-items:baseline;gap:8px;font-weight:900;font-size:22px;letter-spacing:-.02em;text-decoration:none}.wordmark .bar{width:38px;height:13px;background:var(--ink);align-self:center}.nav-links{display:flex;align-items:center;gap:calc(var(--u) * 3)}.nav-links a.plain{text-decoration:none;font-size:14px;font-weight:600;padding:6px 2px;border-bottom:2px solid transparent}.nav-links a.plain:hover,.nav-links a.plain.active{border-bottom-color:var(--red)}.usage-chip{font-family:var(--mono);font-size:12px;border:1px solid var(--rule);border-radius:6px;padding:6px 10px;color:var(--ink-70);white-space:nowrap}.select{font-family:var(--mono);font-size:12.5px;border:1px solid var(--ink-30);border-radius:6px;background:var(--paper);color:var(--ink);padding:7px 10px;min-height:36px;max-width:220px;cursor:pointer}.select:focus{outline:2px solid var(--red);outline-offset:-1px}.usage-chip b{color:var(--ink)}.hero{padding:calc(var(--u) * 10) 0 calc(var(--u) * 8)}.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:calc(var(--u) * 6);align-items:start}.hero-grid>*,.how-grid>*,.catch-grid>*,.manifesto-grid>*,.price-grid>*{min-width:0}.hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.08;font-weight:900;letter-spacing:-.025em}.hero h1 .strike{position:relative;white-space:nowrap}.hero h1 .strike .bar-anim{position:absolute;left:-2%;top:12%;height:76%;width:104%;background:var(--ink);transform-origin:left center;animation:sweep .9s cubic-bezier(.7,0,.2,1) .5s both}@keyframes sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero .sub{margin-top:calc(var(--u) * 4);font-size:19px;line-height:1.6;color:var(--ink-70);max-width:34em}.hero .cta-row{margin-top:calc(var(--u) * 5);display:flex;gap:16px;flex-wrap:wrap;align-items:center}.hero .cta-note{font-family:var(--mono);font-size:12.5px;color:var(--ink-50)}.demo-card{border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--paper);box-shadow:var(--shadow);font-family:var(--mono);font-size:12.5px;line-height:1.7}.demo-card .head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);background:var(--paper-2);padding:8px 14px;font-weight:600;letter-spacing:.1em;font-size:11px;text-transform:uppercase}.demo-card .body{padding:16px 14px;overflow-x:auto;max-width:100%}.demo-card .lineno{color:var(--ink-30);-webkit-user-select:none;user-select:none;margin-right:12px}.demo-card .k{color:var(--ink-50)}.demo-card .ph{color:var(--red);font-weight:600}.demo-secret{position:relative;display:inline-block}.demo-secret .val{transition:opacity .3s}.demo-secret .cover{position:absolute;top:-1px;right:-2px;bottom:-1px;left:-2px;background:var(--ink);transform-origin:left center;transform:scaleX(0)}.demo-card.scrubbed .demo-secret .cover{animation:sweep .5s cubic-bezier(.7,0,.2,1) both}.section{padding:calc(var(--u) * 9) 0}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:calc(var(--u) * 4);margin-bottom:calc(var(--u) * 6);align-items:end}.section-head h2{font-size:clamp(26px,3.2vw,40px);font-weight:900;letter-spacing:-.02em;line-height:1.08}.section-head .lede{color:var(--ink-70);font-size:17px;max-width:32em}.section-num{font-family:var(--mono);font-size:12px;color:var(--red);font-weight:600;margin-bottom:10px}.catch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 2)}.catch-cell{border:1px solid var(--rule);border-radius:var(--r);background:var(--paper);box-shadow:var(--shadow);padding:calc(var(--u) * 3);min-height:150px;display:flex;flex-direction:column;gap:8px;transition:transform .15s,border-color .15s}.catch-cell:hover{transform:translateY(-2px);border-color:var(--ink-30)}.catch-cell .idx{font-family:var(--mono);font-size:11px;color:var(--ink-30)}.catch-cell h3{font-size:17px;font-weight:800;letter-spacing:-.01em}.catch-cell p{font-size:13.5px;color:var(--ink-50);line-height:1.55}.catch-cell .ex{font-family:var(--mono);font-size:11.5px;color:var(--red);word-break:break-all}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 2)}.how-col{background:var(--paper);padding:calc(var(--u) * 4) calc(var(--u) * 3);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow)}.how-col .step{font-family:var(--mono);font-weight:600;font-size:12px;color:var(--paper);background:var(--ink);border-radius:4px;display:inline-block;padding:4px 10px;margin-bottom:16px}.how-col h3{font-size:20px;font-weight:800;margin-bottom:10px;letter-spacing:-.01em}.how-col p{font-size:14.5px;color:var(--ink-70)}.how-col p+p{margin-top:8px}.manifesto{background:var(--ink);color:var(--paper);padding:calc(var(--u) * 9) 0}.manifesto h2{font-size:clamp(30px,4.2vw,54px);font-weight:900;letter-spacing:-.02em;line-height:1.08;max-width:16em}.manifesto h2 .hl{color:var(--red)}.manifesto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 4);margin-top:calc(var(--u) * 7);border-top:1px solid #2c2c2e;padding-top:calc(var(--u) * 4)}.manifesto-grid h4{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9a9a96;margin-bottom:10px}.manifesto-grid p{font-size:14px;color:#d4d4d0;line-height:1.6}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 4);max-width:880px}.price-card{border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow);padding:calc(var(--u) * 4);display:flex;flex-direction:column;gap:18px;background:var(--paper)}.price-card.pro{border:2px solid var(--red)}.price-card .plan-name{font-weight:900;font-size:18px;display:flex;justify-content:space-between;align-items:center}.price-card .amount{font-size:52px;font-weight:900;letter-spacing:-.03em;line-height:1}.price-card .amount small{font-size:15px;font-weight:600;color:var(--ink-50);letter-spacing:0}.price-card ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14.5px}.price-card li{padding-left:22px;position:relative}.price-card li:before{content:"";position:absolute;left:0;top:8px;width:12px;height:5px;background:var(--red)}.price-card .spacer{flex:1}.footer{border-top:2px solid var(--ink);padding:calc(var(--u) * 5) 0;margin-top:calc(var(--u) * 4)}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:baseline}.footer .mono-note{font-family:var(--mono);font-size:12px;color:var(--ink-50)}.ws{padding:calc(var(--u) * 4) 0 calc(var(--u) * 8)}.ws-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:calc(var(--u) * 3)}.ws-head h1{font-size:30px;font-weight:900;letter-spacing:-.02em}.ws-input{border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}.ws-input:focus-within{border-color:var(--ink)}.ws-input .bar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--rule);background:var(--paper-2);padding:8px 12px;flex-wrap:wrap}.ws-input textarea{display:block;width:100%;min-height:300px;border:0;resize:vertical;padding:16px;font-family:var(--mono);font-size:13px;line-height:1.6;background:var(--paper);color:var(--ink)}.ws-input textarea:focus{outline:none;background:#fffdf9}.ws-input textarea::placeholder{color:var(--ink-30)}.counts{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--rule);background:var(--paper-2);padding:6px 12px;font-family:var(--mono);font-size:11.5px;color:var(--ink-50)}.ws-actions{display:flex;align-items:center;gap:16px;margin-top:calc(var(--u) * 2);flex-wrap:wrap}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-70)}.checkbox-row input{width:16px;height:16px;accent-color:var(--red)}.scan-note{font-family:var(--mono);font-size:12px;color:var(--ink-50)}.scanline{height:4px;background:var(--paper-3);overflow:hidden;margin-top:12px}.scanline .fill{height:100%;width:30%;background:var(--red);animation:scan 1.1s linear infinite}@keyframes scan{0%{transform:translate(-110%)}to{transform:translate(430%)}}.results{margin-top:calc(var(--u) * 5)}.verdict{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px;background:var(--paper)}.verdict .count{font-size:34px;font-weight:900;letter-spacing:-.02em;line-height:1}.verdict .desc{font-size:14px;color:var(--ink-70)}.verdict .ok-badge{margin-left:auto}.badge{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.06em;padding:5px 10px;text-transform:uppercase}.badge.ok{background:var(--green);color:#fff}.badge.warn{background:var(--amber);color:#fff}.tabs{display:flex;border:1px solid var(--rule);border-bottom:0;border-radius:var(--r) var(--r) 0 0;overflow:hidden;margin-top:calc(var(--u) * 3);flex-wrap:wrap;background:var(--paper-2)}.tabs button{border:0;background:transparent;padding:12px 20px;font-weight:700;font-size:13.5px;text-transform:capitalize;border-right:1px solid var(--rule);min-height:44px}.tabs button.active{background:var(--ink);color:var(--paper)}.tabs button:not(.active):hover{background:var(--paper-3)}.tab-body{border:1px solid var(--rule);border-radius:0 0 var(--r) var(--r);background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.codebox{position:relative}.codebox pre{padding:16px;overflow:auto;max-height:480px;font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.codebox .ph-tok{color:var(--red);font-weight:600}.codebox .rm-tok{background:#fde5e0;color:var(--red-dark);text-decoration:line-through}.codebox-tools{position:sticky;top:0;display:flex;gap:8px;justify-content:flex-end;padding:8px;background:linear-gradient(#fff,#fffd);border-bottom:1px solid var(--rule)}.ftable{width:100%;border-collapse:collapse;font-size:13.5px}.ftable th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--ink-50);padding:10px 12px;border-bottom:2px solid var(--ink)}.ftable td{padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:top}.ftable tr:hover td{background:var(--paper-2)}.sev{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 7px}.sev.critical{background:var(--red);color:#fff}.sev.high{background:var(--ink);color:#fff}.sev.medium{background:var(--amber);color:#fff}.sev.low{background:var(--paper-3);color:var(--ink-70)}.ftable .mono-cell{font-family:var(--mono);font-size:12px;word-break:break-all}.ftable .ph-cell{color:var(--red);font-weight:600}.diff-grid{display:grid;grid-template-columns:1fr 1fr}.diff-col{border-right:1px solid var(--rule);min-width:0}.diff-col:last-child{border-right:0}.diff-col .col-head{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-bottom:2px solid var(--ink);background:var(--paper-2)}.restore-pane{padding:16px;display:flex;flex-direction:column;gap:14px}.restore-pane textarea{width:100%;min-height:200px;border:1px solid var(--ink);padding:12px;font-family:var(--mono);font-size:12.5px;line-height:1.6;resize:vertical}.note-box{border-left:4px solid var(--red);background:var(--paper-2);padding:12px 16px;font-size:13.5px;color:var(--ink-70)}.trial-banner{border:1px solid var(--red);border-radius:var(--r);background:#fff6f4;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:calc(var(--u) * 3)}.trial-banner p{font-size:14.5px}.page{padding:calc(var(--u) * 5) 0 calc(var(--u) * 9)}.page h1{font-size:32px;font-weight:900;letter-spacing:-.02em;margin-bottom:8px}.page .lede{color:var(--ink-70);margin-bottom:calc(var(--u) * 4);max-width:40em}.htable{width:100%;border-collapse:collapse;font-size:14px}.htable th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--ink-50);padding:10px 12px;border-bottom:2px solid var(--ink)}.htable td{padding:12px;border-bottom:1px solid var(--rule)}.htable .typechips{display:flex;gap:6px;flex-wrap:wrap}.typechip{font-family:var(--mono);font-size:11px;border:1px solid var(--rule-dark);padding:1px 6px;white-space:nowrap}.empty{border:2px dashed var(--rule);border-radius:var(--r);padding:calc(var(--u) * 6);text-align:center;color:var(--ink-50);font-size:15px;background:var(--paper)}.substatus{border:1px solid var(--rule);border-radius:var(--r);background:var(--paper);box-shadow:var(--shadow);padding:calc(var(--u) * 3);margin-bottom:calc(var(--u) * 4);display:flex;gap:24px;flex-wrap:wrap;align-items:center}.substatus .kv{display:flex;flex-direction:column;gap:2px}.substatus .kv .k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-50)}.substatus .kv .v{font-weight:700;font-size:15px}.invoices td a{color:var(--red);font-weight:600}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0c8c;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);box-shadow:0 20px 60px #0b0b0c40;max-width:420px;width:100%;padding:calc(var(--u) * 4)}.modal h2{font-size:22px;font-weight:900;letter-spacing:-.01em;margin-bottom:6px}.modal .hint{font-size:13.5px;color:var(--ink-50);margin-bottom:20px}.modal form{display:flex;flex-direction:column;gap:14px}.field label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-70);margin-bottom:6px}.field input{width:100%;border:1px solid var(--ink-30);border-radius:6px;padding:11px 12px;font-size:15px;background:var(--paper)}.field input:focus{outline:2px solid var(--red);outline-offset:-1px}.modal .err{color:var(--red-dark);font-size:13.5px;border-left:3px solid var(--red);padding-left:10px}.modal .swap{font-size:13.5px;color:var(--ink-50);text-align:center}.modal .swap button{border:0;background:none;color:var(--red);font-weight:700;font-size:13.5px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:12px 22px;z-index:200;font-size:14px;font-weight:600}@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.catch-grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.manifesto-grid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr}}@media(max-width:640px){.nav-inner{height:auto;min-height:56px;flex-wrap:wrap;padding:10px 0;row-gap:8px}.nav-links{gap:8px;flex-wrap:wrap}.btn.sm{padding:6px 10px;font-size:12.5px;min-height:34px}.usage-chip{font-size:11px;padding:5px 7px}.catch-grid,.price-grid,.manifesto-grid,.diff-grid{grid-template-columns:1fr}.diff-col{border-right:0;border-bottom:1px solid var(--rule)}.nav-links{gap:12px}.nav-links a.plain.hide-sm{display:none}}
