@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'Space Grotesk',Arial,sans-serif;color:#202126;background:#f5f5f2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 72% -8%,#e8ddff 0,transparent 34%),#f5f5f2}.persona-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.persona-sidebar{position:sticky;top:0;height:100vh;padding:25px 16px;border-right:1px solid #e1e2de;background:#fff;display:flex;flex-direction:column}.brand img{width:110px;margin:4px 14px 34px}.side-kicker,.eyebrow{font:10px 'DM Mono';letter-spacing:.14em;color:#8065db}.side-kicker{margin:0 11px 12px}.side-nav{display:grid;gap:4px}.side-nav a,.side-footer a{padding:10px 11px;border-radius:9px;color:#4e4f57;text-decoration:none;font-size:13px;font-weight:600}.side-nav a:hover,.side-nav a.active{background:#e9e1ff;color:#352357}.side-footer{margin-top:auto;border-top:1px solid #e9e9e5;padding-top:13px;display:grid;gap:4px}.persona-main{min-width:0}.persona-top{height:68px;display:flex;align-items:center;gap:18px;padding:0 34px;border-bottom:1px solid #e2e3df;background:rgba(255,255,255,.86);backdrop-filter:blur(14px)}.menu{display:none}.crumb{font-size:14px;color:#888990}.crumb b{margin-left:9px;color:#28272d}.search{display:flex;align-items:center;gap:8px;width:min(560px,50vw);margin:auto;padding:10px 13px;border:1px solid #d8dad5;border-radius:10px;background:#fafaf8;color:#92939a}.search input{width:100%;border:0;outline:0;background:transparent;color:#27272d;font:13px Inter}.top-cta,.hero-link,.section-heading a,.suggestion a{padding:10px 13px;border-radius:9px;background:#9b7cf0;color:#21173b;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.persona-content{max-width:1500px;margin:auto;padding:34px}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px}.hero h1{margin:0;font-size:clamp(34px,4.6vw,60px);line-height:.98;letter-spacing:-.07em}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#936fe8}.hero p:not(.eyebrow){max-width:600px;margin:16px 0 0;color:#6d6e76;line-height:1.55}.hero-link{background:#20173a;color:#fff}.hero-link span{margin-left:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0 42px}.stat{padding:18px;border:1px solid #e2e2dd;border-radius:14px;background:#fff}.stat b{display:block;font-size:27px;letter-spacing:-.05em}.stat span{display:block;margin-top:6px;color:#777982;font-size:12px}.dashboard-section{margin-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}.section-heading h2{margin:5px 0 0;font-size:23px;letter-spacing:-.05em}.section-heading a{background:transparent;color:#6650a5;padding:0}.muted{color:#878890;font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.category-card{padding:17px 15px;min-height:112px;border:1px solid #e2e2dd;border-radius:13px;background:#fff;text-decoration:none;color:inherit}.category-card:hover{border-color:#9b7cf0;transform:translateY(-2px)}.category-card b{display:block;font-size:14px}.category-card span{display:block;margin-top:12px;color:#85868e;font-size:11px}.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.persona-card{border:1px solid #e1e2df;border-radius:13px;background:#fff;overflow:hidden;text-decoration:none;color:inherit}.persona-art{height:88px;background:linear-gradient(135deg,#e6d0a6,#b7d8d8 52%,#d6b4d5);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800}.persona-card:nth-child(2n) .persona-art{background:linear-gradient(135deg,#d2dcf1,#f0c6bb)}.persona-card:nth-child(3n) .persona-art{background:linear-gradient(135deg,#dfd1f1,#c6dbc1)}.persona-info{padding:12px}.persona-info b{display:block;font-size:13px}.persona-info span{display:block;margin-top:4px;color:#83848b;font-size:11px}.persona-info small{display:inline-block;margin-top:11px;padding:5px 7px;border-radius:99px;background:#e0f3ed;color:#18745f;font-size:9px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rank-list{display:grid;gap:8px}.rank-item{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e2e2dd;border-radius:11px;background:#fff}.rank-number{width:26px;height:26px;border-radius:8px;background:#eee8ff;color:#6046a1;display:grid;place-items:center;font:11px 'DM Mono'}.rank-item b{font-size:12px}.rank-item span{display:block;color:#85868e;font-size:10px;margin-top:3px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.value-card{padding:18px;border-radius:13px;background:#21183b;color:#fff}.value-card b{display:block;font-size:14px}.value-card span{display:block;margin-top:7px;color:#c8bce8;font-size:11px}.empty-mini{padding:22px;border:1px dashed #d4d4cf;border-radius:11px;color:#85868d;font-size:12px;background:#fff}.suggestion{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:48px 0 12px;padding:25px 27px;border-radius:16px;background:#21183b;color:#fff}.suggestion h2{margin:5px 0;font-size:23px}.suggestion p:not(.eyebrow){margin:8px 0 0;color:#c9c0e2;font-size:13px}.suggestion-actions{display:flex;gap:9px}.suggestion a{background:#fff;color:#302050}.suggestion a.primary{background:#a487f3}
@media(max-width:980px){.category-grid{grid-template-columns:repeat(3,1fr)}.persona-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.persona-shell{display:block}.persona-sidebar{position:fixed;z-index:20;width:min(280px,84vw);transform:translateX(-105%);transition:transform .2s}.persona-shell.menu-open .persona-sidebar{transform:translateX(0)}.persona-top{height:59px;padding:0 14px}.menu{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ddd;border-radius:8px;background:#fff}.crumb{display:none}.search{width:auto;flex:1}.top-cta{display:none}.persona-content{padding:25px 15px}.hero{display:block}.hero-link{display:inline-block;margin-top:20px}.category-grid{grid-template-columns:repeat(2,1fr)}.persona-grid,.value-grid,.split-grid{grid-template-columns:1fr}.suggestion{display:block;padding:22px}.suggestion-actions{margin-top:18px}.stats{gap:8px;margin:26px 0 32px}.stat{padding:14px}.stat b{font-size:22px}}