/* Homepage prompt hero ("What do you need to get done?").
   Ported from the Decover Lander design; behaviour lives in home-ask.js. */

.home-ask{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--nav-height,4.5rem));min-height:calc(100svh - var(--nav-height,4.5rem));padding:120px 24px 136px;background:#0f0e0d;color:#fff}
.home-askGlow{position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 0%,rgba(117,95,164,.5) 0%,rgba(15,14,13,0) 72%);pointer-events:none}
.home-askInner{position:relative;width:100%;max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}

.home-askTitle{margin:0;font-family:"Ancizar Serif",Georgia,serif;font-size:clamp(44px,6.4vw,82px);line-height:.98;letter-spacing:-.03em;font-weight:300;color:#fff;text-wrap:balance}
.home-askTitle span{color:#b89cff}
.home-askSub{margin:28px 0 0;max-width:620px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.85);text-wrap:pretty}

/* ---- prompt box ---- */
.home-askBox{width:100%;max-width:880px;margin-top:56px;background:#1a1820;border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:0 24px 56px -16px rgba(0,0,0,.6);text-align:left;overflow:hidden;transition:border-color .18s ease}
.home-askBox:focus-within{border-color:rgba(184,156,255,.6)}
.home-askPrompt{display:block;width:100%;border:0;outline:none;resize:none;padding:24px 24px 12px;font:inherit;font-size:18px;line-height:1.5;color:#fff;background:transparent}
.home-askPrompt::placeholder{color:rgba(255,255,255,.55)}
.home-askBar{display:flex;align-items:center;gap:8px;padding:14px 16px 16px 18px}
.home-askSpacer{flex:1}
.home-askTool{height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:transparent;color:rgba(255,255,255,.85);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .12s ease,color .12s ease}
.home-askTool--icon{width:36px;padding:0}
.home-askStart{height:40px;display:flex;align-items:center;gap:8px;padding:0 18px;border:0;border-radius:4px;background:#543b8a;color:#fff;font:inherit;font-size:14px;font-weight:500;letter-spacing:-.02em;cursor:pointer;transition:background-color .12s ease}

/* ---- sample workflow run ---- */
.home-askRun{border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);padding:16px 24px;display:flex;flex-direction:column;gap:10px}
.home-askRun[hidden],.home-askRunDone[hidden]{display:none}
.home-askRunHead{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#b89cff}
.home-askPulse{flex:none;width:8px;height:8px;border-radius:9999px;background:#b89cff;animation:home-askPulse 1.2s infinite}
.home-askRun[data-done] .home-askPulse{animation:none}
.home-askSteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.home-askStep{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.6)}
.home-askStep::before{content:"";flex:none;width:18px;height:18px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.6)}
.home-askStep[data-state=active],.home-askStep[data-state=done]{color:rgba(255,255,255,.92)}
.home-askStep[data-state=active]::before{content:"\2022";background:rgba(184,156,255,.14);color:#b89cff;border-color:#b89cff}
.home-askStep[data-state=done]::before{content:"\2713";background:#755fa4;color:#fff;border-color:#755fa4}
.home-askRunDone{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.2);flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,.85)}
.home-askRunCta{border:0;background:transparent;padding:0;font:inherit;font-size:14px;font-weight:500;color:#b89cff;cursor:pointer}

/* ---- categories + examples ---- */
.home-askCats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}
.home-askCat{height:36px;padding:0 14px;border-radius:9999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:14px;font-weight:400;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}
.home-askCat[aria-pressed=true]{background:#fff;border-color:#fff;color:#141414}
.home-askExamples{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:28px;font-size:14px}
.home-askExamplesLabel{color:rgba(255,255,255,.7)}
.home-askExampleList{display:contents}
.home-askExample{border:0;background:transparent;padding:4px 0;font:inherit;font-size:14px;font-weight:500;color:#b89cff;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(184,156,255,.45);text-underline-offset:4px}

.home-ask button:focus-visible,.home-askDialog a:focus-visible,.home-askDialog button:focus-visible{outline:2px solid #b89cff;outline-offset:2px}

@media (hover:hover){
  .home-askTool:hover{background:rgba(255,255,255,.08);color:#fff}
  .home-askStart:hover{background:#6a4dab}
  .home-askRunCta:hover,.home-askExample:hover{color:#fff}
  .home-askCat:not([aria-pressed=true]):hover{background:rgba(255,255,255,.16)}
  .home-askOption:hover{background:#efeae2}
  .home-askClose:hover{background:#ddd7ce}
  .home-askDialog a.home-askMore:hover,.home-askDialog .home-askFoot a:hover{color:#432f70}
}

/* ---- sign-up dialog ---- */
.home-askDialog{position:fixed;inset:0;margin:auto;width:calc(100% - 48px);max-width:440px;max-height:calc(100% - 48px);overflow:auto;background:#f7f4ef;border:1px solid #e5dfd6;border-radius:10px;box-shadow:0 24px 56px -16px rgba(0,0,0,.6);padding:44px 28px 28px;color:#141414;text-align:center}
.home-askDialog[open]{animation:home-askRise .22s cubic-bezier(.2,0,0,1)}
.home-askDialog::backdrop{background:rgba(15,14,13,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:home-askFade .18s ease-out}
.home-askClose{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:#3a3429;cursor:pointer}
.home-askNote{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5dfd6;border-radius:6px;font-size:13px;line-height:1.4;color:#3a3429;text-align:left}
.home-askNote svg{flex:none}
.home-askMark{width:40px;height:40px;display:block;margin:28px auto 0}
.home-askDialogTitle{margin:14px 0 0;font-family:"Ancizar Serif",Georgia,serif;font-weight:300;font-size:30px;line-height:1.15;letter-spacing:-.02em;color:#3a3429}
.home-askOptions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.home-askOption{height:44px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #cfc7bb;border-radius:4px;background:#fff;color:#141414;font-size:14px;font-weight:500;letter-spacing:-.02em;text-decoration:none;transition:background-color .12s ease}
.home-askMore{display:inline-block;margin-top:18px;font-size:14px;font-weight:500;color:#543b8a;text-decoration:none}
.home-askFoot{margin-top:22px;padding-top:20px;border-top:1px solid #e5dfd6;font-size:13px;line-height:1.5;color:#3a3429}
.home-askFoot a{font-weight:500;color:#543b8a;text-decoration:none}
.home-askLegal{margin-top:10px;font-size:12px;line-height:1.5;color:#585858}
.home-askLegal a{color:#3a3429;text-decoration:underline}

@keyframes home-askPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes home-askFade{from{opacity:0}to{opacity:1}}
@keyframes home-askRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (max-width:640px){
  .home-ask{padding:72px 16px 80px}
  .home-askSub{margin-top:20px;font-size:16px}
  .home-askBox{margin-top:36px}
  .home-askPrompt{padding:18px 18px 8px;font-size:16px}
  .home-askBar{padding:12px}
  .home-askRun{padding:14px 18px}
  .home-askDialog{width:calc(100% - 32px);padding:44px 20px 24px}
}

@media (prefers-reduced-motion:reduce){
  .home-askPulse,.home-askDialog[open],.home-askDialog::backdrop{animation:none}
}