@layer components{.contact-desk{padding-block:var(--s-12) var(--s-24);position:relative}.contact-desk__field{block-size:56rem;inset-block-end:auto;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.contact-desk__grid{gap:var(--s-12) var(--s-16);grid-template:"head aside""body aside"1fr/minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid;position:relative}.contact-desk__head{grid-area:head}.contact-desk__head .lead{margin-block-start:var(--s-6)}.contact-desk__body{gap:var(--s-16);grid-area:body;display:grid}.listens{justify-items:center;gap:var(--s-6);padding:var(--s-8);text-align:center;background:var(--surface);border-radius:var(--r-2xl);box-shadow:var(--sh-3);grid-area:aside;display:grid}.listens__presence{justify-items:center;gap:var(--s-3);display:grid}.listens .presence__svg{block-size:160px;inline-size:160px}.listens__label{font-family:var(--font-ui);color:var(--violet-800);transition:color var(--dur-exit) ease;font-size:17px;font-weight:500;line-height:1.4;display:grid}.listens__label>span{visibility:hidden;opacity:0;transition:opacity var(--dur-exit) ease, visibility var(--dur-exit) ease;grid-area:1/1}.listens[data-state=awaiting] [data-for=awaiting],.listens[data-state=thinking] [data-for=thinking],.listens[data-state=done] [data-for=done]{visibility:visible;opacity:1}.listens[data-state=done] .listens__label{color:var(--green-800)}.listens__starters{justify-items:center;gap:var(--s-3);display:grid}.listens__starters-label{color:var(--ink-2);font-size:15px}.listens__chips{justify-content:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.starter{align-items:center;gap:var(--s-2);border-radius:var(--r-pill);background:var(--surface);min-block-size:44px;box-shadow:inset 0 0 0 1px var(--line-input);font-family:var(--font-ui);color:var(--ink);text-align:start;cursor:pointer;transition:background-color var(--dur-micro) ease, color var(--dur-micro) ease, transform var(--dur-press) var(--ease-out);border:0;padding-inline:16px;font-size:15px;font-weight:500;line-height:1.35;display:inline-flex}.starter__check{flex:none;display:none}.starter[aria-pressed=true]{background:var(--mist-violet);color:var(--violet-800);box-shadow:inset 0 0 0 1.5px var(--violet-700)}.starter[aria-pressed=true] .starter__check{display:block}.starter:active{transform:scale(.97)}.starter:focus-visible{box-shadow:inset 0 0 0 1px var(--ink-3)}.starter[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1.5px var(--violet-700)}@media (hover:hover) and (pointer:fine){.starter:hover{box-shadow:inset 0 0 0 1px var(--ink-3)}.starter[aria-pressed=true]:hover{box-shadow:inset 0 0 0 1.5px var(--violet-700)}}.listens__wa{justify-self:stretch;display:grid}.listens__wa>.btn{justify-content:center;inline-size:100%}.listens__sla{max-inline-size:30ch;color:var(--ink-2);text-wrap:balance;font-size:15px;line-height:1.6}.listens__sla-unit{white-space:nowrap}@media (min-width:1060px) and (min-height:760px),(min-width:1024px) and (min-height:840px){.listens{position:sticky;inset-block-start:calc(var(--nav-h) + var(--s-6))}}:root[data-a11y-font-scale] .listens{position:static}.contact-sec{gap:var(--s-6);scroll-margin-block-start:calc(var(--nav-h) + var(--s-6));display:grid}.contact-sec__title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-weight:400;line-height:1.2}.channels{gap:var(--s-3);display:grid;container-type:inline-size}.channel{align-items:center;gap:var(--s-1) var(--s-4);padding:var(--s-6);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon title action""icon text action";display:grid}.channel__icon{background:var(--mist-violet);block-size:48px;inline-size:48px;color:var(--violet-700);border-radius:50%;grid-area:icon;align-self:start;place-items:center;display:grid}.channel__icon--wa{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong)}.channel__title{grid-area:title;font-size:18px;line-height:1.4}.channel__text{max-inline-size:46ch;color:var(--ink-2);grid-area:text;font-size:15px;line-height:1.6}.channel__action{white-space:nowrap;grid-area:action;justify-self:end;min-block-size:44px}.channel__num{color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums}.cf{padding:var(--s-8);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-2);display:grid}.cf>.cf__form,.cf>.cf__status{grid-area:1/1}.cf__form{gap:var(--s-6);transition:opacity var(--dur-exit) ease, visibility var(--dur-exit) ease;display:grid;position:relative}.cf__trap{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.cf__row{gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.cf__field{align-content:start;gap:var(--s-2);display:grid}.cf__label{color:var(--ink);font-size:16px;line-height:1.4}.cf__opt{font-family:var(--font-display);color:var(--ink-3);font-size:15px;font-weight:400}.cf__input{border-radius:var(--r-md);background:var(--surface);min-block-size:56px;inline-size:100%;box-shadow:inset 0 0 0 1px var(--line-input);font:inherit;color:var(--ink);border:0;padding:0 20px;font-size:17px;line-height:1.5}.cf__input--area{min-block-size:8rem;padding-block:var(--s-4);resize:vertical}.cf__input::placeholder{color:var(--ink-3);opacity:1}.cf__input:focus{box-shadow:inset 0 0 0 1.5px var(--violet-700), 0 0 0 5px #6d28d924;outline:2px solid #0000}.cf__input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--danger,#b42318)}.cf__input[aria-invalid=true]:focus{box-shadow:inset 0 0 0 1.5px var(--danger,#b42318), 0 0 0 5px #b4231824}:root:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .cf__input[dir=ltr]{text-align:end}.cf__err{align-items:flex-start;gap:var(--s-2);color:var(--danger,#b42318);font-size:15px;line-height:1.5;display:flex}.cf__err svg{flex:none;margin-block-start:2px}.cf__checks{gap:var(--s-2);display:grid}.cf__check{align-items:flex-start;gap:var(--s-3);min-block-size:44px;padding-block:var(--s-2);font-family:var(--font-display);color:var(--ink);cursor:pointer;font-size:16px;font-weight:400;line-height:1.5;display:flex}.cf__check input{block-size:22px;inline-size:22px;accent-color:var(--violet-700);cursor:pointer;flex:none;margin:1px 0 0}.cf__check input[aria-invalid=true]{outline:2px solid var(--danger,#b42318);outline-offset:2px}.cf__check input:focus-visible{outline:3px solid var(--violet-700);outline-offset:3px}.cf__check:has(input:disabled){color:var(--ink-3);cursor:not-allowed}.cf__check input:disabled{cursor:not-allowed}.cf__checks .cf__err,.cf__fine,.cf__field--sub{padding-inline-start:calc(22px + var(--s-3))}.cf__fine{color:var(--ink-3);font-size:14px}.cf__fine a{color:var(--violet-800);text-underline-offset:4px;-webkit-text-decoration:underline #6d28d973;text-decoration:underline #6d28d973}.cf__actions{align-items:center;gap:var(--s-3) var(--s-6);flex-wrap:wrap;padding-block-start:var(--s-2);display:flex}.cf__submit{min-block-size:56px;padding-inline:var(--s-8);border-radius:var(--r-pill);background:var(--surface);color:var(--violet-800);box-shadow:inset 0 0 0 1.5px var(--violet-700);font-family:var(--font-ui);cursor:pointer;transition:background-color var(--dur-micro) ease, transform var(--dur-press) var(--ease-out);border:0;font-size:17px;font-weight:500;display:inline-grid}.cf__submit:active{transform:scale(.97)}.cf__submit:focus-visible{background:var(--mist-violet)}@media (hover:hover) and (pointer:fine){.cf__submit:hover{background:var(--mist-violet)}}.cf__face{justify-content:center;align-items:center;gap:var(--s-2);transition:opacity var(--dur-exit) ease, visibility var(--dur-exit) ease;grid-area:1/1;display:inline-flex}.cf__face[data-face=sending],.cf[data-state=sending] .cf__face[data-face=idle]{visibility:hidden;opacity:0}.cf[data-state=sending] .cf__face[data-face=sending]{visibility:visible;opacity:1}.cf[data-state=sending] .cf__submit{background:var(--mist-violet);cursor:progress}.cf__note{flex:16rem;display:grid}.cf__note>*{grid-area:1/1;align-self:center}.cf__privacy{color:var(--ink-2);font-size:15px;line-height:1.5}.cf__error{color:var(--danger,#b42318);font-size:15px;line-height:1.5}.cf__error--sizer{visibility:hidden}.cf__error a{color:inherit;font-family:var(--font-ui);text-underline-offset:4px;font-weight:500;text-decoration:underline}.cf[data-state=error] .cf__privacy{visibility:hidden}.cf__noscript{color:var(--ink-2);flex-basis:100%;font-size:15px;line-height:1.5}.cf__noscript a{color:var(--violet-800);font-family:var(--font-ui);text-underline-offset:4px;font-weight:500;text-decoration:underline}.cf__status{pointer-events:none;display:grid}.cf[data-state=sent] .cf__status{pointer-events:auto}.cf__done{text-align:center;align-content:center;justify-items:center;gap:var(--s-3);scroll-margin-block:calc(var(--nav-h) + var(--s-6));visibility:hidden;opacity:0;transition:opacity var(--dur-exit) ease, visibility var(--dur-exit) ease;display:grid}.cf[data-state=sent] .cf__done{visibility:visible;opacity:1;transition:opacity var(--dur-exit) ease, visibility 0s}.cf[data-state=sent] .cf__form{visibility:hidden;opacity:0}.cf__done-title{font-family:var(--font-display);color:var(--ink);text-wrap:balance;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:400;line-height:1.35}.cf__done-sub{color:var(--ink-2);font-size:16px}@media (min-width:1060px) and (min-height:760px),(min-width:1024px) and (min-height:840px){.cf__done-mark{display:none}}.next{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.next:has(>li:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.next li{align-content:start;gap:var(--s-2);padding:var(--s-6);border-radius:var(--r-lg);background:var(--surface-2);display:grid}.next__n{block-size:36px;inline-size:36px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--violet-700);font-family:var(--font-ui);color:var(--violet-800);border-radius:50%;place-items:center;margin-block-end:var(--s-2);font-weight:500;display:grid}.next__title{font-size:17px;line-height:1.45}.next__line{color:var(--ink-2);font-size:15px;line-height:1.6}.ready{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ready li{align-content:start;gap:var(--s-2);padding:var(--s-6) var(--s-8);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);display:grid}.ready h3{font-size:19px}.ready p{color:var(--ink-2);font-size:15px}.ready .link-arrow{justify-self:start;min-block-size:44px}}@media (max-width:1023px){.contact-desk__grid{gap:var(--s-8);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""aside""body"}.contact-desk__body{gap:var(--s-12)}.ready{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.contact-desk{padding-block:var(--s-6) var(--s-16)}.listens{padding:var(--s-6) var(--s-4);border-radius:var(--r-xl);gap:var(--s-4)}.listens .presence__svg{block-size:120px;inline-size:120px}.channel{padding:var(--s-4)}.cf{padding:var(--s-6) var(--s-4)}.cf__submit{inline-size:100%}.next{grid-template-columns:minmax(0,1fr)}.ready li{padding:var(--s-6)}}@container (max-inline-size:36rem){.channel{row-gap:var(--s-3);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title""text text""action action"}.channel__icon{align-self:center}.channel__action{justify-content:center;justify-self:stretch}}
