@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Mono:wght@400;700&display=swap";
:root{--ink:#11182c;--paper:#ece3d0;--paper2:#d9cdb5;--wine:#9c2f3f;--gold:#d0ad61}*{box-sizing:border-box}html{background:var(--ink)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Space Mono,monospace;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.topbar{background:var(--ink);height:76px;color:var(--paper);border-bottom:1px solid var(--gold);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;display:grid}.brand{align-items:center;gap:14px;display:flex}.brand b{letter-spacing:.14em;font-size:15px}.brandMark{border:1px solid var(--gold);width:34px;height:34px;color:var(--gold);place-items:center;font:italic 16px Instrument Serif;display:grid}.network{letter-spacing:.12em;color:var(--gold);font-size:9px}.network i{background:#7ea975;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #7ea975}.wallet{border:1px solid var(--gold);color:inherit;letter-spacing:.06em;background:0 0;justify-self:end;padding:12px 17px;font-size:10px;transition:all .2s}.wallet:hover{background:var(--gold);color:var(--ink)}.question{border-bottom:1px solid var(--ink);background:radial-gradient(circle at 84% 25%,#d0ad6140,transparent 24%),var(--paper);padding:5.5vw 6vw 3.5vw}.eyebrow{color:var(--wine);letter-spacing:.1em;gap:28px;font-size:9px;display:flex}.eyebrow span+span:before{content:"—";color:var(--ink);margin-right:28px}.question h1{letter-spacing:-.035em;max-width:1300px;margin:34px 0;font:400 clamp(54px,7vw,118px)/.83 Instrument Serif}.question h1 em{color:var(--wine);font-weight:400}.introRow{grid-template-columns:minmax(280px,680px) 150px;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:grid}.introRow>p{margin:0;font-size:13px;line-height:1.75}.phase{border-left:1px solid var(--ink);padding-left:18px}.phase small{font-size:8px;display:block}.phase strong{color:var(--wine);font:400 36px Instrument Serif}.meter{background:#c8baa1;height:5px}.meter i{background:var(--wine);height:100%;transition:all .7s cubic-bezier(.2,.8,.2,1);display:block}.meterLabels{color:#665c50;justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.score{border-bottom:1px solid var(--ink);background:var(--paper2);grid-template-columns:repeat(3,1fr) minmax(220px,.7fr);min-height:440px;display:grid}.score>button{color:var(--ink);text-align:left;border:0;border-right:1px solid var(--ink);background:0 0;padding:32px 26px;transition:all .35s;position:relative;overflow:hidden}.score>button>*{z-index:1;position:relative}.score>button:hover{background:#e5dbc6}.score>button.on{background:var(--ink);color:var(--paper);box-shadow:0 12px 0 var(--wine);transform:translateY(-12px)}.voiceTop{justify-content:space-between;align-items:start;display:flex}.voiceTop em{color:var(--wine);font:italic 50px Instrument Serif}.voiceTop small,.score footer{letter-spacing:.08em;font-size:8px}.score h3{letter-spacing:.12em;margin:34px 0 18px;font-size:11px}.score p{min-height:150px;margin:0;font:italic clamp(25px,2.25vw,40px)/1.08 Instrument Serif}.wave{border-bottom:1px solid;align-items:center;gap:7px;height:72px;display:flex}.wave i{background:var(--gold);width:3px;transition:all .35s;display:block}.score>button:hover .wave i{transform:scaleY(1.25)}.score footer{justify-content:space-between;margin-top:16px;display:flex}.score footer b{color:var(--wine)}.threshold{background:var(--paper);flex-direction:column;padding:34px 28px;display:flex}.threshold small{font-size:8px}.threshold>strong{color:var(--wine);margin-top:auto;font:400 clamp(60px,6vw,96px) Instrument Serif}.threshold p{font-size:10px;line-height:1.7}.seal{border:1px solid var(--wine);width:80px;height:80px;color:var(--wine);border-radius:50%;place-items:center;margin-top:28px;font-size:8px;display:grid}.refrain{background:var(--wine);color:#f2e7d2;grid-template-columns:minmax(260px,32%) 1fr;min-height:430px;display:grid}.refrain>aside{border-right:1px solid var(--ink);padding:4vw}.refrain small{letter-spacing:.1em;color:var(--ink);font-size:8px}.refrain>aside>b{margin:20px 0 50px;font:400 34px Instrument Serif;display:block}.refrain>aside>div{border-top:1px solid #11182c8c;justify-content:space-between;padding:15px 0;font-size:9px;display:flex}.refrain>aside strong{font-size:15px}.refrain article{padding:4vw 5vw}.refrain h2{max-width:900px;margin:22px 0;font:400 clamp(46px,6vw,92px)/.95 Instrument Serif}.refrain article>p{max-width:700px;font-size:12px;line-height:1.7}.actions{align-items:center;gap:24px;margin-top:35px;display:flex}.actions button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:18px 25px;font-size:10px}.actions button:hover{color:var(--ink);background:0 0}.actions a{color:var(--ink);font-size:9px;font-weight:700}.siteFooter{background:var(--ink);height:64px;color:var(--gold);letter-spacing:.12em;justify-content:space-around;align-items:center;font-size:8px;display:flex}@media (max-width:1000px){.score{grid-template-columns:repeat(3,1fr)}.threshold{grid-column:1/-1;min-height:220px}.threshold>strong{margin-top:30px}.refrain h2{font-size:54px}}@media (max-width:700px){.topbar{grid-template-columns:1fr auto}.network{display:none}.question{padding:45px 22px 30px}.question h1{font-size:55px}.eyebrow span:last-child{display:none}.introRow{grid-template-columns:1fr}.phase{display:none}.score{grid-template-columns:1fr}.score>button{border-bottom:1px solid;border-right:0;min-height:340px}.score>button.on{box-shadow:inset 7px 0 var(--wine);transform:none}.score p{min-height:auto;margin-bottom:25px}.threshold{grid-column:auto}.refrain{grid-template-columns:1fr}.refrain>aside{border-right:0;border-bottom:1px solid var(--ink)}.actions{flex-direction:column;align-items:flex-start}.siteFooter{text-align:center;gap:15px;padding:0 12px}}
