@font-face{font-family:PiePie;src:url('fonts/PiePie.woff2') format('woff2');font-display:swap}
@font-face{font-family:Archivo;src:url('fonts/archivo-400-latin-ext.woff2') format('woff2');font-weight:400;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F;font-display:swap}
@font-face{font-family:Archivo;src:url('fonts/archivo-400-latin.woff2') format('woff2');font-weight:400;unicode-range:U+0000-00FF,U+2000-206F;font-display:swap}
@font-face{font-family:Archivo;src:url('fonts/archivo-700-latin-ext.woff2') format('woff2');font-weight:700;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F;font-display:swap}
@font-face{font-family:Archivo;src:url('fonts/archivo-700-latin.woff2') format('woff2');font-weight:700;unicode-range:U+0000-00FF,U+2000-206F;font-display:swap}
:root{--blue:#1600ff;--lime:#d7ff00;--ink:#191828;--muted:#666570;--line:#dedee7;--paper:#fff;--pink:#ea18a2}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.55 Archivo,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:6px}h1:focus{outline:none}[hidden]{display:none!important}p,h1,h2,h3{margin:0}button{border:0}button,a,summary{touch-action:manipulation}.header{max-width:1160px;margin:auto;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.header img{width:88px;height:auto;display:block}.header>span{font-size:13px;color:var(--muted)}main{max-width:1160px;margin:auto;padding:0 32px}.intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:74px;padding-top:64px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.9px;color:var(--blue)}h1,h2,h3{font-weight:400}h1{font-family:PiePie,Archivo,sans-serif;letter-spacing:-.5px;line-height:1.08;font-size:clamp(42px,4.6vw,65px)}.intro h1{margin-top:23px;max-width:590px}.intro h1 span{display:block;color:var(--blue);margin-top:4px}.lead{font-size:20px;line-height:1.6}.intro .lead{margin-top:24px;max-width:445px}.intro-description{margin-top:12px;color:var(--muted);max-width:410px}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 23px;font-size:16px;font-weight:700;border-radius:8px;transition:background .15s,transform .15s}.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:#1000c9;transform:translateY(-1px)}.button span{font-size:23px;line-height:1}.intro .button{margin-top:29px}.meta{font-size:14px;margin-top:17px}.meta span{margin:0 7px;color:#92909b}.free-note{font-size:13px;color:var(--muted);margin-top:3px}.love-note{align-self:start;position:relative;background:var(--blue);color:#fff;padding:28px 34px 24px;transform:rotate(2deg);box-shadow:10px 10px 0 var(--lime);margin:1px 10px 10px 0}.note-label,.note-bottom{display:block;font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--lime)}.note-lines{margin:21px 0}.note-lines p{position:relative;padding:12px 0 12px 37px;font-size:23px;line-height:1.22;border-top:1px solid #ffffff3d;letter-spacing:-.4px}.note-lines p>span{position:absolute;left:0;top:17px;font-size:10px;letter-spacing:1px;color:var(--lime)}.note-lines p:last-child{border-bottom:1px solid #ffffff3d;padding-bottom:19px}.note-bottom{font-size:9px}.how{grid-column:1/-1;display:grid;grid-template-columns:135px 1fr 1fr;gap:32px;margin-top:65px;padding:27px 0 32px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.how-index{font-size:11px;letter-spacing:1.5px;color:var(--ink);font-weight:700;margin-top:2px}.footer{max-width:1096px;margin:30px auto 0;padding:24px 0 35px;border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:35px;font-size:12px;color:var(--muted)}.footer>span{letter-spacing:1.2px;font-size:10px;white-space:nowrap}.footer details{width:520px;max-width:100%;text-align:left}.footer summary{text-align:right;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:4px;min-height:28px}.footer summary::-webkit-details-marker{display:none}.footer summary::after{content:" +";display:inline-block;width:18px;text-align:center;text-decoration:none}.footer details[open] summary::after{content:" −"}.footer details p{margin-top:12px}.quiz{max-width:750px;margin:50px auto 70px}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.progress{height:5px;background:#ededf2;margin-top:15px}.progress>span{height:100%;background:var(--blue);display:block;transition:width .2s}.question-head{margin-top:45px}.context{font-size:15px;color:var(--blue);margin-bottom:13px}.quiz h1{font-size:clamp(31px,3.5vw,44px);line-height:1.16}.question-hint{font-size:15px;color:var(--muted);margin-top:12px}.options{display:grid;grid-template-columns:1fr;position:relative;gap:14px;margin-top:28px}.option{width:100%;display:flex;align-items:center;gap:19px;border:1.5px solid #d3d1df;border-radius:10px;background:#fff;padding:24px;text-align:left;font-size:19px;line-height:1.5;min-height:114px;color:var(--ink);transition:background .15s,border-color .15s}.option:hover{border-color:var(--blue);background:#fafaff}.option[aria-pressed=true]{border-color:var(--blue);background:#f0edff;box-shadow:inset 0 0 0 1px var(--blue)}.option-letter{flex:0 0 35px;height:35px;display:grid;place-items:center;background:#f2f2f5;border-radius:50%;font-size:13px;font-weight:700}.option[aria-pressed=true] .option-letter{background:var(--blue);color:#fff}.option-check{margin-left:auto;color:var(--blue);opacity:0;font-weight:700}.option[aria-pressed=true] .option-check{opacity:1}.option-text{flex:1}.or{display:none}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px}.quiz-nav .button{min-width:145px}.button:disabled{background:#ecebf2;color:#8b8997;transform:none}.text-button{padding:13px 0;background:transparent;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:5px}.text-button:hover{color:var(--blue)}.text-button:disabled{opacity:.35;text-decoration:none}.quiz-footnote{text-align:center;margin-top:36px;font-size:12px;color:var(--muted)}.results{padding-top:49px;max-width:970px;margin:auto}.result-heading{max-width:780px}.results h1{margin-top:16px;color:var(--blue);font-size:clamp(36px,4.6vw,59px)}.result-heading .lead{margin-top:18px;font-size:18px}.result-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:30px;align-items:start}.result-story{padding:25px 28px;background:var(--blue);color:#fff;border-radius:10px;margin-bottom:16px}.result-story .eyebrow{color:var(--lime);font-size:10px;letter-spacing:1.3px}.result-story h2{font-family:PiePie,Archivo,sans-serif;font-size:28px;line-height:1.15;color:var(--lime);margin:13px 0}.result-story p{font-size:16px;line-height:1.65}.result-story blockquote{border-top:1px solid #ffffff4a;margin:21px 0 0;padding-top:18px;font-size:20px;line-height:1.4}.result-story .say{font-size:10px;letter-spacing:1px;display:block;margin-top:22px;color:var(--lime)}.score-panel{padding:24px 25px;border:1px solid var(--line);border-radius:10px}.score-panel h2{font-size:22px;font-weight:700}.score-panel>p{font-size:13px;color:var(--muted);margin-top:8px}.score-row{margin-top:19px}.score-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px}.score-label strong{font-size:12px;font-weight:400;color:var(--muted)}.score-row.top .score-label{font-weight:700;color:var(--blue)}.score-track{height:7px;background:#f0eff5;margin-top:8px;overflow:hidden;border-radius:20px}.score-track span{display:block;background:#aaa5c4;height:100%;border-radius:20px}.score-row.top .score-track span{background:var(--blue)}.score-panel p.score-explanation{margin-top:24px;font-size:12px;line-height:1.65}.conversation{background:var(--lime);padding:30px 34px;margin-top:28px;border-radius:10px}.conversation .eyebrow{font-size:10px}.conversation h2{font-family:PiePie,Archivo,sans-serif;font-size:30px;margin:13px 0;color:var(--blue);line-height:1.15}.conversation p{font-size:15px}.conversation blockquote{font-size:23px;line-height:1.4;margin:23px 0;color:var(--blue)}.result-actions{display:flex;align-items:center;gap:28px;margin-top:27px;flex-wrap:wrap}.copy-status{font-size:13px;color:var(--blue);margin-top:12px}.result-note{font-size:13px;color:var(--muted);max-width:690px;margin:25px 0 45px}.noscript{padding:20px;color:var(--blue)}textarea{width:100%;min-height:170px;padding:15px;font:inherit;margin-top:15px;border:1px solid var(--line)}
@media(min-width:1300px){.intro{column-gap:100px}.love-note{margin-left:12px}}
@media(max-width:800px){.intro{column-gap:35px;padding-top:45px}.intro h1{font-size:45px}.note-lines p{font-size:20px}.love-note{padding:25px}.lead{font-size:18px}.how{grid-template-columns:1fr 1fr;gap:16px;margin-top:45px}.how-index{grid-column:1/-1}.result-grid{gap:18px}.footer{margin-left:32px;margin-right:32px}.result-story,.score-panel{padding:23px}}
@media(max-width:600px){.header{padding:21px 22px}.header img{width:73px}.header>span{font-size:11px}main{padding:0 22px}.intro{display:flex;flex-direction:column;padding-top:34px}.intro h1{font-size:43px;line-height:1.1;margin-top:17px;max-width:390px}.intro .lead{font-size:17px;line-height:1.6;margin-top:21px;max-width:350px}.intro-description{font-size:15px}.intro .button{width:100%;margin-top:25px}.meta,.free-note{text-align:center}.love-note{width:calc(100% - 9px);margin:36px 4px 10px;padding:25px 27px;transform:rotate(1deg)}.note-lines{margin:18px 0}.note-lines p{font-size:22px;padding:13px 0 13px 33px}.note-lines br{display:none}.note-label{font-size:9px}.how{display:flex;flex-direction:column;gap:14px;margin-top:31px;padding:23px 0 5px;font-size:14px}.footer{margin:29px 22px 0;padding-top:22px;display:block}.footer details{text-align:left;margin-top:14px}.footer summary{text-align:left}.quiz{margin-top:31px;margin-bottom:45px}.quiz-top{font-size:12px}.quiz-top .eyebrow{font-size:10px;letter-spacing:1.1px}.question-head{margin-top:33px}.quiz h1{font-size:34px}.context{font-size:14px}.option{padding:20px 16px;gap:13px;font-size:17px;min-height:132px;align-items:center}.option-letter{flex-basis:29px;height:29px;font-size:11px}.option-check{font-size:16px}.quiz-nav{gap:12px;margin-top:23px}.quiz-nav .button{min-width:125px;padding:15px 18px}.text-button{font-size:13px}.quiz-footnote{font-size:11px;margin-top:28px}.results{padding-top:33px}.results h1{font-size:40px}.result-heading .lead{font-size:16px}.result-grid{grid-template-columns:1fr;gap:4px;margin-top:23px}.result-story h2{font-size:28px}.score-panel{margin-top:8px}.conversation{padding:25px 23px}.conversation h2{font-size:28px}.conversation blockquote{font-size:21px}.result-actions{gap:14px;justify-content:center}.result-actions .button{width:100%;font-size:14px}.result-note{font-size:12px}.copy-status{text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:360px){.intro h1{font-size:37px}.results h1{font-size:35px}.quiz h1{font-size:30px}.header>span{font-size:10px}}

/* Public quiz: useful result first, app invitation afterwards. */
.conversation{background:#fff;border:1px solid var(--line)}
.app-promo{display:grid;grid-template-columns:1.8fr 1fr;gap:42px;background:var(--lime);border-radius:12px;padding:36px;margin:30px 0 45px;align-items:center}
.app-promo h2{font-family:PiePie,Archivo,sans-serif;font-size:38px;line-height:1.12;color:var(--blue);margin:16px 0 20px}
.app-promo-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:490px;margin-top:12px}
.app-promo-copy .app-invite{font-weight:700;padding-top:7px}.store-links{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:20px}.store-links a{display:inline-flex;min-height:44px;align-items:center}.store-links img{display:block;height:40px;width:auto}
.app-promo-aside{border-left:1px solid #1600ff30;padding:20px 0 20px 30px}.app-promo-aside>img{display:block;width:105px;height:auto}.app-promo-aside p{font-family:PiePie,Archivo,sans-serif;font-size:28px;line-height:1.2;color:var(--blue);margin:22px 0}.app-promo-aside a{font-size:13px;color:var(--blue);text-underline-offset:4px}
@media(max-width:600px){.app-promo{grid-template-columns:1fr;padding:26px 23px;gap:27px;margin-top:24px}.app-promo h2{font-size:31px}.app-promo-copy>p:not(.eyebrow){font-size:15px}.app-promo-aside{border-left:0;border-top:1px solid #1600ff30;padding:25px 0 0}.app-promo-aside>img{width:80px}.app-promo-aside p{font-size:24px;max-width:280px;margin:18px 0}.store-links{gap:10px}.store-links img{height:36px}}