:root{--bg:#0b1317;--border:#28383f;--text:#edf6f3;--muted:#9baeb4;--green:#95e7b8;--amber:#f5c879}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}.page{max-width:1360px;margin:auto;padding:0 54px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-size:24px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center}.brand>span{font-weight:400;color:var(--green)}.brand .mark{font-size:38px;margin-right:12px}.brand small{font-size:9px;letter-spacing:1.7px;color:var(--muted);border-left:1px solid var(--border);margin-left:22px;padding-left:22px;font-weight:400}nav{display:flex;gap:28px;font-size:12px;color:#c1d0d3}nav a:hover,.try a:hover{color:var(--green)}.hero{padding:55px 0 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:10px}.eyebrow i{height:7px;width:7px;background:var(--green);border-radius:50%}.eyebrow em{color:#556a72;padding:0 4px;font-style:normal}.hero-row{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center;padding:24px 0 35px}h1{font-size:clamp(40px,4.7vw,66px);line-height:1.07;letter-spacing:-3.3px;margin:0;font-weight:600}h1 span{color:var(--green)}.intro{max-width:390px}.intro p{font-size:13px;color:#bacacf;line-height:1.75;margin:0 0 12px}.primary{display:inline-flex;align-items:center;gap:28px;font-size:12px;color:#10221a;background:var(--green);padding:11px 16px;border-radius:5px;font-weight:700;margin-top:5px}.proof{display:flex;align-items:center;gap:54px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.proof>div{display:flex;flex-direction:column}.proof strong{font-size:27px;line-height:1.2;letter-spacing:-1px}.proof strong span{font-size:14px;color:#a9bdc4;font-weight:400;letter-spacing:0}.proof small{font-size:10px;color:var(--muted);margin-top:5px}.recorded{font-size:8px;letter-spacing:1.3px;color:#82969d;margin-left:auto;max-width:170px;text-align:right}.comparison{padding-top:45px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.muted{color:#91a5ad;font-size:9px}h2{font-size:28px;letter-spacing:-.9px;line-height:1.25;margin:10px 0 0;font-weight:500}.case-tag{font-size:8px;letter-spacing:1.1px;color:#9cb0b7;padding:7px 10px;border:1px solid var(--border);border-radius:4px}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tabs{display:flex;gap:5px;background:#0e1a20;padding:4px;border:1px solid var(--border);border-radius:6px}.tabs button{font-size:10px;border:0;background:transparent;color:#a2b4ba;padding:7px 13px;border-radius:3px}.tabs button.selected{background:#263b41;color:var(--text)}.viewport{font-family:monospace;font-size:9px;letter-spacing:.5px;color:#9dafb5}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}figure{margin:0;overflow:hidden;border:1px solid #345047;border-radius:8px;background:#fff;min-width:0}figcaption{background:#15251f;color:#cde6d7;display:flex;align-items:center;justify-content:space-between;padding:11px 15px;font-size:11px}figcaption>span{display:flex;align-items:center;gap:8px}figcaption i{display:inline-block;height:6px;width:6px;border-radius:50%}.good{background:var(--green)}.warn{background:var(--amber)}figcaption small{font-size:8px;letter-spacing:1px;color:#7ca38c}.changed{border-color:#62533a}.changed figcaption{background:#29251d;color:#f4dcb1}.badge{border:1px solid #726041;padding:1px 6px;border-radius:3px;color:var(--amber)}.browser-bar{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;background:#f1f4f3;color:#8f9e9a;font-size:7px;border-bottom:1px solid #e0e7e4}.browser-bar>span:first-child{font-size:7px;letter-spacing:2px;color:#bec9c4}figure img{display:block;width:100%;height:auto}.figure-foot{color:#435854;padding:9px 12px;border-top:1px solid #e5ece9;font-size:9px;background:#f7faf8}.result-strip{display:flex;align-items:center;gap:16px;border:1px solid #504536;background:#211f1b;margin-top:17px;border-radius:6px;padding:17px 20px}.result-icon{font-family:monospace;font-size:20px;color:var(--amber);border:1px solid #76603c;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.result-strip strong{font-size:12px;color:#f3ddba}.result-strip p{font-size:10px;color:#bcae98;margin:3px 0 0;max-width:740px}.result-number{font-size:27px;line-height:1.2;white-space:nowrap;color:var(--amber);margin-left:auto}.result-number small{display:block;font-size:7px;letter-spacing:1.2px;margin-top:5px;color:#bba98c}.honesty{font-size:9px;color:#8ea3ab;max-width:940px;margin:12px 0 0}.single-panel{padding:18px;background:#17242a;border:1px solid var(--border);border-radius:7px}.single-panel img{display:block;max-width:100%;width:900px;margin:auto;height:auto;border-radius:4px}.single-panel p{font-size:12px;color:var(--muted);text-align:center}.diff-note{max-width:800px;margin:0 auto 18px}.diff-note strong{color:var(--amber);font-size:14px}.diff-note p{text-align:left;margin-top:5px}.how{padding:75px 0 60px;border-bottom:1px solid var(--border)}.section-top>p{font-size:11px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px}.step{font-family:monospace;color:var(--green);font-size:11px;border-bottom:1px solid #3c6350;padding-bottom:7px;display:inline-block}h3{font-size:17px;font-weight:500;margin:17px 0 10px}.steps p{font-size:12px;color:var(--muted);margin:0 0 20px;min-height:76px}code{font-size:11px;background:#18272c;padding:8px 10px;border:1px solid var(--border);border-radius:4px;color:#bce6cc}.coverage{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding:60px 0;border-bottom:1px solid var(--border)}.coverage p,.try p{font-size:12px;color:var(--muted);max-width:400px}.tech-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tech-tags span{font-size:9px;border:1px solid #35494e;padding:4px 9px;border-radius:4px;color:#c4d4d8}.coverage-list>div{display:grid;grid-template-columns:24px 145px 1fr;gap:10px;align-items:center;border-bottom:1px solid var(--border);padding:15px 0}.coverage-list>div>span{font-size:10px;color:var(--green);font-family:monospace}.coverage-list strong{font-size:12px;font-weight:400}.coverage-list small{font-size:10px;color:var(--muted)}.try{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding:60px 0 70px}.try a{font-size:11px;display:inline-block;color:var(--green);margin-top:12px}.terminal{background:#101d23;border:1px solid var(--border);border-radius:7px;overflow:hidden}.terminal>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 15px;font-size:8px;letter-spacing:1px;color:#7f969f}.terminal button{font-size:9px;border:1px solid #3e555c;border-radius:3px;background:#1b3037;color:#d4e5e7;padding:4px 8px;letter-spacing:0}pre{font-size:12px;color:#d5ebdf;line-height:1.9;padding:10px 22px;white-space:pre-wrap}.comment{color:#728e98}#copy-status{padding:0 22px;font-size:10px;min-height:15px}footer{border-top:1px solid var(--border);padding:25px 0 35px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}footer .brand{font-size:18px}footer>span{font-size:9px;color:var(--muted);max-width:460px}footer small{font-size:8px;color:#7f959d;margin-left:auto;max-width:240px;text-align:right}[hidden]{display:none!important}@media(max-width:950px){.page{padding:0 28px}.brand small{display:none}.hero-row{gap:25px}h1{font-size:46px;letter-spacing:-2px}.proof{gap:25px}.recorded{display:none}.coverage,.try{gap:30px}.coverage-list>div{grid-template-columns:20px 115px 1fr}}@media(max-width:650px){.page{padding:0 20px}header{height:80px}.brand{font-size:21px}.brand .mark{font-size:30px;margin-right:8px}nav{gap:12px;font-size:10px}nav a:first-child{display:none}.hero{padding-top:35px}.eyebrow{font-size:8px;letter-spacing:1.2px;gap:7px}.hero-row{grid-template-columns:1fr;gap:24px;padding-bottom:28px}h1{font-size:47px;letter-spacing:-2.3px}.intro{max-width:none}.intro p{font-size:12px}.proof{gap:15px;justify-content:space-between}.proof strong{font-size:23px}.proof strong span{font-size:10px}.proof small{font-size:8px;max-width:100px}.section-top{align-items:start;gap:16px}h2{font-size:24px}.case-tag{display:none}.comparison{padding-top:32px}.compare-toolbar{gap:10px}.viewport{display:none}.tabs{width:100%}.tabs button{flex:1;font-size:9px;padding:7px 5px}.compare-grid{grid-template-columns:1fr;gap:18px}.result-strip{align-items:start;padding:14px;gap:10px}.result-number{display:none}.result-strip strong{font-size:11px}.result-strip p{font-size:10px}.honesty{font-size:9px}.how{padding:45px 0}.section-top>p{display:none}.steps{grid-template-columns:1fr;gap:25px}.steps p{min-height:0;margin-bottom:15px}.step{float:left;margin-right:15px}.steps h3{margin-top:0}.coverage,.try{grid-template-columns:1fr;gap:25px;padding:40px 0}.coverage-list>div{grid-template-columns:20px 115px 1fr}pre{font-size:11px;padding:10px 14px}footer{gap:15px}footer small{margin:0;text-align:left;max-width:none}footer>span{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}