:root{--dark-grey: #2a2c39;--accent: #0ab2fa;--ink: #000;--text: #444;--tint: #0ab2fa2e}*{box-sizing:border-box}body{margin:0;font-family:Roboto,system-ui,sans-serif;color:var(--text);background:#fff}h1{font-family:Raleway,system-ui,sans-serif;font-weight:700;color:var(--ink);margin:0 0 .5rem}.bar{display:flex;align-items:center;gap:1rem;padding:0 1rem;height:52px;background:var(--dark-grey);color:#fff}.wordmark{font-family:Montserrat,Raleway,system-ui,sans-serif;font-weight:700;font-size:1.15rem}.accent{color:var(--accent)}.product{opacity:.85}.spacer{flex:1}.who{font-size:.9rem}.ghost{background:none;color:#fff;border:1px solid #fff;border-radius:4px;padding:.3rem .7rem;cursor:pointer}main{max-width:56rem;margin:3rem auto;padding:0 1rem}.card{border:1px solid #ddd;border-radius:6px;padding:1.5rem}.primary{display:inline-block;background:var(--accent);color:#000;font-weight:500;text-decoration:none;padding:.55rem 1rem;border-radius:4px}.warn{color:#000;background:var(--tint);padding:.5rem .75rem;border-radius:4px}.navlink{color:#fff;text-decoration:none;border-bottom:2px solid var(--accent)}.card.wide{max-width:52rem}table{border-collapse:collapse;width:100%;margin:.5rem 0 1rem}td{padding:.35rem .5rem;border-bottom:1px solid #ddd;vertical-align:top}h2{font-family:Raleway,system-ui,sans-serif;color:var(--ink);font-size:1.05rem;margin:1rem 0 .25rem}button.primary{background:var(--accent);color:#000;border:0;font-weight:500;padding:.55rem 1rem;border-radius:4px;cursor:pointer}