:root{
  --ink:#122033;--muted:#6c778c;--bg:#f5f7fb;--card:#fff;--line:#e3e8f1;
  --primary:#6654e8;--secondary:#a64ab7;--green:#168958;--gold:#f4c84b
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(105deg,var(--primary),var(--secondary));color:#fff;padding:13px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 8px 25px #18223b18}
.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#ffffff22;display:grid;place-items:center;font-size:20px}.brand strong{display:block;font-size:18px;letter-spacing:.5px}.brand span{display:block;font-size:11px;opacity:.84}
nav{display:flex;align-items:center;gap:9px}nav a,.ghost-btn{color:#fff;text-decoration:none;border:0;background:#ffffff16;padding:9px 12px;border-radius:10px;font-weight:800}.ghost-btn{cursor:pointer}
.hero{max-width:1200px;margin:auto;padding:70px 20px 42px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.7px;font-weight:900;color:var(--primary)}h1{font-size:clamp(45px,7vw,80px);line-height:.98;letter-spacing:-2px;margin:16px 0}h1 span{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--muted);max-width:670px}.punch{font-weight:900;font-size:21px;margin-top:24px}.hero-card,.selector-shell,.results-shell,.how{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 14px 40px #18223b0b}.hero-card{padding:24px}.hero-card-title{font-size:21px;font-weight:900;margin-bottom:12px}.search-box{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:13px;outline:0;margin-bottom:10px}.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:12px 15px;font-weight:900;cursor:pointer}.primary-btn{background:var(--primary);color:#fff;width:100%}.secondary-btn{background:#eeeff7;color:var(--primary)}.quick-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.quick-chips button{border:1px solid var(--line);background:#fafbfe;border-radius:999px;padding:7px 10px;color:#59667d;cursor:pointer}
.selector-shell,.results-shell,.how{max-width:1200px;margin:0 auto 26px;padding:28px 24px}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:18px}.section-head h2,.how h2{margin:4px 0 0;font-size:31px}.select-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.select-grid label{font-size:12px;color:#59667d;font-weight:900;text-transform:uppercase}.select-grid select{width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.resource-title{font-weight:900;margin:23px 0 10px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.resource-grid button{text-align:left;border:1px solid var(--line);background:#fbfcff;padding:14px;border-radius:14px;cursor:pointer}.resource-grid span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.selection-message{padding:13px 14px;border-radius:12px;background:#f5f4ff;color:#57507f;margin-top:15px}
.results-shell{scroll-margin-top:90px}.safe-badge{background:#e6f7ef;color:var(--green);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.empty{grid-column:1/-1;padding:26px;border:1px dashed #cfd6e4;border-radius:18px;color:var(--muted);text-align:center}.result-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 7px 22px #18223b06}.result-top{display:flex;justify-content:space-between;gap:9px;align-items:start}.type-pill{font-size:11px;font-weight:900;padding:5px 8px;border-radius:999px;background:#f0effc;color:var(--primary)}.verified{color:var(--green);font-size:12px;font-weight:900}.result-card h3{margin:12px 0 5px}.result-card p{margin:0;color:var(--muted)}.result-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.result-actions a{background:#142033;color:#fff;padding:8px 10px;text-decoration:none;border-radius:9px;font-size:12px;font-weight:850}.result-actions a.alt{background:#ececf8;color:var(--primary)}
.how{padding:28px 24px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.how-grid article{background:#f9faff;border:1px solid var(--line);padding:19px;border-radius:18px}.how-grid strong{color:var(--primary)}.how-grid h3{margin:8px 0 4px}.how-grid p{margin:0;color:var(--muted)}
footer{margin-top:45px;background:#0b1120;color:#fff;padding:34px 20px;text-align:center}footer span{display:block;color:#aeb8c9;margin-top:5px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.select-grid,.result-grid{grid-template-columns:repeat(2,1fr)}.resource-grid,.how-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){nav a{display:none}.hero{padding:48px 15px 30px}.selector-shell,.results-shell,.how{padding:22px 15px}.select-grid,.result-grid,.resource-grid,.how-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}