.cs{--cs-accent:var(--color-blue-light);--cs-warm:var(--color-red)}.cs-panel{isolation:isolate;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:0 30px 70px -45px color-mix(in srgb, var(--cs-accent) 55%, transparent);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(22px,4vw,48px);padding:clamp(22px,4vw,48px);display:grid;position:relative;overflow:hidden}@media (max-width:860px){.cs-panel{grid-template-columns:1fr}}.cs-panel:before,.cs-panel:after{content:"";z-index:-1;aspect-ratio:1;filter:blur(70px);opacity:.22;pointer-events:none;border-radius:50%;width:420px;position:absolute}.cs-panel:before{background:var(--cs-accent);animation:14s ease-in-out infinite alternate cs-drift;top:-210px;right:-120px}.cs-panel:after{background:var(--cs-warm);opacity:.14;animation:17s ease-in-out infinite alternate-reverse cs-drift;bottom:-240px;left:-140px}@keyframes cs-drift{to{transform:translate(-70px,50px)scale(1.15)}}.cs-copy{justify-items:start;gap:12px;min-width:0;display:grid}.cs-eyebrow{color:var(--cs-accent);background:color-mix(in srgb, var(--cs-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--cs-accent) 30%, transparent);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.cs-copy h2{color:var(--color-text);text-wrap:balance;margin:0;font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.35}.cs-copy h2 em{background:linear-gradient(90deg, var(--cs-accent), var(--cs-warm));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.cs-copy p{color:var(--color-text-muted);max-width:42ch;margin:0;font-size:14px;line-height:1.9}.cs-points{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.cs-points li{color:var(--color-text);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.cs-points li:before{content:"";background:color-mix(in srgb, var(--cs-accent) 16%, transparent) no-repeat center / 11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23888' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-radius:50%;flex:none;width:18px;height:18px}.cs-form{gap:12px;min-width:0;display:grid;position:relative}.cs-topics{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:420px){.cs-topics{grid-template-columns:1fr}}.cs-topic{text-align:start;cursor:pointer;color:var(--color-text);background:color-mix(in srgb, var(--color-bg-alt) 70%, transparent);border:1.5px solid var(--color-border);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:14px 16px;transition:border-color .25s,transform .25s,box-shadow .25s,background-color .25s;display:grid;position:relative}.cs-topic:hover{border-color:color-mix(in srgb, var(--cs-accent) 45%, var(--color-border));transform:translateY(-2px)}.cs-topic[aria-pressed=true]{border-color:var(--cs-accent);background:color-mix(in srgb, var(--cs-accent) 10%, var(--color-bg));box-shadow:0 14px 30px -18px color-mix(in srgb, var(--cs-accent) 80%, transparent)}.cs-topic-ic{width:42px;height:42px;color:var(--cs-accent);background:color-mix(in srgb, var(--cs-accent) 13%, transparent);border-radius:14px;grid-row:span 2;place-items:center;transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:grid}.cs-topic:hover .cs-topic-ic,.cs-topic[aria-pressed=true] .cs-topic-ic{transform:rotate(-8deg)scale(1.08)}.cs-topic-t{font-size:14px;font-weight:800}.cs-topic-d{color:var(--color-text-muted);font-size:12px;line-height:1.5}.cs-topic-check{border:1.5px solid var(--color-border);border-radius:50%;width:18px;height:18px;transition:background-color .2s,border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1);position:absolute;top:10px;left:10px}.cs-topic[aria-pressed=true] .cs-topic-check{border-color:var(--cs-accent);background:var(--cs-accent) no-repeat center / 11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:scale(1.1)}.cs-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.cs-row{grid-template-columns:1fr}}.cs-field{width:100%;height:50px;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:14px;outline:none;padding:0 16px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.cs-area{resize:none;height:auto;padding-block:12px;line-height:1.7}.cs-field:focus{border-color:var(--cs-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--cs-accent) 16%, transparent)}@property --cs-a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes cs-spin{to{--cs-a:360deg}}.cs-send{isolation:isolate;cursor:pointer;background:conic-gradient(from var(--cs-a), var(--cs-accent), var(--cs-warm), #ffd36b, var(--cs-accent));border:0;border-radius:16px;height:52px;padding:2.5px;transition:transform .2s;animation:3.2s linear infinite cs-spin;position:relative}.cs-send:before{content:"";z-index:-1;border-radius:inherit;background:inherit;filter:blur(12px);opacity:.45;position:absolute;inset:4px}.cs-send span{color:#fff;background:linear-gradient(135deg, var(--color-blue), color-mix(in srgb, var(--color-blue) 60%, var(--cs-accent)));border-radius:13.5px;place-items:center;height:100%;font-size:14.5px;font-weight:800;display:grid}.cs-send:hover{transform:translateY(-2px)}.cs-send:disabled{opacity:.6;cursor:default}.cs-send:focus-visible,.cs-topic:focus-visible{outline:2px solid var(--cs-accent);outline-offset:3px}.cs-sent{text-align:center;color:#16a34a;justify-items:center;gap:10px;padding:28px 16px;display:grid}.cs-sent svg circle{stroke-dasharray:145;stroke-dashoffset:145px;animation:.6s ease-out forwards cs-draw}.cs-sent svg path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.4s ease-out .45s forwards cs-draw}@keyframes cs-draw{to{stroke-dashoffset:0}}.cs-sent p{color:var(--color-text);margin:0;font-size:16px;font-weight:800}.cs-sent button{color:var(--cs-accent);cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:700}.cs[data-reveal=wait] .cs-panel{opacity:0}.cs[data-reveal=in] .cs-panel{animation:.9s cubic-bezier(.2,.8,.2,1) backwards cs-rise}.cs[data-reveal=in] .cs-i{animation:.7s cubic-bezier(.2,.8,.2,1) backwards cs-up;animation-delay:calc(.25s + var(--i,0) * 80ms)}.cs[data-reveal=in] .cs-topic:first-child{animation-name:cs-from-r}.cs[data-reveal=in] .cs-topic:nth-child(2){animation-name:cs-from-l}@keyframes cs-rise{0%{opacity:0;filter:blur(10px);transform:translateY(60px)scale(.96)}}@keyframes cs-up{0%{opacity:0;transform:translateY(22px)}}@keyframes cs-from-r{0%{opacity:0;transform:translate(70px)rotate(5deg)}}@keyframes cs-from-l{0%{opacity:0;transform:translate(-70px)rotate(-5deg)}}@media (prefers-reduced-motion:reduce){.cs-panel:before,.cs-panel:after,.cs-send,.cs[data-reveal] .cs-panel,.cs[data-reveal] .cs-i{opacity:revert-layer;animation:none}.cs[data-reveal] .cs-panel{opacity:1}.cs-sent svg circle,.cs-sent svg path{stroke-dashoffset:0;animation:none}}
