@font-face{font-family:Urbanist;src:url(assets/urbanist-bold.ttf) format('truetype');font-display:swap;font-weight:700 900}@font-face{font-family:Urbanist;src:url(assets/urbanist.ttf) format('truetype');font-display:swap;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6fc;color:#282c32;font-family:Urbanist,Arial,sans-serif;font-size:17px;line-height:1.55}button,input,select,textarea{font:inherit}a{color:#6333df;text-underline-offset:4px}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid #d4cfe0;background:white;color:#292334;border-radius:10px;padding:11px 17px;font-weight:700;transition:.18s}button:hover{border-color:#7444fd;background:#f3eeff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a783ff;outline-offset:3px}button.primary{background:#7444fd;color:white;border-color:#7444fd}.primary:hover{background:#5f2ddb}header{max-width:1360px;margin:auto;padding:20px 4%;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e2deec}header>a:last-child{margin-left:auto;white-space:nowrap}.brand{display:flex;align-items:center;gap:9px;color:#282c32;text-decoration:none;font-size:29px;line-height:1}.brand img{width:40px;height:40px;object-fit:contain}.tag{font-size:13px;color:#635b73;border-left:1px solid #d4cfe0;padding-left:22px}main{max-width:1240px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding:65px 0 54px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:#6940c7;margin:0 0 14px}h1{font-size:clamp(40px,5.3vw,68px);line-height:1.07;letter-spacing:-2.5px;margin:0 0 24px;font-weight:800}h1 em{color:#7444fd;font-style:normal}h2{font-size:29px;line-height:1.2;margin:0 0 15px;letter-spacing:-.5px}h3{font-size:21px;margin:10px 0}.lead{max-width:620px;color:#625a70;font-size:19px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.chips span,.pill{font-size:12px;background:#eeE8fc;color:#624095;border-radius:30px;padding:6px 12px;font-weight:700}.path{background:linear-gradient(135deg,#ebe2ff,#f8f7ff 60%,#e3f2f0);padding:32px;border-radius:26px;border:1px solid #dfd5f4;box-shadow:0 20px 50px #51328e0a}.node{display:flex;gap:20px;background:#fff;border:1px solid #dcd2f0;padding:16px;border-radius:13px;font-size:14px;color:#8153e7}.node strong{color:#282c32;font-size:17px}.node.last{background:#7444fd;color:#ddd1ff}.node.last strong{color:white}.path i{display:block;text-align:center;color:#9d80dc}.path p{font-size:12px;text-align:center;margin-bottom:0;color:#625a70}.tabs{display:flex;gap:5px;border-bottom:1px solid #ddd6eb;padding-bottom:12px;flex-wrap:wrap}.tabs button{background:transparent;border-color:transparent;color:#696171}.tabs button.active{background:#282c32;color:white}.panel{background:white;border:1px solid #e4dfeb;border-radius:21px;padding:30px;margin-top:22px;box-shadow:0 10px 30px #27203003}.panel[hidden]{display:none}.sectionhead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.sectionhead .eyebrow{margin-bottom:8px}.sectionhead h2{margin-bottom:0}.pill{white-space:nowrap}label{display:block;font-size:14px;font-weight:700;color:#4c435c;margin-bottom:8px}.querybar{display:flex;gap:10px}input:not([type=range]),select,textarea{width:100%;min-width:0;background:#fff;border:1px solid #cfc7dd;border-radius:10px;padding:12px;color:#292334}input[type=range]{width:100%;accent-color:#7444fd;display:block}input{min-width:0}.querybar input{flex:1}.querybar button{white-space:nowrap}.examples{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:15px 0 24px}.examples span{font-size:12px;color:#70677e;margin-right:5px}.examples button{font-size:12px;padding:6px 9px;background:#faf8ff}.controls{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px;align-items:center;padding:18px;background:#f8f6fc;border-radius:12px}.controls label{margin:0}output{float:right;color:#7444fd}.subtle{font-size:13px;color:#6f647e}.decision{border-left:4px solid #7444fd;padding:15px 18px;background:#f2edff;margin:22px 0}.decision strong{display:block;font-size:20px}.decision small{display:block;margin-top:3px}.decision.hold{background:#fff7e8;border-color:#b9760f}.resultgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.result{width:100%;text-align:left;margin-bottom:9px;border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:6px;padding:15px}.result.selected{border:2px solid #7444fd;background:#faf7ff;padding:14px}.result small{font-weight:400;color:#756b83;font-size:12px;grid-column:1/-1}.meter{height:4px;background:#e9e3f2;border-radius:6px;grid-column:1/-1;overflow:hidden}.meter i{display:block;height:100%;background:#9772f1}.evidence{background:#f8f6fc;border-radius:14px;padding:22px;font-size:15px;align-self:start}.evidence h3{margin-top:0}.evidence li{margin:8px 0}.evidence ul{padding-left:18px}.notice{font-size:14px;border-top:1px solid #e6e0ee;margin:24px 0 0;padding-top:18px;color:#62566e}.listinggrid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-top:24px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.audit{padding:18px;border-radius:12px;background:#fff5e8;margin-top:18px}.audit.ok{background:#edf8f2}.audit strong{display:block}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.metric{background:#f7f4fe;padding:23px;border-radius:15px}.metric h3{margin:0 0 10px}.statrow{display:flex;gap:28px;flex-wrap:wrap}.statrow strong{font-size:30px;display:block;color:#6e3ee0;line-height:1.2}.statrow span{font-size:13px}.metric p{font-size:13px;margin:12px 0 0}.filter{max-width:320px}.benchrow{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px;border-bottom:1px solid #e6e0ed;padding:12px 0;font-size:14px}.benchrow small{display:block;color:#776d82}.status{font-size:12px;padding:4px 8px;border-radius:6px;display:inline-block;background:#f0edf5}.status.bad{background:#fff0df;color:#8d4d05}.method{padding:55px 0 20px}.methodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.method article{border-top:1px solid #d6cbe8;padding:20px 0;font-size:15px}.method article b{font-size:12px;color:#7045c8}.step{font-size:13px;color:#77598e}.method details{border:1px solid #ded5ec;padding:20px;border-radius:13px;margin-top:12px;font-size:15px;overflow-wrap:anywhere}.method summary{cursor:pointer;font-weight:700}footer{display:flex;justify-content:space-between;gap:15px;font-size:12px;border-top:1px solid #e2dce9;padding:30px 0 45px;margin-top:25px}textarea{resize:vertical}p{overflow-wrap:anywhere}@media(max-width:760px){header{padding:17px 20px;flex-wrap:wrap;gap:12px}.brand{font-size:25px}.brand img{width:33px;height:33px}.tag{order:3;flex-basis:100%;padding-left:0;border:0;font-size:11px}header>a:last-child{font-size:13px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:25px;padding:35px 0 30px}h1{letter-spacing:-1.4px;font-size:43px}.lead{font-size:17px}.path{padding:22px;display:none}.tabs{gap:0}.tabs button{font-size:13px;padding:10px}.panel{padding:20px 16px;border-radius:16px}.sectionhead{display:block}.sectionhead .pill{display:inline-block;margin-top:13px}h2{font-size:25px}.querybar{flex-wrap:wrap}.querybar input{flex-basis:100%}.querybar button{width:100%}.controls{grid-template-columns:1fr;gap:15px;padding:14px}.resultgrid,.listinggrid,.metrics,.methodgrid{grid-template-columns:1fr;gap:16px}.benchrow{grid-template-columns:1fr 1fr;gap:8px}.benchrow>div:first-child{grid-column:1/-1}.metrics{margin-top:18px}.statrow{gap:25px}footer{flex-direction:column}.method{padding-top:35px}.evidence{padding:18px}.sectionhead button{margin-top:15px}body{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
