:root{color-scheme:dark;font:20px/1.65 Arial,sans-serif;color:#fff4d8;background:#081225}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#253a60,transparent 65%),#081225}a{color:#ffe2a1}header,main,footer{max-width:1220px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #927843}header a{text-decoration:none}.wordmark{font:bold 24px Georgia;letter-spacing:2px}.wordmark span{display:block;font:12px/2 Arial;letter-spacing:3px}.hero{padding:60px 0 40px;max-width:980px}h1{font:bold clamp(40px,6vw,76px)/1.15 Georgia;color:#ffe2a1;margin:15px 0 28px}h2{font:bold 34px/1.3 Georgia;color:#ffe2a1}h3{font:bold 26px/1.3 Georgia;color:#ffe2a1;margin:10px 0 18px}.eyebrow{font-size:13px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:#ffe2a1}.scope{font-size:17px;color:#eee7da;border-left:3px solid #caa858;padding:18px 24px;background:#0d1a30}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:20px;margin:24px 0}.filters label{flex:1;min-width:220px}input,select,button,.button{font:inherit;border-radius:10px;border:1px solid #d1ad60;padding:14px 18px;background:#101d33;color:#fff4d8;min-height:50px}input,select{display:block;width:100%;margin-top:6px}.button,button{display:inline-block;text-decoration:none;background:linear-gradient(135deg,#29456f,#0b172c);font-weight:bold;box-shadow:0 3px 0 #030914}.button:hover,button:hover{border-color:#ffe6ac;background:#304d72}a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #fff1bb;outline-offset:4px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 50px}.tool-grid article{border:1px solid #a58a51;border-radius:18px;background:linear-gradient(140deg,#1d304f,#0b1528);padding:26px;display:flex;flex-direction:column;overflow-wrap:anywhere}.tool-grid article>p:not(.eyebrow){flex:1}.tool-grid [hidden]{display:none}footer{font-size:15px;color:#eee3cb;padding:40px 28px}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:12px;background:#091326;padding:12px;z-index:10}@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}header,main{padding:22px}.hero{padding-top:35px}.tool-grid{grid-template-columns:1fr}.scope{padding:16px}.filters{gap:14px}.filters label{min-width:100%}}
.wordmark img{display:block;max-width:100%;height:auto;width:300px}