/* Hero v4: the agent chat in the middle, four glass panels and a tool marquee around it (Superhuman-style) */
.div-block-80403{padding-bottom:104px}
.lph3{position:relative;max-width:736px;margin:0 auto}
.lph3 .lp3-frame{background:transparent;padding:0;border-radius:14px}
.lph3 .lp3-frame::after{display:none}
.lph3 .lp3{max-width:none;border-radius:14px}
.lph3 .lp3-stage{box-shadow:0 30px 80px rgba(3,8,24,.5);border-color:rgba(255,255,255,.12)}
/* the agent window as dark glass, like the panels */
.lph3 .lp3{--ui-ink:#fff;--ui-text:#fff;--ui-muted:rgba(255,255,255,.68);--ui-faint:rgba(255,255,255,.45);--ui-line:rgba(255,255,255,.14);--ui-row:rgba(255,255,255,.06);--ui-soft:rgba(255,255,255,.08);--ui-bar:rgba(255,255,255,.05);--ui-green-soft:rgba(31,193,107,.25);--ui-brand-soft:rgba(37,99,235,.38);--ui-brand-ink:#dbe8ff;--ui-brand-tint:rgba(37,99,235,.18)}
.lph3 .lp3-stage{background:rgba(12,18,36,.62);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.16);color:#fff}
.lph3 .lp3-bar .lp3-tab{background:rgba(255,255,255,.1)}
.lph3 .lp3-bubble--ai .lp3-step,.lph3 .lp3-step,.lph3 .lp3-fchip,.lph3 .lp3-card,.lph3 .lp3-btn--ghost{background:rgba(255,255,255,.07)}
.lph3 .lp3-bar .lp3-ask{background:rgba(255,255,255,.1);color:#fff}
.lph3 .lp3-bar .lp3-tab{color:#fff}
.lph3 .lp3-step i{color:rgba(255,255,255,.75)}
.lph3 .lp3-done i{color:#9ff0c2}
.lph3 .lp3-bubble--ai .lp3-step{padding:7px 11px}
.lph3 .lp3-steps{gap:6px}
.lph3 .lp3-bubble{padding:8px 12px}
.lph3 .lp3-head{margin-bottom:10px}
.lph3 .lp3-msgs{gap:8px}
.lph3 .lp3-head .lp3-sub{display:none}
.lph3 .lp3-main{padding-top:12px}
.lph3 .lp3-bubble--you{background:#2563eb;color:#fff}
.lph3 .lp3-bubble--ai{background:rgba(255,255,255,.05)}
.lph3 .lp3-fin{border-color:rgba(37,99,235,.65);background:rgba(37,99,235,.28)}
.lph3 .lp3-fin i{color:#9bbcff}
.lph3 .lp3-composer i{background:#fff;color:#171717}
.lph3 .lp3-chip--ok{color:#9ff0c2}
.lph3__pane{position:absolute;z-index:3;opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);pointer-events:none}
.lph3__pane.lph3-in{opacity:1;transform:none}
.lph3__glass{border-radius:16px;background:rgba(12,18,36,.5);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(3,8,24,.35);color:#fff;font-family:Inter,-apple-system,"Segoe UI",sans-serif;text-align:left;padding:16px 18px 14px}
.lph3__ph{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:rgba(255,255,255,.72);margin-bottom:10px}
.lph3__ph i{width:16px;height:16px;flex:none;background:center/contain no-repeat}
.lph3__pt{font-size:14px;font-weight:600;line-height:1.35;margin:0 0 6px;color:#fff}
.lph3__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;line-height:1.3}
.lph3__row:first-of-type{border-top:0}
.lph3__row b{font-weight:600;color:#fff}
.lph3__row small{display:block;font-size:11.5px;color:rgba(255,255,255,.64);margin-top:1px}
.lph3__kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12.5px;line-height:1.4;margin-top:8px}
.lph3__kv em{font-style:normal;color:rgba(255,255,255,.62)}
.lph3__ol{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:12.5px;line-height:1.4}
.lph3__ol li{display:flex;gap:9px;align-items:flex-start}
.lph3__ol li::before{content:counter(lph3) ".";counter-increment:lph3;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums;flex:none;min-width:14px}
.lph3__num{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.1)}
.lph3__num:first-of-type{border-top:0}
.lph3__num b{font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1;color:#fff;min-width:64px;font-variant-numeric:tabular-nums}
.lph3__num span{font-size:12.5px;color:rgba(255,255,255,.7)}
.lph3__chip{flex:none;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.14);white-space:nowrap}
.lph3__chip--ok{background:rgba(31,193,107,.32)}
.lph3__chip--cal{background:rgba(37,99,235,.45)}
.lph3__rail{position:absolute;left:0;right:0;bottom:-78px;z-index:3;margin:0 auto;width:min(100%,680px);opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.22,1,.36,1) 1.1s,transform .8s cubic-bezier(.22,1,.36,1) 1.1s}
.lph3__rail.lph3-in{opacity:1;transform:none}
.lph3__railIn{display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:999px;overflow:hidden}
.lph3__railIn>span{flex:none;font-size:12px;font-weight:500;color:rgba(255,255,255,.72);white-space:nowrap}
.lph3__marq{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lph3__marq>div{display:flex;gap:18px;width:max-content;animation:lph3Marq 44s linear infinite}
.lph3__marq img{width:30px;height:30px;object-fit:contain;flex:none;background:#fff;border-radius:8px;padding:5px;box-sizing:border-box}
@keyframes lph3Marq{to{transform:translateX(-50%)}}
.lph3__ph--signal{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.9 19.1a10 10 0 0 1 0-14.2M19.1 4.9a10 10 0 0 1 0 14.2M7.8 16.2a6 6 0 0 1 0-8.4M16.2 7.8a6 6 0 0 1 0 8.4'/%3E%3Ccircle cx='12' cy='12' r='1.6'/%3E%3C/svg%3E")}
.lph3__ph--brief{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E")}
.lph3__ph--data{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a8 3 0 1 0 16 0a8 3 0 1 0-16 0'/%3E%3Cpath d='M4 7v10a8 3 0 0 0 16 0V7'/%3E%3Cpath d='M4 12a8 3 0 0 0 16 0'/%3E%3C/svg%3E")}
.lph3__ph--inbox{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.5-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1z'/%3E%3C/svg%3E")}
.lph3__pane--signals{left:-356px;top:0;width:320px}
.lph3__pane--brief{left:-344px;bottom:0;width:304px}
.lph3__pane--inbox{right:-356px;top:0;width:324px}
.lph3__pane--data{right:-344px;bottom:0;width:300px}

@media (max-width:1359px){.lph3__pane--signals{left:-300px;width:276px}.lph3__pane--brief{left:-292px;width:268px}.lph3__pane--inbox{right:-300px;width:284px}.lph3__pane--data{right:-292px;width:276px}}
@media (max-width:1199px){.lph3__pane--signals{left:-232px;width:236px}.lph3__pane--brief{left:-224px;width:232px}.lph3__pane--inbox{right:-236px;width:248px}.lph3__pane--data{right:-228px;width:240px}}
@media (max-width:1139px){.lph3__pane--signals{left:-170px}.lph3__pane--brief{left:-166px}.lph3__pane--inbox{right:-172px}.lph3__pane--data{right:-168px}}
@media (max-width:991px){.div-block-80403{padding-bottom:96px}.lph3__pane--brief,.lph3__pane--data{display:none}.lph3__pane--signals{left:-12px;top:8%;width:224px}.lph3__pane--inbox{right:-12px;top:auto;bottom:-24px;width:236px}.lph3__rail{bottom:-70px;width:100%}}
@media (max-width:767px){.lph3__pane--signals{display:none}.lph3__pane--inbox{right:3%;bottom:-16px;width:230px}.lph3__glass{padding:12px 14px 10px}.lph3__railIn>span{display:none}}
@media (prefers-reduced-motion:reduce){.lph3__pane,.lph3__rail{opacity:1;transform:none;transition:none}.lph3__marq>div{animation:none}}