/* shanvic-clarity — intake.css : registration + conversation on the navy mount */

/* The hidden attribute must always win; several elements here carry their
   own display value, which would otherwise defeat it. */
.sc-chat [hidden]{display:none!important}

.sc-register,.sc-chat{max-width:640px}
.sc-hint{color:#9fbcc7;font-size:.88rem;margin:10px 0 0}
.sc-error{margin-top:18px;color:#f2b8b0;font-size:.92rem}
.sc-hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}

.btn-sc{display:inline-flex;align-items:center;gap:.5em;font:inherit;font-weight:800;font-size:.95rem;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;background:var(--green,#33a85e);color:#06251a}
.btn-sc:hover{filter:brightness(1.06)}
.btn-sc--ghost{background:transparent;border:1.5px solid #2a5065;color:#cfe4ec}
.btn-sc:disabled{opacity:.6;cursor:default}

.sc-testmode{margin:0 0 18px;padding:8px 14px;border:1px dashed #cf9b35;border-radius:8px;color:#cf9b35;font-size:.8rem;font-weight:700;display:inline-block}
.sc-testmode__go{margin-left:6px;padding-left:10px;border-left:1px solid rgba(207,155,53,.45)}
.sc-testmode__go a{color:#e7c46a;text-decoration:underline;text-underline-offset:2px}
.sc-testmode__go a:hover{color:#fff}
.sc-testmode__id{opacity:.7;font-weight:600}

/* ---- the delivery step (email card at the end of the chat) ---- */
.sc-email-card{margin-top:22px;padding-top:22px;border-top:1px solid rgba(151,226,190,.14);animation:sc-msg-in .4s ease}
@media (prefers-reduced-motion:reduce){.sc-email-card{animation:none}}

/* ---- registration ---- */
.sc-reg-form label,.sc-gate-form label{display:block;font-weight:800;color:#fff;font-size:1.05rem;margin:0 0 10px}
.sc-reg-form input[type="email"],.sc-gate-form input[type="email"],.sc-gate-form input[type="text"]{width:100%;background:rgba(6,21,31,.6);border:1px solid #1d4459;border-radius:10px;color:#f7f4ec;font:inherit;padding:13px 15px;margin-bottom:18px}
.sc-reg-form input:focus,.sc-gate-form input:focus{outline:2px solid var(--gold,#cf9b35);outline-offset:1px}
.sc-check{display:flex;gap:12px;align-items:flex-start;font-weight:500 !important;font-size:.95rem !important;color:#cfe4ec !important;margin:0 0 14px !important;cursor:pointer}
.sc-check input{margin-top:4px;accent-color:#33a85e}
.sc-reg-form button,.sc-gate-form button{margin-top:8px}

/* the qualifying card, before the conversation */
.sc-gate-card{max-width:560px;margin-inline:auto;animation:sc-msg-in .4s ease}
@media (prefers-reduced-motion:reduce){.sc-gate-card{animation:none}}
.sc-gate__lead{color:#bdd2da;margin:0 0 22px;max-width:52ch}
.sc-gate__privacy{color:#9fb8c2;font-size:.84rem;line-height:1.48;margin:-2px 0 18px;max-width:58ch}.sc-gate__privacy a{color:#fff;text-decoration:underline;text-underline-offset:.16em}
.sc-gate-form input::placeholder{color:#6d8c9b}
.sc-gate__invite{margin:4px 0 18px}
.sc-gate__invite summary{color:#9fbcc7;font-size:.9rem;cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.4em}
.sc-gate__invite summary::-webkit-details-marker{display:none}
.sc-gate__invite summary::before{content:"+";font-weight:800;color:#33a85e}
.sc-gate__invite[open] summary::before{content:"\2212"}
.sc-gate__invite summary:hover{color:#cfe4ec}
.sc-gate__invite input{margin-top:12px}
.sc-gate__decline{margin-top:4px}
.sc-gate__applied{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 18px;color:#cfe4ec;font-size:.92rem}
.sc-gate__applied code{background:rgba(51,168,94,.12);border:1px solid rgba(51,168,94,.4);border-radius:6px;padding:2px 8px;color:#97e2be;font-size:.9em}
.sc-gate__tick{color:#33a85e;font-weight:800}
.sc-gate__change{background:none;border:0;padding:0;font:inherit;font-size:.86rem;color:#9fbcc7;text-decoration:underline;cursor:pointer}
.sc-gate__change:hover{color:#fff}
.sc-gate__rescue{margin-top:20px;padding-top:18px;border-top:1px solid rgba(151,226,190,.14)}
.sc-gate__rescue label{display:block;font-weight:800;color:#fff;font-size:.98rem;margin:0 0 10px}
.sc-gate__rescue input{width:100%;background:rgba(6,21,31,.6);border:1px solid #1d4459;border-radius:10px;color:#f7f4ec;font:inherit;padding:13px 15px;margin-bottom:14px}
.sc-gate__rescue input:focus{outline:2px solid var(--gold,#cf9b35);outline-offset:1px}

/* ---- conversation ---- */
.sc-disclosure{font-size:.82rem;color:#9fbcc7;margin:0 0 16px}
/* The pulse: an ephemeral thought cloud inside the thread */
.sc-msg--pulse{align-self:flex-start;max-width:78%;font-style:italic;font-size:.9rem;color:#97e2be;background:transparent;border:1px dashed rgba(151,226,190,.45);border-radius:18px 18px 18px 6px;padding:8px 14px;opacity:.9}
.sc-thread{max-height:420px;overflow-y:auto;display:grid;gap:12px;margin-bottom:18px}
.sc-msg{padding:13px 16px;border-radius:14px;font-size:.98rem;line-height:1.55;max-width:52ch;white-space:pre-wrap;animation:sc-msg-in .3s ease}
@keyframes sc-msg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sc-typing{display:inline-flex;gap:5px;align-items:center;min-width:52px}
.sc-typing span{width:7px;height:7px;border-radius:50%;background:#9fbcc7;animation:sc-tdot 1.2s infinite}
.sc-typing span:nth-child(2){animation-delay:.2s}
.sc-typing span:nth-child(3){animation-delay:.4s}
@keyframes sc-tdot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.sc-msg--bot{background:rgba(20,60,84,.55);color:#e7f1f5;border:1px solid #1d4459;justify-self:start;border-bottom-left-radius:4px}
.sc-msg--user{background:rgba(51,168,94,.16);color:#eafbf1;border:1px solid rgba(51,168,94,.4);justify-self:end;border-bottom-right-radius:4px}

.sc-composer textarea{width:100%;background:rgba(6,21,31,.6);border:1px solid #1d4459;border-radius:12px;color:#f7f4ec;font:inherit;padding:13px 15px;resize:vertical}
.sc-composer textarea:focus{outline:2px solid var(--gold,#cf9b35);outline-offset:1px}
.sc-composer__row{display:flex;align-items:center;gap:14px;margin-top:12px}
.sc-composer__row .sc-send{margin-left:auto}
.sc-record__dot{width:9px;height:9px;border-radius:50%;background:#c0564b;display:inline-block}
.sc-record.is-recording{border-color:#c0564b;color:#fff}
.sc-record.is-recording .sc-record__dot{animation:sc-pulse 1s infinite}
@keyframes sc-pulse{50%{opacity:.25}}
.sc-voice__status{color:#9fbcc7;font-size:.88rem}

/* ---- panels + documents ---- */
.sc-panel{max-width:56ch}
.sc-panel__title{font-weight:800;font-size:1.25rem;color:#fff;margin:0 0 10px}
.sc-panel p{color:#bdd2da;margin:0 0 14px}
.sc-docs{margin-top:26px;padding-top:20px;border-top:1px solid rgba(151,226,190,.14)}
.sc-docs__list{list-style:none;margin:0 0 14px;padding:0}
.sc-docs__list li{color:#cfe4ec;font-size:.92rem;padding:8px 0;border-bottom:1px solid rgba(151,226,190,.1)}
.sc-docs__list:empty{margin:0;display:none}
.sc-doc-label{cursor:pointer}
.sc-docs__status{margin-left:14px;color:#9fbcc7;font-size:.88rem}

/* ---- preparing: the staged build ---- */
.sc-preparing{display:grid;grid-template-columns:130px 1fr;gap:26px;align-items:center;max-width:560px}
.sc-preparing__cube{width:120px}
.sc-cubesvg{width:100%;height:auto;animation:sc-cube-float 5s ease-in-out infinite}
.sc-cubesvg path{stroke-dasharray:400;stroke-dashoffset:400;animation:sc-draw 2.6s ease forwards}
.sc-cubesvg .c2{animation-delay:.7s}
.sc-cubesvg .c3{animation-delay:1.3s}
@keyframes sc-draw{to{stroke-dashoffset:0}}
@keyframes sc-cube-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
.sc-stages{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sc-stages li{position:relative;padding-left:30px;color:#5f7d8a;font-size:.95rem;font-weight:600;transition:color .4s ease}
.sc-stages li::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;border:2px solid #2a5065;transition:all .4s ease}
.sc-stages li.is-on{color:#e7f1f5}
.sc-stages li.is-on::before{border-color:#97e2be;animation:sc-pulse 1.2s infinite}
.sc-stages li.is-done{color:#97e2be}
.sc-stages li.is-done::before{border-color:#33a85e;background:#33a85e;box-shadow:inset 0 0 0 3px #0b2438}
.sc-preparing .sc-hint{grid-column:1/-1;margin-top:2px}
@media (max-width:600px){.sc-preparing{grid-template-columns:1fr}.sc-preparing__cube{width:90px}}

/* ---- the reveal + inline viewer ---- */
.sc-reveal{max-width:100%}
.sc-reveal.is-in{animation:sc-rise .6s ease}
@keyframes sc-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sc-viewer-mount{max-width:100%}
.sc-share{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.sc-share__label{color:#9fbcc7;font-size:.85rem;flex-basis:100%}
.sc-share__url{flex:1;min-width:220px;background:rgba(6,21,31,.6);border:1px solid #1d4459;border-radius:10px;color:#cfe4ec;font:inherit;font-size:.85rem;padding:10px 13px}
.sc-brief-promise{margin-top:18px;font-weight:700;color:#97e2be;font-size:.95rem}
@media (max-width:700px){.sc-viewer__frame{height:440px}}

/* ---- delete my data ---- */
.sc-delete-row{margin-top:26px;padding-top:16px;border-top:1px solid rgba(151,226,190,.1);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.sc-delete{background:none;border:0;padding:0;font:inherit;font-size:.85rem;font-weight:700;color:#c98a83;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sc-delete:hover{color:#f2b8b0}
.sc-delete:disabled{opacity:.5;cursor:default}
.sc-delete__note{color:#5f7d8a;font-size:.8rem}

@media (prefers-reduced-motion:reduce){
	.sc-record.is-recording .sc-record__dot,.sc-cubesvg,.sc-cubesvg path,.sc-stages li.is-on::before,.sc-typing span{animation:none}
	.sc-msg{animation:none}
	.sc-reveal.is-in{animation:none}
}
/* Overlay 177: accessibility hardening. */
.sc-sr-only,.sc-doc-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.btn-sc:focus-visible,.sc-delete:focus-visible,.sc-gate__change:focus-visible,.sc-gate__invite summary:focus-visible{outline:3px solid var(--gold,#cf9b35);outline-offset:3px}
.sc-gate-form [aria-invalid="true"],.sc-gate__rescue [aria-invalid="true"]{border-color:#f2b8b0;box-shadow:0 0 0 1px #f2b8b0}
.sc-doc-label:focus-within{outline:3px solid var(--gold,#cf9b35);outline-offset:3px}
/* End Overlay 177 accessibility hardening. */
