/* Keep fixed controls; +10% brand inset and -20% measured brand-to-CTA space.
   Width = previous width + 0.1 * inset - 0.2 * text gap. Mobile follows its own fixed-control sizes. */
.l8-bottom-bar.l8-bottom-bar--learn-more{--l8-cta-width:146px;grid-template-columns:minmax(95px,1fr) 44px 146px!important;width:min(517.6px,calc(100vw - 32px))!important;column-gap:9px!important;padding:8px 10px 8px 24.2px!important;left:50%!important;right:auto!important;bottom:max(35px,calc(env(safe-area-inset-bottom,0px) + 8px))!important;transform:translate3d(-50%,0,0)!important;overflow:visible!important}
.l8-bottom-bar--learn-more .l8-bottom-cta,.l8-bottom-bar--learn-more .l8-bottom-cta>div,.l8-bottom-bar--learn-more .l8-bottom-cta .l8-bottom-cta__surface{width:146px!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:none!important;box-sizing:border-box!important}
.l8-bottom-bar--learn-more .l8-bottom-cta .l8-bottom-cta__surface{justify-content:center!important;padding:10px 12px!important}
.l8-learn-trigger{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:.5px solid #707070;border-radius:5px;color:#303030;font-family:var(--l8-font);font-size:16px;font-weight:300;cursor:pointer;transition:transform 140ms cubic-bezier(.22,1,.36,1),background-color 160ms ease}
.l8-learn-trigger-wave{display:flex;align-items:center;justify-content:center;gap:3px;width:25px;height:26px;pointer-events:none;transform:scale(.7);transform-origin:center}
.l8-learn-trigger .l8-learn-trigger-wave{transform:scale(.56)}
.l8-learn-trigger-wave[hidden]{display:none!important}
.l8-learn-trigger-wave i{display:block;width:2.5px;height:24px;border-radius:3px;background:currentColor;--wave-rest:.28;transform:scaleY(var(--wave-rest));transform-origin:center}
.l8-learn-trigger-wave i:nth-child(2),.l8-learn-trigger-wave i:nth-child(4){--wave-rest:.65}
.l8-learn-trigger-wave i:nth-child(3){--wave-rest:1}
.l8-learn-mic.is-recording .l8-learn-trigger-wave i{transition:transform 80ms linear}
.l8-bottom-bar--learn-more:not(.is-composing) .l8-learn-trigger-wave i{animation:l8-learn-wave-invite 2600ms ease-in-out infinite}
.l8-bottom-bar--learn-more:not(.is-composing) .l8-learn-trigger-wave i:nth-child(2){animation-delay:-220ms}
.l8-bottom-bar--learn-more:not(.is-composing) .l8-learn-trigger-wave i:nth-child(3){animation-delay:-440ms}
.l8-bottom-bar--learn-more:not(.is-composing) .l8-learn-trigger-wave i:nth-child(4){animation-delay:-660ms}
.l8-bottom-bar--learn-more:not(.is-composing) .l8-learn-trigger-wave i:nth-child(5){animation-delay:-880ms}
.l8-bottom-bar--learn-more.is-composing>:not(.l8-learn-bar-form){visibility:hidden;pointer-events:none}
.l8-learn-bar-form{position:absolute;inset:8px 10px 8px 24.2px;display:flex;align-items:center;gap:6px;min-width:0;animation:l8-learn-bar-enter 200ms cubic-bezier(.22,1,.36,1) both}
.l8-learn-bar-form[hidden],.l8-learn-record-cancel[hidden]{display:none!important}
.l8-learn-bar-prompt{flex:1;min-width:0;width:0;height:44px;padding:0 8px 0 0;border:0;background:transparent;color:#303030;font-family:var(--l8-font);font-size:12px!important;font-weight:300;line-height:1.4;text-overflow:ellipsis;outline-offset:0!important}
.l8-learn-bar-prompt-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:44px}
.l8-learn-bar-prompt-wrap .l8-learn-bar-prompt{width:100%;flex:none}
.l8-learn-bar-reveal{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;visibility:hidden;pointer-events:none;padding:0 8px 0 0;color:#303030;font-family:var(--l8-font);font-size:12px!important;font-weight:300;line-height:1.4;white-space:pre}
.l8-learn-bar-prompt-wrap.is-revealing .l8-learn-bar-prompt{color:transparent;caret-color:#303030}
.l8-learn-bar-prompt-wrap.is-revealing .l8-learn-bar-reveal{visibility:visible}
.l8-learn-bar-form>.l8-learn-status{position:absolute;bottom:calc(100% + 18px);left:0;right:0;width:auto;margin:0;padding:8px 12px;border-radius:8px;background:rgba(247,247,244,.9);box-shadow:0 4px 20px #3030300a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:11px;line-height:1.5}
.l8-learn-bar-form>.l8-learn-status:empty{display:none}
.l8-learn-bar-form .l8-learn-send{border:0;background:#303030;color:#fff!important;border-radius:5px;animation:l8-learn-send-collapse 300ms cubic-bezier(.22,1,.36,1) both}
.l8-learn-bar-mic{border:.5px solid #707070!important;border-radius:5px!important;color:#303030!important;background:transparent!important}
body.l8-learn-open{overflow:hidden}
body.l8-learn-open .l8-bottom-bar--learn-more{opacity:0!important;pointer-events:none}
.l8-learn{position:fixed;inset:0;width:min(780px,calc(100vw - 40px));max-width:none;height:min(684px,calc(100dvh - 64px));max-height:calc(100dvh - 64px);margin:auto;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:24px;color:#303030;background:rgba(247,247,244,.80);box-shadow:0 20px 60px rgba(48,48,48,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);font-family:var(--l8-font,Arial,sans-serif);font-size:14px;font-weight:var(--l8-weight-editorial,260);overscroll-behavior:contain}
.l8-learn[open]{animation:l8-learn-card-enter 200ms cubic-bezier(.22,1,.36,1) both}
.l8-learn::backdrop{background:rgba(234,234,231,.40);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.l8-learn *,.l8-learn-bar-form *{box-sizing:border-box}
.l8-learn button,.l8-learn input,.l8-learn textarea,.l8-learn-bar-form button,.l8-learn-bar-form input{font:inherit;color:inherit}
.l8-learn button,.l8-learn-bar-form button{cursor:pointer}
.l8-learn button:focus-visible,.l8-learn textarea:focus-visible,.l8-learn input:focus-visible,.l8-learn-bar-form button:focus-visible,.l8-learn-bar-form input:focus-visible,.l8-learn-trigger:focus-visible{outline:1px solid #777;outline-offset:3px}
.l8-learn button,.l8-learn-bar-form button{transition:transform 140ms cubic-bezier(.22,1,.36,1),opacity 160ms ease,background-color 160ms ease}
.l8-learn button:active,.l8-learn-trigger:active,.l8-learn-bar-form button:active{transform:scale(.97)}
.l8-learn-shell{height:100%;display:flex;flex-direction:column;min-height:0;padding:10px 24px 16px}
.l8-learn-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:44px;margin:0 -10px}
.l8-learn-close,.l8-learn-reset,.l8-learn-speaker,.l8-learn-record-cancel{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#777!important}
.l8-learn .l8-learn-close{position:relative;flex:0 0 24px;width:24px;height:24px;background:transparent!important}
.l8-learn .l8-learn-close::before{content:"";position:absolute;inset:-10px}
.l8-learn .l8-learn-close svg{width:16px;height:16px}
.l8-learn-close svg,.l8-learn-reset svg,.l8-learn-speaker svg,.l8-learn-record-cancel svg{width:18px;height:18px}
.l8-learn[open] .l8-learn-reset{animation:l8-learn-control-reveal 140ms 20ms cubic-bezier(.22,1,.36,1) both}
.l8-learn[open] .l8-learn-close{animation:l8-learn-control-reveal 140ms 130ms cubic-bezier(.22,1,.36,1) both}
.l8-learn-conversation-frame{position:relative;flex:1;min-height:0;width:100%;margin:10px 0 0;overflow:hidden;--l8-fade-top:0px;--l8-fade-bottom:0px}
.l8-learn-conversation-frame.has-scroll-top{--l8-fade-top:24px}
.l8-learn-conversation-frame.has-scroll-bottom{--l8-fade-bottom:24px}
.l8-learn-conversation{min-height:0;height:100%;overflow:auto;scrollbar-width:none;width:100%;margin:0;padding:8px 2px 10px;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--l8-fade-top,0px),#000 calc(100% - var(--l8-fade-bottom,0px)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--l8-fade-top,0px),#000 calc(100% - var(--l8-fade-bottom,0px)),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.l8-learn-conversation::-webkit-scrollbar{display:none;width:0;height:0}
.l8-learn-conversation:focus-visible{outline:1px solid #969696;outline-offset:-1px}
.l8-learn-message{margin:0 0 38px}
.l8-learn-message p{white-space:pre-wrap;font-size:12px;line-height:1.65;letter-spacing:0;margin:0;color:#303030;font-weight:var(--l8-weight-editorial,260);overflow-wrap:anywhere}
.l8-learn-founder-photo{display:block;width:min(100%,480px);height:auto;aspect-ratio:3024/1602;object-fit:contain;margin:14px 0 0;border-radius:10px}
.l8-learn-message--user{margin-left:12%;text-align:right}
.l8-learn-message--user p{display:inline-block;padding:9px 13px;background:rgba(255,255,255,.55);border-radius:12px;text-align:left;font-size:12px}
.l8-learn-caption{display:block;margin-bottom:7px;font-size:11px;line-height:1.5;font-weight:var(--l8-weight-meta,300);letter-spacing:0;color:#969696}
.l8-learn-suggestions{display:flex;flex-wrap:wrap;gap:6px;width:100%;min-width:0;margin:0 0 24px;flex-shrink:0}
.l8-learn-suggestions:empty{display:none}
.l8-learn-link{background:transparent;border:0;padding:8px 0;min-height:44px;font-size:11px!important;color:#777!important;text-align:left;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:4px;line-height:1.5}
.l8-learn-suggestions .l8-learn-link{flex:0 1 auto;min-width:0;min-height:32px;padding:8px 12px;border-radius:999px;background:rgba(48,48,48,.06);text-decoration:none;color:#454545!important;line-height:1.35;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform 140ms cubic-bezier(.22,1,.36,1),color 160ms ease,background-color 160ms ease}
.l8-learn-composer{display:flex;align-items:flex-end;flex-shrink:0;gap:3px;width:100%;margin:0;padding:5px;border:.5px solid rgba(48,48,48,.20);border-radius:10px;background:rgba(255,255,255,.44)}
.l8-learn-composer textarea{flex:1;width:0;resize:none;min-height:44px;max-height:96px;border:0;background:transparent;padding:12px 8px;font-size:12px;line-height:20px;outline-offset:0!important}
.l8-learn-composer textarea::placeholder{color:#969696;opacity:1}
.l8-learn-composer:focus-within{border-color:#91918e}.l8-learn-composer textarea:focus-visible,.l8-learn-bar-prompt:focus-visible{outline:none!important}
.l8-learn-send,.l8-learn-mic{display:grid;place-items:center;position:relative;flex:0 0 44px;width:44px;height:44px;min-height:44px;border:0;border-radius:7px;padding:0;font-size:14px!important}
.l8-learn-send svg,.l8-learn-mic svg{width:16px;height:16px}
.l8-learn-send{background:#303030;color:#fff!important}
.l8-learn-send:disabled{opacity:.4;cursor:default}
.l8-learn-mic{background:transparent}
.l8-learn-mic .l8-learn-trigger-wave{transform:scale(.5)}
.l8-learn-mic:disabled{opacity:.48;cursor:default}
.l8-learn-mic[aria-pressed=true]{background:rgba(48,48,48,.06)}
.l8-learn-status{flex-shrink:0;font-size:11px;line-height:1.5;width:100%;margin:0 0 8px;color:#858585}
.l8-learn-status:empty{margin:0}
.l8-learn-note{flex-shrink:0;font-size:10px;text-align:center;line-height:1.5;margin:10px 5px 0;color:#969696;font-weight:var(--l8-weight-meta,300)}
.l8-learn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.l8-learn-reveal-visual{white-space:inherit}.l8-learn-reveal-character{opacity:0}
.l8-learn-reveal-character.is-revealing{animation-name:l8-learn-text-reveal;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1)}
.l8-learn-wave{display:none;align-items:center;justify-content:center;gap:3px;position:absolute;inset:8px}
.l8-learn-wave i{width:2px;height:24px;border-radius:2px;background:currentColor;transform:scaleY(.16);transition:transform 70ms linear}
.l8-learn-mic.is-recording svg{visibility:hidden}.l8-learn-mic.is-recording .l8-learn-wave{display:flex}
.l8-learn-brief{padding:18px;background:#ffffff55;border:.5px solid #d1d1cf;border-radius:12px;margin:16px 0}
.l8-learn-brief h3{font-weight:300;font-size:14px;margin:0 0 10px}
.l8-learn-brief label{display:block;font-size:11px;color:#858585;margin-top:15px}
.l8-learn-brief input,.l8-learn-brief textarea{display:block;width:100%;margin:7px 0;border:.5px solid #c4c4c2;border-radius:5px;background:#ffffff70;padding:10px;font-size:14px;color:#303030}
.l8-learn-brief textarea{min-height:90px}
@keyframes l8-learn-card-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes l8-learn-bar-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes l8-learn-send-collapse{from{width:var(--l8-cta-width,146px);flex-basis:var(--l8-cta-width,146px)}to{width:44px;flex-basis:44px}}
@keyframes l8-learn-control-reveal{from{opacity:0}to{opacity:1}}
@keyframes l8-learn-text-reveal{from{opacity:0}to{opacity:1}}
@keyframes l8-learn-wave-invite{0%,100%{transform:scaleY(var(--wave-rest))}45%{transform:scaleY(.42)}70%{transform:scaleY(.74)}}
@media(hover:hover) and (pointer:fine){.l8-learn-trigger:hover,.l8-learn-mic:hover,.l8-learn-reset:hover,.l8-learn-speaker:hover,.l8-learn-close:hover,.l8-learn-record-cancel:hover{background:#ffffff55;color:#303030!important}.l8-learn-link:hover{color:#303030!important}.l8-learn-suggestions .l8-learn-link:hover{background:#303030;color:#fff!important}}
/* Match the project close control's outlined hover, with a slight lift. */
.l8-learn .l8-learn-close:is(:hover,:focus-visible){transform:translateY(-2px);background:transparent!important;outline:1px solid rgba(48,48,48,.35);outline-offset:2px}
@media(hover:hover) and (pointer:fine){.l8-learn-mic:not(:disabled):not(.is-recording):hover .l8-learn-trigger-wave i,.l8-learn-mic:not(:disabled):not(.is-recording):focus-visible .l8-learn-trigger-wave i{animation:l8-learn-wave-invite 1100ms ease-in-out infinite}.l8-learn-mic:hover .l8-learn-trigger-wave i:nth-child(2),.l8-learn-mic:focus-visible .l8-learn-trigger-wave i:nth-child(2){animation-delay:-120ms}.l8-learn-mic:hover .l8-learn-trigger-wave i:nth-child(3),.l8-learn-mic:focus-visible .l8-learn-trigger-wave i:nth-child(3){animation-delay:-240ms}.l8-learn-mic:hover .l8-learn-trigger-wave i:nth-child(4),.l8-learn-mic:focus-visible .l8-learn-trigger-wave i:nth-child(4){animation-delay:-360ms}.l8-learn-mic:hover .l8-learn-trigger-wave i:nth-child(5),.l8-learn-mic:focus-visible .l8-learn-trigger-wave i:nth-child(5){animation-delay:-480ms}}
@media(max-width:600px){.l8-bottom-bar.l8-bottom-bar--learn-more{--l8-cta-width:132px;grid-template-columns:minmax(65px,1fr) 44px 132px!important;padding:7px 8px 7px 13.2px!important;width:min(517.6px,calc(80vw + 38.8px))!important;column-gap:6px!important}.l8-bottom-bar--learn-more .l8-bottom-cta,.l8-bottom-bar--learn-more .l8-bottom-cta>div,.l8-bottom-bar--learn-more .l8-bottom-cta .l8-bottom-cta__surface{width:132px!important}.l8-learn-bar-form{inset:7px 8px 7px 13.2px}.l8-learn{width:calc(100vw - 28px);height:min(684px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);border-radius:20px}.l8-learn-shell{padding:8px 18px 14px}.l8-learn-conversation-frame{margin-top:4px}.l8-learn-composer{gap:0}.l8-learn-composer textarea{padding-left:6px;padding-right:4px}.l8-learn-note{font-size:10px}}
@media(max-width:374px){.l8-bottom-bar.l8-bottom-bar--learn-more{--l8-cta-width:122px;grid-template-columns:minmax(0,1fr) 44px 122px!important;column-gap:4px!important;padding-left:11px!important;width:calc(80vw + 35.8px)!important}.l8-bottom-bar--learn-more .l8-bottom-cta,.l8-bottom-bar--learn-more .l8-bottom-cta>div,.l8-bottom-bar--learn-more .l8-bottom-cta .l8-bottom-cta__surface{width:122px!important}.l8-bottom-bar--learn-more .l8-bottom-cta .l8-bottom-cta__surface{gap:4px!important;padding:10px 4px!important}.l8-bottom-bar--learn-more .l8-bottom-cta__label,.l8-bottom-bar--learn-more .l8-bottom-cta__label-line,.l8-bottom-bar--learn-more .l8-bottom-cta p{font-size:11px!important}.l8-learn-shell{padding-left:14px;padding-right:14px}.l8-learn-bar-form{left:11px}}
@media(max-width:809.98px){.l8-learn-bar-prompt,.l8-learn-bar-reveal,.l8-learn-composer textarea,.l8-learn-brief input,.l8-learn-brief textarea{font-size:16px!important}}
@media(max-width:809.98px){.l8-learn-message p{font-size:16px}}
@media(max-height:480px){.l8-learn{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.l8-learn-shell{padding-top:2px;padding-bottom:10px}.l8-learn-suggestions{display:none}.l8-learn-header{height:40px}.l8-learn-note{margin-top:6px}}
.l8-learn.is-keyboard,.l8-learn.is-keyboard .l8-learn-reset,.l8-learn.is-keyboard .l8-learn-close,.l8-learn.is-keyboard .l8-learn-reveal-character,.l8-bottom-bar.is-keyboard .l8-learn-bar-form,.l8-bottom-bar.is-keyboard .l8-learn-bar-form .l8-learn-send{animation:none!important}
.l8-learn.is-keyboard .l8-learn-reveal-character{opacity:1}
@media(prefers-reduced-motion:reduce){.l8-learn,.l8-learn *,.l8-bottom-bar--learn-more *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.l8-learn-reveal-character{opacity:1}}

/* Keep the invitation complete on narrow phones; editing stays at 16px. */
@media(max-width:374px){.l8-learn-bar-reveal{font-size:14px!important;padding-right:0}}
/* Keep iOS input focus stable while matching the 12px sticky brand visually. */
@media(max-width:809.98px){.l8-learn-bar-prompt-wrap .l8-learn-bar-prompt,.l8-learn-bar-reveal{width:133.333333%!important;font-size:16px!important;transform:scale(.75);transform-origin:left center}.l8-learn-bar-reveal{right:auto}}

/* Local review: give the conversation action a label and reduce its waveform by 30%. */
.l8-bottom-bar.l8-bottom-bar--learn-more{grid-template-columns:minmax(95px,1fr) 130px 146px!important;width:min(582.3px,calc(100vw - 32px))!important}
.l8-learn-trigger{display:flex;align-items:center;justify-content:center;gap:0;width:130px;padding:0 10px;box-sizing:border-box}
.l8-learn-trigger .l8-learn-trigger-wave{flex:0 0 25px;transform:translateX(-4px) scale(.392)}
.l8-learn-bar-mic .l8-learn-trigger-wave{transform:scale(.44)}
.l8-learn-trigger-label{display:block;height:15px;overflow:hidden;white-space:nowrap;font-family:var(--l8-font)!important;font-size:12px!important;line-height:15px!important;font-variation-settings:"wght" var(--l8-weight-ui)!important;font-weight:var(--l8-weight-ui)!important;letter-spacing:-.02em!important;transform:translateX(-4px)}
.l8-learn-trigger-label-track{display:flex;flex-direction:column;transform:translate3d(0,0,0);transition:transform 460ms var(--l8-motion-ease)!important;will-change:transform}
.l8-learn-trigger-label-line{display:block;height:15px;flex:0 0 15px;line-height:15px}
.l8-learn-trigger:hover .l8-learn-trigger-label-track,.l8-learn-trigger:focus-visible .l8-learn-trigger-label-track{transform:translate3d(0,-15px,0)}
@media(max-width:600px){
  .l8-bottom-bar.l8-bottom-bar--learn-more{--l8-cta-width:118.8px;grid-template-columns:minmax(75px,1fr) 100.8px 118.8px!important;width:min(517.6px,calc(100vw - 20px))!important;padding-left:20px!important}
  .l8-learn-trigger{width:100.8px;gap:0;padding:0 4px}
  .l8-learn-trigger .l8-learn-trigger-wave{flex-basis:19px;transform:scale(.392)}
  .l8-bottom-bar--learn-more .l8-bottom-cta,.l8-bottom-bar--learn-more .l8-bottom-cta>div,.l8-bottom-bar--learn-more .l8-bottom-cta .l8-bottom-cta__surface{width:118.8px!important}
  .l8-learn-bar-form{left:20px}
  .l8-learn-trigger-label{font-size:11px!important;transform:none}
}
@media(max-width:374px){
  .l8-bottom-bar.l8-bottom-bar--learn-more{--l8-cta-width:109.8px;grid-template-columns:minmax(50px,1fr) 88.2px 109.8px!important;width:calc(100vw - 16px)!important;padding-left:18px!important}
  .l8-learn-trigger{width:88.2px;gap:0;padding:0 2px}
  .l8-bottom-bar--learn-more .l8-bottom-cta,.l8-bottom-bar--learn-more .l8-bottom-cta>div,.l8-bottom-bar--learn-more .l8-bottom-cta .l8-bottom-cta__surface{width:109.8px!important}
  .l8-learn-bar-form{left:18px}
  .l8-learn-trigger-label{font-size:11px!important}
}

/* Mobile scroll direction fades the sticky bar without moving the page. */
@media(max-width:600px){
  html body .l8-bottom-bar,
  html:not([data-l8-sticky-visible="true"]) body .l8-bottom-bar{
    transition:opacity 180ms ease,visibility 180ms ease!important;
  }
}