html.contact-open{overflow:hidden;scrollbar-gutter:stable}
.contact-dialog input[type="hidden"]{display:none}
.contact-dialog{width:min(600px,calc(100% - 40px));max-height:calc(100dvh - 48px);margin:auto;padding:44px;border:1px solid color-mix(in srgb,var(--advice-accent) 26%,transparent);border-radius:26px;color:var(--ink);overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--advice-accent) 10%,transparent),transparent 58%),#080d12f5;box-shadow:0 28px 100px #000b,inset 0 1px 0 #ffffff16,0 0 60px color-mix(in srgb,var(--advice-accent) 5%,transparent);scrollbar-width:thin;scrollbar-color:#344450 transparent}
.contact-dialog::backdrop{background:#010509a8;backdrop-filter:blur(12px) saturate(.65)}
.contact-dialog[open]{animation:contact-appear .38s cubic-bezier(.2,.7,.2,1) both}
.contact-dialog[open]::backdrop{animation:contact-backdrop .3s ease-out both}
.contact-close{position:absolute;top:19px;right:19px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:50%;color:#9eb0bc;background:#ffffff03;transition:background .2s,color .2s}
.contact-close:hover{color:var(--advice-accent);background:#ffffff0c}
.contact-close svg{width:16px;height:16px}
.contact-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:23px;color:var(--advice-accent);font:9px monospace;letter-spacing:2px}
.contact-eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--advice-accent);box-shadow:0 0 15px var(--advice-accent)}
.contact-dialog h2{font:500 clamp(32px,3.6vw,43px)/1.06 'Vaai Helvetica',sans-serif;letter-spacing:-1.3px;color:var(--ink);max-width:440px;outline:none}
.contact-intro{font-size:14px;line-height:1.65;color:#9bb0bf;max-width:440px;margin-top:17px}
.contact-context{position:relative;margin:25px 0 27px;padding:15px 18px;border-radius:0 10px 10px 0;border-left:2px solid var(--advice-accent);background:linear-gradient(100deg,color-mix(in srgb,var(--advice-accent) 7%,transparent),transparent);display:flex;flex-direction:column;gap:5px}
.contact-context-label{color:#7793a5;font:8px monospace;letter-spacing:1.6px;margin-bottom:3px}
.contact-context strong{font-weight:400;font-size:14px;color:var(--advice-accent);overflow-wrap:anywhere}
#contact-advice{color:#a8bbc8;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.contact-dialog fieldset{border:0;padding:0;margin:0;min-width:0}
.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-dialog label{display:block;font-size:12px;color:#c3d0d9}
.contact-dialog label>span{color:#6f899b;font-size:10px;margin-left:5px}
.contact-dialog input,.contact-dialog textarea{display:block;width:100%;min-width:0;margin-top:9px;padding:14px;border:1px solid #afccdd29;border-radius:9px;background:#01080c80;box-shadow:inset 0 1px 3px #0004;color:#e2edf5;font-size:14px;line-height:1.4;transition:border-color .2s,box-shadow .2s}
.contact-dialog input::placeholder,.contact-dialog textarea::placeholder{color:#627b8b;opacity:1}
.contact-dialog textarea{resize:vertical;min-height:96px;max-height:200px}
.contact-dialog input:focus-visible,.contact-dialog textarea:focus-visible{outline:none;border-color:var(--advice-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--advice-accent) 9%,transparent)}
.contact-extra{margin-top:19px}.contact-extra summary{cursor:pointer;font-size:11px;color:#9fb5c3;padding:3px 0;line-height:1.6}
.contact-extra summary>span{font-size:10px;color:#647f92;margin-left:5px}
.contact-extra summary:hover{color:var(--advice-accent)}
.contact-extra label{margin-top:17px}
.contact-error{font-size:12px;line-height:1.6;color:#efb2a5;margin-top:17px}.contact-error:empty{display:none}
.contact-preview{color:#7f98a9;font:10px/1.6 Averta,sans-serif;margin-top:17px}
.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:16px 19px;margin-top:23px;border:1px solid color-mix(in srgb,var(--advice-accent) 70%,transparent);border-radius:10px;background:var(--advice-accent);color:#09151b;font-size:13px;box-shadow:inset 0 1px 0 #ffffff5c,0 4px 28px color-mix(in srgb,var(--advice-accent) 8%,transparent);transition:filter .2s,box-shadow .2s}
.contact-submit svg{width:22px;height:22px;flex-shrink:0;transition:transform .2s}
.contact-submit:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 28px color-mix(in srgb,var(--advice-accent) 18%,transparent)}
.contact-submit:hover:not(:disabled) svg{transform:translateX(3px)}
.contact-submit:disabled{opacity:.65;cursor:wait}
.contact-privacy{font-size:10px;line-height:1.6;text-align:center;color:#6f899a;margin:13px auto 0;max-width:330px}
.contact-success{padding-top:28px}.contact-success p{font-size:14px;line-height:1.75;color:#9fb5c3;margin:23px 0 28px}
.contact-check{display:grid;place-items:center;width:64px;height:64px;border:1px solid color-mix(in srgb,var(--advice-accent) 45%,transparent);border-radius:50%;color:var(--advice-accent);background:radial-gradient(color-mix(in srgb,var(--advice-accent) 12%,transparent),transparent);box-shadow:0 0 32px color-mix(in srgb,var(--advice-accent) 7%,transparent)}
.contact-check svg{width:32px;height:32px}
.contact-success button{font-size:13px;color:var(--advice-accent);padding:7px 0}.contact-success button span{margin-left:14px}
.conversation-actions .conversation-cta{padding:16px 18px;font-size:13px;color:var(--advice-accent);text-align:left}
@keyframes contact-appear{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes contact-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:600px){
.contact-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:30px 23px;border-radius:21px}
.contact-dialog h2{font-size:35px;letter-spacing:-1px}.contact-eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:24px}
.contact-close{top:13px;right:13px;width:33px;height:33px}
.contact-intro{font-size:13px}.contact-context{margin:22px 0;padding:12px 14px}
.contact-row{grid-template-columns:1fr;gap:16px}
.contact-dialog input,.contact-dialog textarea{font-size:16px;padding:12px}
.contact-privacy{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.contact-dialog[open],.contact-dialog[open]::backdrop{animation:none}}