/* A quiet, guided conversation. The initial ideas surround one open question. */
.conversation{position:relative;padding-top:100px;padding-bottom:58px;overflow:clip}
.conversation-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:44px}
.conversation-progress{display:flex;align-items:center;gap:18px;font:12px 'Courier New',monospace;color:var(--muted)}
.progress-segments{display:flex;gap:5px}.progress-segments i{width:21px;height:2px;background:#ffffff22}.progress-segments i.is-complete{background:var(--mint)}
.conversation-heading{text-align:center;position:relative;z-index:1}.conversation h2{font-size:clamp(40px,4.6vw,66px);line-height:1.07;letter-spacing:-.05em;margin:0 0 24px}
.conversation-heading>p{font-size:16px;color:var(--muted);margin:0 auto;max-width:520px}
.problem-stage{position:relative;min-height:535px;margin-top:28px;isolation:isolate}
.problem-center{position:relative;z-index:2;width:min(570px,100%);margin:auto;padding-top:218px;padding-bottom:170px}
.problem-input-shell{display:flex;align-items:center;gap:15px;background:#202225;border:1px solid #ffffff32;border-radius:100px;padding:11px 12px 11px 27px;box-shadow:0 0 0 8px #b8dccb03,0 20px 70px #0003;transition:border-color .3s,box-shadow .3s}
.problem-input-shell:focus-within{border-color:var(--mint);box-shadow:0 0 0 7px #b8dccb09,0 20px 70px #0003}
.problem-input-shell input{display:block;min-width:0;width:100%;padding:13px 0;border:0;background:transparent;color:var(--ink);font:400 17px/1.5 Inter,Arial,sans-serif;outline:0;border-radius:0}
.problem-input-shell input::placeholder{color:#b5b8bc}.problem-input-shell:has([aria-invalid="true"]){border-color:#e6b3a9}
.problem-next{width:52px;height:52px;flex-shrink:0;border:0;border-radius:50%;background:var(--mint);color:#111b16;display:grid;place-items:center;font-size:27px;transition:background .25s,transform .25s}
.problem-next:hover{background:#d0e9df;transform:translateX(3px)}.problem-next:disabled{opacity:.5;cursor:default}
.problem-hint{font-size:12px;color:var(--muted);padding-inline:27px;margin-top:15px;display:flex;justify-content:space-between;gap:12px}.problem-hint>span{font-family:'Courier New',monospace}
.problem-ideas{position:absolute;inset:0;z-index:1}
.problem-idea{position:absolute;display:grid;grid-template-areas:'copy arrow';grid-template-columns:1fr 17px;gap:12px;max-width:265px;align-items:center;text-align:left;font:400 15px/1.55 Inter,Arial,sans-serif;letter-spacing:-.02em;padding:9px 12px;border:1px solid transparent;border-radius:7px;background:none;color:var(--muted);transition:color .25s,background .25s,border-color .25s;transform:rotate(var(--tilt,0deg))}
.problem-idea:hover,.problem-idea:focus-visible{color:var(--mint);background:#b8dccb08;border-color:#b8dccb2b}
.idea-ghost,.idea-typed{grid-area:copy}.idea-ghost{visibility:hidden}.idea-arrow{grid-area:arrow;color:var(--mint);font-size:18px;opacity:.65}.idea-typed.is-typing:after{content:'|';color:var(--mint);font-weight:300;padding-left:1px}
.idea-1{left:3%;top:28px;--tilt:-6deg}.idea-2{right:5%;top:62px;--tilt:5deg}.idea-3{left:0;top:160px;--tilt:-3deg}.idea-4{right:1%;top:195px;--tilt:4deg}
.idea-5{left:4%;bottom:68px;--tilt:4deg;max-width:240px}.idea-6{right:2%;bottom:106px;--tilt:-5deg;max-width:215px}.idea-7{left:38%;top:0;--tilt:2deg;max-width:245px}.idea-8{left:39%;bottom:6px;--tilt:-3deg;max-width:235px}
.problem-panel.is-choosing .problem-idea{opacity:.25;pointer-events:none}.problem-panel.is-choosing .problem-center{pointer-events:none}
.flying-idea{position:fixed;z-index:80;pointer-events:none;padding:11px 15px;background:#22282a;border:1px solid #b8dccb55;color:var(--mint);border-radius:12px;font-size:15px;line-height:1.5;box-sizing:border-box;box-shadow:0 10px 30px #0005}
.answer-panel{max-width:680px;min-height:520px;margin:68px auto 25px;padding-inline:12px;text-align:center}
.answer-panel h2{margin-bottom:34px}.conversation-reassurance{color:var(--mint);font-size:17px;line-height:1.65;margin-bottom:25px;overflow-wrap:anywhere}.conversation-reassurance>span{margin-right:8px}
.conversation-field{text-align:left;max-width:540px;margin:0 auto 29px}.conversation-field label{display:block;font-size:14px;margin-bottom:12px;color:var(--muted)}.conversation-field label>span{font-size:12px}
.conversation-field input,.conversation-field textarea{display:block;width:100%;padding:16px 0;background:transparent;border:0;border-bottom:1px solid #ffffff42;border-radius:0;color:var(--ink);font:400 23px/1.5 Inter,Arial,sans-serif;outline:0;transition:border-color .2s}
.conversation-field input:focus,.conversation-field textarea:focus{border-color:var(--mint);box-shadow:0 2px 0 -1px var(--mint)}.conversation-field input::placeholder,.conversation-field textarea::placeholder{color:#999ea3}.conversation-field textarea{font-size:18px;resize:vertical;min-height:120px;max-height:280px}
.conversation-field [aria-invalid="true"]{border-color:#e6b3a9}.conversation-error{font-size:14px;color:#efb9af;margin-top:12px;text-align:left;padding-inline:2px;line-height:1.5}.conversation-error:empty{display:none}
.conversation-description{font-size:16px;line-height:1.7;color:var(--muted);max-width:510px;margin:-12px auto 32px}
.conversation-next{min-width:155px;justify-content:space-between}
.conversation-skip{display:block;margin:22px auto 0;border:0;border-bottom:1px solid #ffffff28;background:none;color:var(--muted);font-size:14px;padding:4px 0}
.conversation-controls{max-width:680px;margin:12px auto 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-inline:12px}
.conversation-back{border:0;background:none;color:var(--muted);font-size:14px;padding:10px 0;white-space:nowrap}
.selected-problem{display:grid;grid-template-columns:1fr auto;gap:5px 12px;max-width:430px;text-align:left;border:1px solid var(--line);border-radius:10px;padding:12px 17px;background:#191b1d;color:var(--muted);font-size:13px;min-width:0}
.selected-problem-label{grid-column:1;font:10px/1.5 'Courier New',monospace;letter-spacing:.04em}.selected-problem-text{grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.selected-problem>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:var(--mint);font-size:18px}
.conversation-bottom{border-top:1px solid var(--line);padding-top:27px;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:12px;color:var(--muted)}
.conversation-bottom>a{font-size:13px}.conversation-bottom>a>span{display:inline-block;color:var(--ink);margin-left:12px}.conversation-bottom>a:hover>span{color:var(--mint)}
.conversation-review{margin:10px auto 30px;max-width:590px;text-align:left}.conversation-review>div{display:grid;grid-template-columns:1fr auto;gap:7px 22px;padding:20px 0;border-top:1px solid var(--line)}.conversation-review dt{font-size:12px;color:var(--muted);grid-column:1}.conversation-review dd{margin:0;grid-column:1;grid-row:2;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6;font-size:16px}.conversation-review button{border:0;background:none;padding:5px 0;grid-column:2;grid-row:1/3;align-self:center;color:var(--mint);font-size:12px}
.review-panel{margin-top:45px;min-height:650px}.conversation-send-note{color:var(--muted);max-width:510px;margin:0 auto 25px;font-size:14px;line-height:1.7}.review-panel .form-status{max-width:550px;margin:23px auto 0}.review-panel .form-status a{text-decoration:underline;text-underline-offset:4px}
.conversation-fallback{margin-top:30px;color:var(--muted)}.conversation:not(.is-guided) .problem-center{padding-block:40px}.conversation:not(.is-guided) .problem-stage{min-height:0}.conversation:not(.is-guided) .answer-panel{min-height:0;margin-block:55px}.conversation:not(.is-guided) .conversation-next,.conversation:not(.is-guided) .problem-next{display:none}
@media(max-width:1050px){.problem-stage{min-height:570px}.problem-center{width:520px;padding-top:250px}.problem-idea{font-size:14px;max-width:225px}.idea-1{left:0;top:25px}.idea-7{left:36%;max-width:220px}.idea-2{right:0;top:100px}.idea-3{top:158px}.idea-4{top:205px}.idea-5{left:0;bottom:57px}.idea-6{right:0;bottom:71px}.idea-8{left:37%;bottom:0;max-width:210px}}
@media(max-width:900px){.conversation{padding-top:75px;padding-bottom:45px}.conversation-top{align-items:flex-start;margin-bottom:35px}.conversation-top>.eyebrow{max-width:180px;font-size:11px}.conversation-progress{gap:8px;flex-direction:column;align-items:flex-end;flex-shrink:0}.progress-segments{gap:4px}.progress-segments i{width:15px}.conversation h2{font-size:clamp(34px,8.5vw,52px)}.conversation-heading>p{max-width:360px;font-size:15px}.problem-stage{min-height:640px;margin-top:28px}.problem-center{width:100%;padding-top:271px;padding-bottom:260px}.problem-input-shell{padding:9px 9px 9px 19px;gap:10px;border-radius:24px}.problem-input-shell input{font-size:16px;padding-block:14px}.problem-next{width:45px;height:45px;font-size:24px;border-radius:16px}.problem-hint{padding-inline:8px;font-size:11px}.problem-hint>span{white-space:nowrap}.problem-idea{font-size:13px;max-width:47%;padding:8px 6px;gap:5px;line-height:1.5}.idea-1{left:0;top:22px;--tilt:-4deg}.idea-2{right:0;top:79px;--tilt:4deg}.idea-3{left:0;top:154px}.idea-4{right:1%;top:216px}.idea-5{left:0;bottom:141px;max-width:46%}.idea-6{right:0;bottom:75px;max-width:46%}.idea-7{left:35%;top:0;max-width:63%;--tilt:3deg}.idea-1{top:85px;max-width:48%}.idea-2{top:145px;max-width:46%}.idea-3{top:207px;max-width:51%}.idea-4{top:70px;max-width:42%}.idea-8{left:2%;bottom:4px;max-width:60%}.idea-5{bottom:154px}.idea-6{bottom:66px;max-width:55%}.answer-panel{padding:0;margin:52px auto 25px;min-height:450px}.answer-panel h2{margin-bottom:32px}.conversation-reassurance{font-size:15px;margin-bottom:22px}.conversation-field{margin-bottom:28px}.conversation-field input{font-size:19px}.conversation-field textarea{font-size:16px}.conversation-description{font-size:15px}.conversation-controls{padding:0;gap:16px;align-items:flex-start;margin-bottom:33px}.selected-problem{max-width:72%;padding:10px 12px;font-size:12px}.selected-problem-label{font-size:10px}.conversation-bottom{flex-direction:column;align-items:flex-start;gap:18px;padding-top:23px}.conversation-bottom>a{line-height:1.8}.conversation-bottom>a>span{display:block;margin-left:0;font-size:14px}.conversation-review>div{gap:6px 12px}.conversation-review dd{font-size:15px}.conversation-review button{font-size:11px}.review-panel{min-height:0}.conversation-send-note{font-size:13px}.flying-idea{font-size:13px}}
@media(max-width:370px){.conversation h2{font-size:34px}.conversation-top>.eyebrow{max-width:150px}.problem-idea{font-size:12px}.problem-input-shell input{font-size:16px}.problem-hint{font-size:10px}.problem-hint>span{display:none}.problem-stage{min-height:680px}.problem-center{padding-top:294px;padding-bottom:270px}.idea-3{top:217px}.idea-2{top:170px}.idea-4{top:113px}.idea-1{top:60px}.idea-7{left:26%;max-width:74%;top:0}.idea-5{bottom:155px;max-width:65%}.idea-6{bottom:76px;max-width:65%}.idea-8{max-width:77%}.conversation-review>div{grid-template-columns:1fr}.conversation-review button{grid-column:1;grid-row:3;justify-self:start}.selected-problem{max-width:70%}}
@media(prefers-reduced-motion:reduce){.problem-idea{transform:none}.flying-idea{display:none}.idea-typed.is-typing:after{display:none}}

.problem-center{pointer-events:none}.problem-input-shell{pointer-events:auto}.problem-panel.is-choosing .problem-input-shell{pointer-events:none}

@media(max-width:700px){.idea-6{bottom:103px}.idea-8{bottom:0}}
@media(max-width:370px){.problem-stage{min-height:740px}.problem-center{padding-top:326px;padding-bottom:280px}.idea-7{left:16%;max-width:84%;top:0}.idea-1{top:97px;max-width:65%}.idea-4{top:150px;max-width:50%}.idea-3{top:195px;max-width:50%}.idea-2{top:249px;max-width:51%}.idea-6{bottom:87px}.idea-8{bottom:0}}
@media(max-width:900px){
.conversation.is-guided .problem-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;min-height:0;margin-top:48px;padding-block:12px 38px;align-items:center}
.conversation.is-guided .problem-ideas{display:contents}
.conversation.is-guided .problem-idea{position:relative;inset:auto;width:100%;max-width:none;padding:10px 6px;font-size:14px;line-height:1.6;gap:5px;grid-template-columns:minmax(0,1fr) 17px;align-self:center}
.conversation.is-guided .problem-center{grid-column:1/-1;grid-row:3;padding:20px 0 24px;width:100%;margin:0}
.conversation.is-guided .idea-1{grid-column:1;grid-row:1}
.conversation.is-guided .idea-2{grid-column:2;grid-row:1;align-self:end}
.conversation.is-guided .idea-3{grid-column:1;grid-row:2}
.conversation.is-guided .idea-4{grid-column:2;grid-row:2;align-self:start}
.conversation.is-guided .idea-5{grid-column:1;grid-row:4}
.conversation.is-guided .idea-6{grid-column:2;grid-row:4;align-self:end}
.conversation.is-guided .idea-7{grid-column:1;grid-row:5}
.conversation.is-guided .idea-8{grid-column:2;grid-row:5;align-self:start}
}
@media(max-width:370px){.conversation.is-guided .problem-stage{gap:25px 14px}.conversation.is-guided .problem-idea{font-size:13px;padding-inline:3px}}