:root{--navy:#071833;--ink:#071833;--muted:#55657b;--line:#dfe7f1;--bg:#f6f8fc;--purple:#6c3dad;--pink:#cf1749;--green:#319166;--card:#fff;--shadow:0 16px 45px rgba(7,24,51,.08)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fbfcff 0,#f6f8fc 100%);font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.5}.top{background:#f9f7fc;border-bottom:1px solid #ded7eb}.nav{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:900;color:var(--purple);text-decoration:none;font-size:1.05rem}.navlinks{display:flex;gap:20px}.navlinks a{font-weight:800;color:var(--purple);text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:34px 24px 54px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.feature h1{font-size:2.35rem;line-height:1.08;margin:8px 0 12px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--purple);font-weight:900}.sub{font-size:1.13rem;color:var(--muted)}.brand-head,.person-head{display:flex;gap:16px;align-items:center}.mark,.portrait{width:86px;height:86px;border-radius:16px;border:1px solid #e4dced;background:#f5f0fa;object-fit:cover}.flow{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;text-decoration:none;color:#fff;background:var(--purple);font-weight:900;border:1px solid transparent}.btn.green{background:var(--green)}.btn.hot{background:#c83a86}.btn.alt{background:#fff;color:var(--purple);border-color:var(--purple)}.gridbox{position:relative;min-height:500px;border:1px solid #d7cfe4;border-radius:18px;background-image:linear-gradient(#ede9f5 1px,transparent 1px),linear-gradient(90deg,#ede9f5 1px,transparent 1px);background-size:50px 50px;background-color:#fff;overflow:hidden}.axisx,.axisy{position:absolute;background:#888198}.axisx{left:0;right:0;top:50%;height:2px}.axisy{top:0;bottom:0;left:50%;width:2px}.label{position:absolute;font-weight:900;font-size:.78rem}.l-top{top:14px;left:50%;transform:translateX(-50%)}.l-bottom{bottom:14px;left:50%;transform:translateX(-50%)}.l-left{left:14px;top:50%;transform:translateY(-50%)}.l-right{right:14px;top:50%;transform:translateY(-50%)}.lock-msg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:16px 20px;border-radius:16px;background:#fff;border:1px solid #eadff4;color:var(--purple);font-weight:900;box-shadow:0 12px 28px rgba(108,61,173,.12)}.small{font-size:.85rem}.voteDot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 10px rgba(108,61,173,.14);left:56%;top:42%;opacity:.95}.resultbox{display:none;margin-top:24px}.resultbox.show{display:block}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{border-left:5px solid var(--purple);padding-left:14px}.stat b{font-size:1.6rem;display:block}.muted{color:var(--muted)}.locked-data{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.site-footer{text-align:center;padding:28px 18px;background:#07101f;color:#fff;font-weight:800;margin-top:28px}.gridbox:not(.locked) .lock-msg{display:none}.seedDot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#c83a86;box-shadow:0 0 0 12px rgba(200,58,134,.08);z-index:1;pointer-events:none}.voteDot{z-index:3;transform:translate(-50%,-50%)}@media(max-width:900px){.hero,.locked-data,.three{grid-template-columns:1fr}.nav{align-items:flex-start}.navlinks{flex-wrap:wrap;gap:12px}.wrap{padding:24px 16px}.feature h1{font-size:2rem}.gridbox{min-height:360px}.brand-head,.person-head{align-items:flex-start}.mark,.portrait{width:72px;height:72px}}