@font-face{font-family:Aime;src:url(aime.woff2)}@font-face{font-family:Melange;src:url(melange.woff2)}:root{--ink:#252222;--muted:#66615f;--line:#ddd9d5;--sand:#f5f1ec;--teal:#437b71}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Melange,Arial,sans-serif;font-size:16px;line-height:1.55}button,a{font:inherit}a{color:inherit}.wrap{max-width:1120px;margin:auto;padding-left:24px;padding-right:24px}.sitebar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:17px max(24px,calc((100vw - 1072px)/2));background:white}.brand{font-family:Aime,Georgia,serif;font-size:24px;text-decoration:none;white-space:nowrap}.sitebar nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.sitebar nav a{text-decoration:none}.sitebar nav a:hover,.brand:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr .85fr;gap:6%;align-items:center;padding-top:64px;padding-bottom:64px}.hero img{width:100%;height:min(600px,55vw);object-fit:cover;border-radius:16px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:600;color:var(--teal)}h1,h2{font-family:Aime,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(48px,6vw,82px);margin:22px 0}h2{font-size:clamp(36px,4vw,55px);margin:14px 0 18px}h3{font-size:19px;line-height:1.3;margin:8px 0}p{margin:0 0 16px}.hero p{font-size:19px;max-width:540px}.small{font-size:13px;color:var(--muted);margin-top:14px}.cta,.outline{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border-radius:5px;text-decoration:none;cursor:pointer;text-align:center;border:1px solid var(--ink)}.cta{background:var(--ink);color:white}.outline{background:white;color:var(--ink)}.cta:disabled,.outline:disabled{opacity:.52;cursor:not-allowed}.cta:not(:disabled):hover{background:var(--teal);border-color:var(--teal)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.section{padding-top:84px;padding-bottom:90px;scroll-margin-top:16px}.section-head{max-width:700px;margin-bottom:30px}.section-head p{color:var(--muted)}.wash{background:var(--sand)}.quizbox{max-width:760px;border:1px solid var(--line);border-radius:16px;padding:30px;background:white}.quizbox h3{font-family:Aime,Georgia,serif;font-size:30px;font-weight:400;margin:10px 0}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0}.option{background:white;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:12px 17px;text-align:left;border:1px solid var(--line);border-radius:8px;cursor:pointer}.option[aria-pressed=true]{border:2px solid var(--teal);font-weight:600}.dot{color:var(--teal);font-size:22px}.quizactions{display:flex;justify-content:flex-end;gap:10px}.quizactions .outline{margin-right:auto}.result-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:25px}.result-head p{color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filters button{background:#fff;border:1px solid var(--line);padding:9px 14px;min-height:44px;border-radius:4px;cursor:pointer}.filters button[aria-pressed=true]{border-color:var(--teal);font-weight:600}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:19px;display:flex;flex-direction:column}.card p{font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap;flex:1}.card .copy{align-self:start;font-size:13px;min-height:42px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.feature,.demos article{border:1px solid var(--line);border-radius:10px;padding:20px}.number{font-size:13px;color:var(--teal)}.feature p,.demos p{font-size:14px;color:var(--muted)}.sample{max-width:800px;background:var(--sand);padding:20px;border-radius:9px}.sample summary{cursor:pointer;font-weight:600;min-height:30px}.sample p{margin:12px 0 20px}.purchase{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.purchase strong{font-size:24px}.purchase p{font-size:14px;color:var(--muted);max-width:550px}.demos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demos article{background:#fff}.video-placeholder{aspect-ratio:9/16;background:#ebe6df;border-radius:7px;display:grid;place-items:center;color:var(--muted);text-align:center;font-size:14px;padding:10px;max-height:330px}.demos h3{margin-top:17px}.invite{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.invite-actions{display:flex;gap:12px;flex-wrap:wrap}.invite-actions .small{width:100%}.trust .feature-grid>div{border-top:1px solid var(--line);padding-top:12px}footer{background:var(--ink);color:white;padding:33px 0}footer .wrap{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:13px}footer strong{font-family:Aime,Georgia,serif;font-size:21px}@media(max-width:750px){.sitebar{display:block;padding:14px 20px}.sitebar nav{margin-top:10px;gap:15px}.hero{grid-template-columns:1fr;padding-top:44px;gap:28px;padding-bottom:55px}.hero img{height:280px;object-position:center 42%}h1{font-size:52px}.hero p{font-size:16px}.section{padding-top:64px;padding-bottom:68px}.quizbox{padding:18px}.options{grid-template-columns:1fr}.cards,.feature-grid,.demos,.invite{grid-template-columns:1fr}.video-placeholder{aspect-ratio:16/9;max-height:220px}.purchase{display:block}.purchase button{margin-top:9px}.result-head{display:block}.result-head button{margin-top:8px}footer .wrap{display:block}footer span{display:block;margin-top:9px}}
/* Keep all copy in the same black ink; colour stays in borders and illustration only. */
:root{--muted:var(--ink)}
body,button,a,.eyebrow,.number,.dot,.feature p,.demos p,.section-head p,.result-head p,.purchase p,.small,.card p,.option,.filters button,.brand,.sitebar nav a{color:var(--ink);-webkit-text-fill-color:var(--ink)}
.cta,.cta span,footer,footer *{color:#fff;-webkit-text-fill-color:#fff}
.cta:disabled{color:#fff;-webkit-text-fill-color:#fff}
/* Every word remains ink, including links and call-to-action labels. */
.cta,.cta span,.cta:disabled,.cta:not(:disabled):hover{color:var(--ink);-webkit-text-fill-color:var(--ink);background:var(--sand);border-color:var(--ink)}
footer{background:var(--sand)}footer,footer *{color:var(--ink);-webkit-text-fill-color:var(--ink)}
.option{color:var(--ink);-webkit-text-fill-color:var(--ink)}