:root{--blue:#1358c8;--navy:#13213d;--muted:#667085;--line:#e6eaf0;--bg:#f7f9fc}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--navy);background:#fff}.js-wrap{width:min(1040px,calc(100% - 36px));margin:auto}.js-topbar{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.js-topbar-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.js-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--navy)}.js-brand img{width:43px;height:43px;object-fit:contain}.js-brand span{display:flex;flex-direction:column}.js-brand strong{font-size:15px}.js-brand small{font-size:11px;color:var(--muted)}nav{display:flex;gap:28px}nav a{text-decoration:none;color:#475467;font-size:14px;font-weight:700}nav a.active{color:var(--blue)}.js-hero{text-align:center;padding:110px 0 76px;background:radial-gradient(circle at 50% 0,#edf5ff 0,white 55%)}.js-hero.compact{padding:48px 0 34px;text-align:left}.js-logo{font-size:37px;font-weight:800;letter-spacing:-2px;color:#2459c5}.js-logo span{color:#e0a400}.js-hero h1{font-size:42px;letter-spacing:-1.5px;margin:8px 0 10px}.js-hero p{color:var(--muted);max-width:690px;margin:0 auto 30px;line-height:1.7}.js-hero.compact .js-logo,.js-hero.compact h1,.js-hero.compact>div>p{display:none}.js-search{max-width:850px;margin:auto}.js-searchbox{display:flex;align-items:center;border:1px solid #d0d5dd;border-radius:999px;background:#fff;padding:7px 8px 7px 18px;box-shadow:0 8px 30px rgba(16,24,40,.10)}.js-searchbox:focus-within{border-color:#76a7ef;box-shadow:0 8px 34px rgba(19,88,200,.16)}.js-searchbox svg{width:23px;fill:none;stroke:#667085;stroke-width:2}.js-searchbox input{flex:1;border:0;outline:0;font:inherit;font-size:16px;padding:13px 14px;background:transparent;min-width:0}.js-searchbox button{border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;padding:14px 29px;cursor:pointer}.js-filter{display:flex;justify-content:space-between;align-items:center;margin:17px 15px 0;color:var(--muted);font-size:13px}.js-filter select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px;margin-left:8px}.js-samples{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:13px}.js-samples a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 12px;text-decoration:none;color:#344054}.js-results{padding:30px 0 70px}.js-summary{color:var(--muted);font-size:14px;margin:0 0 19px}.js-summary span{color:var(--navy)}.js-result{display:flex;justify-content:space-between;gap:25px;padding:25px 2px;border-bottom:1px solid var(--line)}.js-result-main{max-width:790px}.js-meta{font-size:12px;color:#667085;margin-bottom:7px}.js-result h2{font-size:21px;line-height:1.45;margin:0 0 9px;color:#174ea6;font-weight:700}.js-result mark{background:#fff1a8;color:inherit;padding:0 1px}.js-author{font-size:14px;margin:0;color:#344054}.js-author span{color:#667085}.js-note{font-size:12px;color:#98a2b3;margin:9px 0 0;line-height:1.5}.js-score{width:105px;min-width:105px;height:78px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.js-score strong{font-size:23px}.js-score span{font-size:10px;font-weight:800;text-transform:uppercase;text-align:center}.score-high{background:#e8f7ee;color:#147a3d}.score-medium{background:#fff5dc;color:#9a6700}.score-low{background:#eef4ff;color:#315eaa}.js-empty{text-align:center;padding:70px 20px;background:var(--bg);border-radius:20px}.js-alert{margin:25px auto;padding:16px;border-radius:10px;background:#fff0f0;color:#a32727}footer{border-top:1px solid var(--line);padding:25px 0;color:#98a2b3;font-size:12px;text-align:center}@media(max-width:720px){.js-topbar-inner{height:62px}.js-brand small{display:none}nav a:not(.active){display:none}.js-hero{padding:70px 0 45px}.js-hero h1{font-size:33px}.js-searchbox{border-radius:18px;padding-left:14px}.js-searchbox button{padding:13px 17px}.js-filter{align-items:flex-start;gap:8px}.js-result{gap:12px}.js-result h2{font-size:18px}.js-score{width:78px;min-width:78px;height:68px}.js-score strong{font-size:19px}.js-score span{font-size:8px}.js-author span{display:block;margin-top:4px}}