/* Try it: the live Nova chat on the page, with questions that type themselves into it (try.js). */
.try-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(32px,6vw,96px);align-items:center;padding-top:100px;padding-bottom:100px}
.try-copy{min-width:0}
.try-copy .aside{max-width:34em;margin:26px 0 0;color:var(--muted);font-size:18px;line-height:1.5}
.try-asks{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px;max-width:640px}
.try-ask{position:relative;border:0;border-radius:22px;padding:14px 20px;font:600 15px/1.25 'Golos Text',Arial,sans-serif;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}
.try-ask:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px rgba(23,23,18,.55)}
.try-ask:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.try-ask::after{content:"";position:absolute;bottom:-7px;width:16px;height:16px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}
.try-ask:nth-child(odd)::after{left:22px}
.try-ask:nth-child(even)::after{right:22px;clip-path:polygon(0 0,100% 0,100% 100%)}
.try-ask--amber{background:var(--amber);color:var(--ink)}
.try-ask--ink{background:var(--ink);color:var(--paper)}
.try-ask--red{background:var(--red);color:#fff}
.try-ask--paper{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #dcd9cf}
.try-ask--paper::after{display:none}
.try-ask.is-asked{opacity:.55}
.try-box{position:relative;width:100%;justify-self:center}
.try-chat{position:relative;height:min(660px,82svh);min-height:540px;border-radius:24px;background:#fff;box-shadow:0 0 0 2px var(--amber),0 0 0 8px var(--paper),0 0 0 10px #f6ad3666,0 30px 70px -34px rgba(23,23,18,.45)}
.try-chat iframe{display:block;border:0}
.try-fallback{position:absolute;inset:0;z-index:2;display:grid;place-content:center;gap:14px;padding:28px;border-radius:24px;background:#fff;color:var(--muted);font-size:16px;line-height:1.45;text-align:center}
.try-fallback[hidden]{display:none}
.try-fallback a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.try-section{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px}.try-box{max-width:440px}}
@media (prefers-reduced-motion:reduce){.try-ask{transition:none}}