@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--ink:#18211b;--muted:#657168;--paper:#f4f0e7;--card:#fffdf8;--sage:#607c68;--lime:#d9f99d;--line:#d8d7ce;--rust:#9a4f32;--shadow:0 20px 60px rgba(37,48,40,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line);font-size:.84rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.brand{font-family:'Fraunces',serif;font-size:1.55rem;text-transform:none;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.hero{max-width:1180px;margin:auto;padding:60px 28px 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:600;color:var(--rust);margin-bottom:18px}.hero h1,.explanation h2{font-family:'Fraunces',serif;font-size:clamp(3.5rem,6.7vw,6.9rem);line-height:.92;letter-spacing:-.055em;margin:0}.lede{font-size:1.18rem;line-height:1.65;max-width:590px;color:var(--muted);margin-top:32px}.calculator{background:var(--card);padding:36px;border:1px solid #e2dfd6;box-shadow:var(--shadow)}.calculator h2,.profile-heading h2{font-family:'Fraunces',serif;font-size:2rem;margin:0 0 28px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}input{width:100%;border:1px solid #c8cbc4;background:white;padding:14px;font:inherit;font-size:1rem;color:var(--ink);outline:none}input:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(96,124,104,.15)}.check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center;margin:16px 0 24px;text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:400}.check input{width:18px;height:18px}.place-field{position:relative}.place-results{position:absolute;z-index:5;background:white;border:1px solid var(--line);width:min(430px,calc(100% - 72px));box-shadow:0 12px 30px rgba(0,0,0,.1)}.place-option{display:block;width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid #eee;background:#fff;font:inherit;cursor:pointer}.place-option:hover,.place-option:focus{background:#edf3ed}.field-help{font-size:.75rem;color:var(--muted);margin:8px 0 24px}.primary,.secondary{border:0;padding:16px 20px;font:600 .9rem 'DM Sans',sans-serif;cursor:pointer}.primary{width:100%;display:flex;justify-content:space-between;background:var(--ink);color:white}.primary:hover{background:var(--sage)}.primary:disabled{opacity:.6}.secondary{background:var(--lime);color:var(--ink)}.error{color:#a23428;font-size:.85rem;min-height:1.2em}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;display:flex;justify-content:center;gap:clamp(20px,7vw,90px);flex-wrap:wrap;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.results{max-width:1000px;margin:0 auto;padding:100px 28px}.chart-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:24px}.chart-summary article{padding:28px;border-right:1px solid var(--line)}.chart-summary article:last-child{border:0}.chart-summary span,.chart-summary small{display:block;color:var(--muted);font-size:.78rem}.chart-summary strong{display:block;font:600 2rem 'Fraunces',serif;margin:10px 0 4px}.notice,.methodology{background:#ede8dc;padding:16px;font-size:.85rem;color:var(--muted)}.profile-heading{display:flex;justify-content:space-between;align-items:end;margin:90px 0 30px}.profile-heading h2{font-size:3.2rem;margin:0}.profile-heading p{color:var(--muted);font-size:.8rem}.trait{display:grid;grid-template-columns:130px 1fr 52px;gap:22px;align-items:center;padding:19px 0;border-top:1px solid var(--line)}.trait-name{font-weight:600}.track{height:13px;background:#ddded7;position:relative}.fill{height:100%;background:var(--sage);transition:width .7s ease}.trait-value{font:600 1.5rem 'Fraunces',serif}.insights{display:grid;grid-template-columns:1fr 1fr;margin:72px 0 28px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.insight{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.insight>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--rust)}.insight h3{font:600 1.75rem 'Fraunces',serif;margin:10px 0}.insight p{color:var(--muted);line-height:1.55}.insight details{font-size:.8rem}.methodology{margin:20px 0}.share-status{font-size:.85rem;color:var(--sage)}.explanation{background:var(--ink);color:white;padding:100px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px}.explanation h2{font-size:4rem}.steps article{border-top:1px solid #526057;padding:24px 0}.steps b{color:var(--lime);font-size:.75rem}.steps h3{font:500 1.5rem 'Fraunces',serif;margin:8px 0}.steps p{color:#abb6ae;line-height:1.55}footer{max-width:1180px;margin:auto;padding:45px 28px;display:flex;justify-content:space-between;gap:50px;color:var(--muted);font-size:.78rem}footer strong{font:600 1.3rem 'Fraunces',serif;color:var(--ink)}footer p{max-width:620px;margin:0;line-height:1.5}.chart-container-wrap{background:var(--card);border:1px solid var(--line);padding:24px;margin-top:24px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.chart-header h3{font-family:'Fraunces',serif;font-size:1.4rem;margin:0}.chart-style-toggle{display:flex;border:1px solid var(--line);background:var(--paper);border-radius:4px;overflow:hidden}.style-btn{border:0;background:transparent;padding:8px 16px;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all .2s ease}.style-btn.active{background:var(--ink);color:#fff}.chart-drawing{width:100%;max-width:520px;margin:0 auto;aspect-ratio:1/1}.chart-drawing svg{width:100%;height:100%;display:block}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);font-size:.8rem;color:var(--muted)}.legend-item strong{color:var(--ink);font-weight:600}.legend-item strong.asc-tag{color:var(--rust)}@media(max-width:760px){.hero,.explanation{grid-template-columns:1fr;padding-top:60px;gap:45px}.hero h1{font-size:3.8rem}.field-row,.chart-summary,.insights{grid-template-columns:1fr}.chart-summary article{border-right:0;border-bottom:1px solid var(--line)}.profile-heading{align-items:start;flex-direction:column}.profile-heading h2{font-size:2.5rem}.trait{grid-template-columns:100px 1fr 40px;gap:10px}.explanation h2{font-size:3rem}footer{flex-direction:column}.site-header span{display:none}}