/* Animated preview cards on the landing page (hero, This week, the loop, agent showcase).
   All sample data; every card is labelled "Sample". Driven by landing-anim.js. */
:root{--la-ease:cubic-bezier(.2,.8,.2,1);--la-ok:#16a34a;--la-er:#dc2626;--la-ink:#0f172a}

/* ---------- shared bits ---------- */
.la-sample{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;padding:3px 9px;border-radius:20px;white-space:nowrap}
.la-dark .la-sample{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.35);color:#fdba74}
.la-w{opacity:0;filter:blur(4px);transition:opacity .4s var(--la-ease),filter .4s var(--la-ease)}
.la-w.on{opacity:1;filter:none}
.la-typing::after{content:"";display:inline-block;width:2px;height:1em;background:currentColor;opacity:.55;vertical-align:-2px;margin-left:2px;animation:la-blink 1s steps(1) infinite}
@keyframes la-blink{50%{opacity:0}}
.la-in{opacity:0;transform:translateY(10px);transition:opacity .5s var(--la-ease),transform .5s var(--la-ease)}
.la-in.on{opacity:1;transform:none}
.la-spin{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;animation:la-rot .7s linear infinite;vertical-align:-2px}
@keyframes la-rot{to{transform:rotate(360deg)}}
.la-pulse{position:relative}
.la-pulse::before{content:"";position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 0 rgba(249,115,22,.45);animation:la-ring 1.6s var(--la-ease) infinite}
@keyframes la-ring{0%{box-shadow:0 0 0 0 rgba(249,115,22,.45)}100%{box-shadow:0 0 0 12px rgba(249,115,22,0)}}
.la-bar{height:7px;border-radius:4px;background:#eef0f3;margin:.4rem 0;transform-origin:left;transform:scaleX(0);transition:transform .6s var(--la-ease)}
.la-bar.on{transform:scaleX(1)}
.la-add{display:inline-block;font-size:.7rem;font-weight:700;color:#9a3412;background:#fff7ed;border:1px dashed #fdba74;border-radius:6px;padding:2px 7px}
.la-add.on{animation:la-glow 1.4s ease-in-out 2}
@keyframes la-glow{50%{background:#ffedd5;box-shadow:0 0 0 4px rgba(249,115,22,.15)}}
.la-tick{width:18px;height:18px;border-radius:6px;border:2px solid #d1d5db;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s var(--la-ease)}
.la-tick svg{opacity:0;transform:scale(.5);transition:all .3s var(--la-ease)}
.on>.la-tick,.la-tick.on{background:var(--la-ok);border-color:var(--la-ok)}
.on>.la-tick svg,.la-tick.on svg{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero.la-hero{max-width:1120px;gap:0;padding-top:3.5rem;padding-bottom:4.5rem;position:relative}
.la-hero-bg{position:absolute;inset:-40px -30vw 0;z-index:-1;pointer-events:none;
  background:radial-gradient(800px 380px at 50% 0%,rgba(249,115,22,.13),transparent 70%),
  linear-gradient(rgba(17,24,39,.035) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 1px) 0 0/44px 44px;
  -webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
.la-hero h1{max-width:880px;margin-left:auto;margin-right:auto}
.la-hero h1 em{font-style:normal;color:var(--primary);position:relative;white-space:nowrap}
.la-hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.12em;border-radius:4px;background:rgba(249,115,22,.25);transform-origin:left;animation:la-under 1s .4s var(--la-ease) both}
@keyframes la-under{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.la-hero-ctas{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}
.la-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 1.6rem;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .15s,box-shadow .15s}
.la-btn:hover{transform:translateY(-1px)}
.la-btn-p{background:var(--primary);color:#fff;box-shadow:0 6px 18px rgba(249,115,22,.35)}
.la-btn-s{background:#fff;color:var(--text-main);border:1px solid var(--border)}
.la-engines{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;font-size:.82rem;color:#6b7280;font-weight:600;margin-bottom:.4rem}
.la-engines span{display:inline-flex;align-items:center;gap:6px}
.la-engines span::before{content:"";width:6px;height:6px;border-radius:50%;background:#d1d5db}
.la-fine{font-size:.8rem;color:#6b7280;margin-bottom:2.75rem}

.la-stage{display:grid;grid-template-columns:1.2fr 1fr;gap:1.25rem;text-align:left;align-items:stretch;width:100%}
@media(max-width:880px){.la-stage{grid-template-columns:1fr}}
.la-chat{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 70px -25px rgba(17,24,39,.3);overflow:hidden;display:flex;flex-direction:column}
.la-chat-h{display:flex;justify-content:space-between;align-items:center;padding:.7rem .9rem;border-bottom:1px solid var(--border);gap:.5rem}
.la-etabs{position:relative;display:flex;background:#f3f4f6;border-radius:10px;padding:3px}
.la-etabs button{position:relative;z-index:1;border:none;background:none;font:inherit;font-size:.76rem;font-weight:700;color:#6b7280;padding:.38rem .7rem;border-radius:8px;cursor:default;transition:color .3s}
.la-etabs button.on{color:#111827}
.la-ind{position:absolute;top:3px;bottom:3px;left:3px;width:0;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:left .45s var(--la-ease),width .45s var(--la-ease)}
.la-msgs{padding:1rem 1.1rem;flex:1;display:flex;flex-direction:column}
.la-user{align-self:flex-end;max-width:88%;background:#111827;color:#fff;font-size:.86rem;font-weight:500;padding:.65rem .9rem;border-radius:14px 14px 4px 14px;min-height:2.35em;min-width:3em}
.la-answers{display:grid;margin-top:.9rem}
.la-ans{grid-area:1/1;font-size:.88rem;line-height:1.65;color:#374151;opacity:0;transition:opacity .35s}
.la-ans.on{opacity:1}
.la-ans mark{background:linear-gradient(transparent 62%,var(--la-hl,#e5e7eb) 62%) no-repeat 0 0/0% 100%;color:#111827;font-weight:700;transition:background-size .6s var(--la-ease)}
.la-ans mark.me{--la-hl:#bbf7d0}
.la-ans mark.rv{--la-hl:#fee2e2}
.la-ans mark.hl{background-size:100% 100%}
.la-src{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0 .7rem;min-height:1.6em}
.la-src span{font-size:.68rem;font-weight:600;color:#1e40af;background:#eff6ff;border-radius:20px;padding:3px 9px;opacity:0;transform:translateY(4px);transition:all .35s var(--la-ease)}
.la-src span.on{opacity:1;transform:none}
.la-verdict{margin-top:auto;min-height:2.5rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;border-radius:10px;padding:.5rem .7rem;opacity:0;transform:translateY(6px);transition:all .4s var(--la-ease);border:1px solid transparent}
.la-verdict.on{opacity:1;transform:none}
.la-verdict.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}
.la-verdict.no{color:#b91c1c;background:#fef2f2;border-color:#fecaca}
.la-verdict.no.on{animation:la-nudge .5s .2s}
@keyframes la-nudge{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
.la-tally{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}
.la-tp{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .4rem;font-size:.74rem;font-weight:700;color:#9ca3af;transition:all .35s}
.la-tp+.la-tp{border-left:1px solid var(--border)}
.la-tp i{width:16px;height:16px;border-radius:50%;background:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:.62rem;color:#fff;transition:all .35s var(--la-ease);transform:scale(.8)}
.la-tp.ok{color:#166534}.la-tp.ok i{background:var(--la-ok);transform:none}
.la-tp.no{color:#b91c1c}.la-tp.no i{background:var(--la-er);transform:none}

.la-panel{background:#0f172a;color:#e5e7eb;border-radius:20px;padding:1.1rem 1.1rem 1.2rem;box-shadow:0 30px 70px -25px rgba(15,23,42,.55);position:relative;overflow:hidden}
.la-panel-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.la-panel-h b{font-size:.9rem;color:#fff;display:flex;align-items:center;gap:7px}
.la-status{display:flex;align-items:center;gap:.45rem;font-size:.74rem;color:#94a3b8;margin-bottom:1rem}
.la-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:la-live 2s infinite}
.la-dot.warn{background:#f97316;animation-name:la-live-o}
@keyframes la-live{70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@keyframes la-live-o{0%{box-shadow:0 0 0 0 rgba(249,115,22,.6)}70%{box-shadow:0 0 0 7px rgba(249,115,22,0)}100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}}
.la-idle{display:grid;gap:.55rem;transition:opacity .4s;position:absolute;left:1.1rem;right:1.1rem;top:5.9rem;z-index:1}
.la-panel:not(.active) .la-tl::before{opacity:0}
.la-panel:not(.active) .la-tl{visibility:hidden}
.la-idle i{display:block;height:46px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:la-shim 1.6s linear infinite}
@keyframes la-shim{to{background-position:-200% 0}}
.la-panel.active .la-idle{opacity:0;pointer-events:none}
.la-tl{position:relative;padding-left:1.4rem}
.la-tl::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:rgba(255,255,255,.08)}
.la-tl-fill{position:absolute;left:6px;top:8px;width:2px;height:0;background:linear-gradient(#f97316,#fb923c);transition:height .6s var(--la-ease)}
.la-it{position:relative;margin-bottom:.65rem;opacity:0;transform:translateX(10px);transition:all .5s var(--la-ease)}
.la-it.on{opacity:1;transform:none}
.la-it::before{content:"";position:absolute;left:-1.4rem;top:.35rem;width:14px;height:14px;border-radius:50%;background:#0f172a;border:2px solid #475569;transition:all .35s;box-sizing:border-box}
.la-it.on::before{border-color:#f97316;background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.18)}
.la-it .l{font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;margin-bottom:.2rem}
.la-it .t{font-size:.84rem;line-height:1.5;color:#f1f5f9}
.la-it .t em{font-style:normal;color:#fdba74;font-weight:700}
.la-mini{margin-top:.5rem;background:#fff;border-radius:10px;padding:.65rem .75rem;color:#111827}
.la-mini .tt{font-size:.78rem;font-weight:800;margin-bottom:.2rem;min-height:1.2em}
.la-mini .la-bar{height:5px;margin:.3rem 0}
.la-mini .la-add{margin-top:.3rem}
.la-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.55rem;font-size:.74rem;font-weight:800;color:#111827;background:var(--primary);border-radius:8px;padding:.4rem .75rem;border-radius:8px}
.la-note{text-align:center;font-size:.78rem;color:#6b7280;margin-top:1.1rem}

/* ---------- This week (animated sample) ---------- */
.wk-row.la-in{transition-duration:.55s}
.wk-chip{transition:all .35s var(--la-ease);display:inline-flex;align-items:center;gap:.35rem}
.wk-chip.busy{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}
.wk-chip.ready{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.wk-chip.click{transform:scale(.94)}
.wk-tile-v [data-count]{display:inline-block;min-width:1ch}

/* ---------- loop (how it works) ---------- */
.la-how{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;max-width:1100px;margin:0 auto;align-items:center}
@media(max-width:900px){.la-how{grid-template-columns:1fr;gap:2rem}}
.la-steps{list-style:none;display:grid;gap:.6rem;margin:0;padding:0}
.la-steps li{display:flex;gap:.9rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:#fff;transition:all .4s var(--la-ease);position:relative;overflow:hidden}
.la-steps li .n{width:30px;height:30px;border-radius:9px;background:#fff7ed;color:var(--primary);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s}
.la-steps li h3{font-size:1rem;margin:0 0 .2rem}
.la-steps li p{font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.5}
.la-steps li.on{border-color:#fdba74;box-shadow:0 10px 30px -12px rgba(249,115,22,.35);transform:translateX(4px)}
.la-steps li.on .n{background:var(--primary);color:#fff}
.la-steps li .p{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--primary)}
.la-steps li.on .p{animation:la-prog var(--la-dur,4200ms) linear forwards}
@keyframes la-prog{to{width:100%}}
.la-loop{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 70px -25px rgba(17,24,39,.28);overflow:hidden}
.la-loop-h{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border-bottom:1px solid var(--border);gap:.75rem}
.la-loop-h .q{font-size:.8rem;font-weight:700;display:flex;gap:.45rem;align-items:center;min-width:0}
.la-loop-h .q span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-lbody{display:grid}
.la-lp{grid-area:1/1;padding:1.1rem;opacity:0;transform:translateY(10px);transition:all .5s var(--la-ease);pointer-events:none}
.la-lp.on{opacity:1;transform:none}
.la-er{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:11px;margin-bottom:.45rem;transition:all .35s}
.la-er .n{font-size:.83rem;font-weight:700;width:110px;flex-shrink:0}
.la-er .v{font-size:.78rem;color:#6b7280;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-pill{font-size:.66rem;font-weight:800;padding:3px 9px;border-radius:20px;white-space:nowrap;background:#f3f4f6;color:#9ca3af;transition:all .3s}
.la-pill.ok{background:#dcfce7;color:#15803d}.la-pill.no{background:#fee2e2;color:#b91c1c}
.la-er.lost{border-color:#fecaca;background:#fef2f2}
.la-why{background:#f9fafb;border:1px solid var(--border);border-radius:12px;padding:.75rem .85rem;font-size:.8rem;line-height:1.5;color:#4b5563;margin-bottom:.7rem}
.la-why b{color:#111827}
.la-doc{border:1px solid var(--border);border-radius:12px;padding:.8rem .9rem}
.la-doc .t{font-size:.86rem;font-weight:800;min-height:1.3em}
.la-doc .h{font-size:.74rem;font-weight:700;margin-top:.5rem}
.la-chk{display:flex;align-items:center;gap:.6rem;padding:.62rem .75rem;border:1px solid var(--border);border-radius:11px;margin-bottom:.45rem;font-size:.82rem;font-weight:600;opacity:.4;transition:opacity .35s}
.la-chk.on{opacity:1}
.la-url{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:10px;padding:.5rem .75rem;font-size:.78rem;color:#6b7280;margin-bottom:.7rem;background:#f9fafb}
.la-url b{color:#111827;font-weight:600}
.la-win{margin-top:.7rem;border-radius:12px;padding:.8rem .9rem;background:#f0fdf4;border:1px solid #bbf7d0;font-size:.84rem;font-weight:700;color:#166534;display:flex;gap:.6rem;align-items:center}
.la-small{font-size:.76rem;color:#6b7280;margin-top:.6rem}
.la-loop-f{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.1rem;border-top:1px solid var(--border);font-size:.72rem;color:#6b7280}

/* ---------- agent showcase ---------- */
.la-show{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.5rem;max-width:1140px;margin:0 auto;align-items:start}
@media(max-width:900px){.la-show{grid-template-columns:1fr}}
.la-atabs{display:grid;gap:.45rem}
@media(max-width:900px){.la-atabs{grid-template-columns:repeat(2,1fr)}}
.la-atab{text-align:left;border:1px solid var(--border);background:#fff;border-radius:14px;padding:.8rem .95rem;cursor:pointer;font:inherit;position:relative;overflow:hidden;transition:all .3s var(--la-ease)}
.la-atab:hover{border-color:#fdba74}
.la-atab .nm{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:.92rem;color:#111827}
.la-atab .ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff7ed;color:var(--primary);flex-shrink:0;transition:all .3s}
.la-atab .ds{font-size:.82rem;color:var(--text-muted);line-height:1.5;margin-top:.35rem;display:none}
.la-atab.on{border-color:#fdba74;box-shadow:0 12px 30px -14px rgba(249,115,22,.4)}
.la-atab.on .ic{background:var(--primary);color:#fff}
.la-atab.on .ds{display:block}
@media(max-width:900px){.la-atab.on .ds{display:none}}
.la-atab .pg{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--primary)}
.la-atab.on .pg{animation:la-prog var(--la-dur,9000ms) linear forwards}
.la-show.paused .la-atab.on .pg{animation:none;width:0}
.la-astage{background:#0f172a;border-radius:20px;box-shadow:0 30px 70px -25px rgba(15,23,42,.55);color:#e5e7eb;overflow:hidden;display:flex;flex-direction:column}
.la-astage-h{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.07);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.72rem;color:#94a3b8}
.la-astage-h b{color:#fdba74;font-weight:500}
.la-panes{display:grid;flex:1}
.la-pane{grid-area:1/1;padding:1.1rem;opacity:0;transform:translateY(8px);transition:all .45s var(--la-ease);pointer-events:none}
.la-pane.on{opacity:1;transform:none;pointer-events:auto}
.la-mobile-ds{display:none;font-size:.84rem;color:var(--text-muted);margin:.25rem 0 .2rem;line-height:1.5}
@media(max-width:900px){.la-mobile-ds{display:block}}
/* visibility grid */
.la-gh,.la-gr{display:grid;grid-template-columns:1fr repeat(5,48px);align-items:center;gap:.2rem}
.la-gh{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b;padding-bottom:.4rem;text-align:center}
.la-gh span:first-child{text-align:left}
.la-gh small{display:block;font-size:.5rem;letter-spacing:.02em;color:#475569;font-weight:600;text-transform:none}
.la-gr{padding:.48rem 0;border-top:1px solid rgba(255,255,255,.05)}
.la-gr .q{font-size:.78rem;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:.4rem}
.la-gr .c{display:flex;justify-content:center}
.la-d{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.08);transition:all .3s var(--la-ease)}
.la-d.scan{background:rgba(249,115,22,.55);box-shadow:0 0 0 4px rgba(249,115,22,.15)}
.la-d.ok{background:#22c55e}.la-d.no{background:transparent;border:2px solid #ef4444}.la-d.na{background:transparent;border:2px dashed #475569}
@media(max-width:520px){.la-gh,.la-gr{grid-template-columns:1fr repeat(5,28px)}.la-gh{font-size:.45rem}.la-gh small{display:none}}
.la-sum{display:flex;gap:1.3rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.07);font-size:.76rem;color:#94a3b8;flex-wrap:wrap}
.la-sum b{color:#fff;font-size:1.1rem;margin-right:.25rem}
.la-toast{margin-top:.8rem;background:#fff;color:#111827;border-radius:12px;padding:.65rem .8rem;display:flex;gap:.6rem;align-items:flex-start}
.la-toast .lane{font-size:.56rem;font-weight:800;letter-spacing:.05em;padding:3px 6px;border-radius:5px;flex-shrink:0;margin-top:1px;background:#fff7ed;color:#c2410c}
.la-toast .tt{font-size:.78rem;font-weight:700;line-height:1.35}
.la-toast .ts{font-size:.72rem;color:#6b7280;margin-top:2px}
/* site health */
.la-hc{display:flex;align-items:center;gap:.65rem;padding:.5rem .7rem;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin-bottom:.4rem;font-size:.8rem;color:#cbd5e1}
.la-hc .st{margin-left:auto;font-size:.66rem;font-weight:800;padding:2px 8px;border-radius:20px;color:#64748b}
.la-hc .st.ok{background:rgba(34,197,94,.12);color:#4ade80}.la-hc .st.no{background:rgba(239,68,68,.14);color:#f87171}
.la-diff{margin-top:.7rem;background:#020617;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.7rem .8rem;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.74rem;line-height:1.7}
.la-diff .f{color:#64748b;margin-bottom:.3rem}
.la-diff .m{color:#fca5a5;background:rgba(239,68,68,.1);display:block;padding:0 .4rem;border-radius:4px}
.la-diff .p{color:#86efac;background:rgba(34,197,94,.1);display:block;padding:0 .4rem;border-radius:4px;min-height:1.7em}
/* competitors */
.la-wk{display:grid;grid-template-columns:52px 1fr;gap:.35rem .6rem;align-items:center;font-size:.72rem;color:#94a3b8}
.la-wk .bars{display:grid;gap:3px}
.la-wk .b{height:9px;border-radius:5px;width:0;transition:width .7s var(--la-ease)}
.la-wk .b.y{background:#f97316}.la-wk .b.r{background:#64748b}
.la-legend{display:flex;gap:1rem;font-size:.68rem;color:#94a3b8;margin:.3rem 0 .8rem}
.la-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.la-feed{display:grid;gap:.4rem;margin-top:.5rem}
.la-fi{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:.78rem}
.la-fi .k{font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:5px;background:rgba(139,92,246,.18);color:#c4b5fd;flex-shrink:0}
.la-fi .u{color:#e2e8f0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-fi .a{font-size:.68rem;font-weight:800;color:#0f172a;background:#fdba74;border-radius:7px;padding:3px 8px;flex-shrink:0}
/* content */
.la-paper{background:#fff;color:#111827;border-radius:14px;padding:1rem 1.1rem}
.la-paper .tt{font-size:.98rem;font-weight:800;line-height:1.3;min-height:1.3em}
.la-paper .h{font-size:.78rem;font-weight:800;margin-top:.7rem}
.la-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
.la-chips span{font-size:.68rem;font-weight:700;border-radius:20px;padding:3px 9px;background:rgba(255,255,255,.07);color:#cbd5e1}
.la-chips span b{color:#fff}
/* off-site */
.la-art{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);margin-bottom:.4rem;font-size:.78rem;color:#e2e8f0}
.la-art .u{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-odds{font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:20px;flex-shrink:0}
.la-odds.hi{background:rgba(34,197,94,.14);color:#4ade80}.la-odds.md{background:rgba(234,179,8,.14);color:#facc15}.la-odds.lo{background:rgba(148,163,184,.14);color:#94a3b8}
.la-mail{margin-top:.7rem;background:#fff;color:#111827;border-radius:12px;padding:.75rem .85rem;font-size:.8rem;line-height:1.55}
.la-mail .to{font-size:.72rem;color:#6b7280;border-bottom:1px solid #f1f5f9;padding-bottom:.4rem;margin-bottom:.45rem}
.la-mail .bd{min-height:4.6em;white-space:pre-line}
/* digest */
.la-email{background:#fff;color:#111827;border-radius:14px;overflow:hidden}
.la-email .sub{padding:.7rem .9rem;border-bottom:1px solid #f1f5f9;font-size:.82rem;font-weight:800;min-height:2.6em}
.la-email .sub small{display:block;font-size:.68rem;font-weight:600;color:#6b7280}
.la-email .bd{padding:.8rem .9rem}
.la-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.7rem}
.la-stats div{background:#f9fafb;border:1px solid #f1f5f9;border-radius:10px;padding:.55rem .6rem}
.la-stats b{display:block;font-size:1.15rem}
.la-stats span{font-size:.64rem;color:#6b7280;font-weight:600}
.la-li{font-size:.78rem;display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.35rem;color:#374151}
.la-li i{font-style:normal;font-weight:800;color:var(--primary)}

@media (prefers-reduced-motion:reduce){.la-hero h1 em::after{animation:none}.la-dot,.la-idle i,.la-pulse::before{animation:none}}

/* grid children must be allowed to shrink below their content width (phones) */
.la-how>*,.la-show>*,.la-stage>*,.la-lbody,.la-lp,.la-panes,.la-pane,.la-answers,.la-ans{min-width:0}
@media(max-width:520px){.la-er{gap:.5rem;padding:.55rem .6rem}.la-er .n{width:auto;min-width:76px;font-size:.78rem}.la-er .v{font-size:.72rem}.la-pill{padding:3px 7px}}
.la-feed>*,.la-pane>*,.la-wk>*{min-width:0}

/* ---------- hero: feature cards around the stage ---------- */
.la-stagewrap{position:relative;width:100%;max-width:900px;margin:0 auto}
.la-sats{position:absolute;inset:0;pointer-events:none}
.la-sat{position:absolute;width:228px;text-align:left;opacity:0;transform:translateY(16px) scale(.94);filter:blur(6px);
  transition:opacity .6s var(--la-ease),transform .7s cubic-bezier(.34,1.45,.64,1),filter .6s var(--la-ease);z-index:2}
.la-sat.on{opacity:1;transform:none;filter:none}
.la-sat-in{background:#fff;border:1px solid var(--border);border-radius:16px;padding:.75rem .85rem;box-shadow:0 18px 40px -16px rgba(17,24,39,.28),0 2px 6px rgba(17,24,39,.05)}
.la-sat.on .la-sat-in{animation:la-float 6s ease-in-out infinite alternate}
.la-sat:nth-child(2n).on .la-sat-in{animation-duration:7.5s;animation-delay:-2s}
.la-sat:nth-child(3n).on .la-sat-in{animation-duration:8.5s;animation-delay:-4s}
@keyframes la-float{from{transform:translateY(0) rotate(0)}to{transform:translateY(-8px) rotate(.4deg)}}
.la-sat-h{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}
.la-sat-h .lane{font-size:.56rem;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:6px}
.la-sat-h .ag{font-size:.64rem;color:#9ca3af;font-weight:600;white-space:nowrap}
.la-sat-t{font-size:.8rem;font-weight:700;color:#111827;line-height:1.35}
.la-sat-s{font-size:.72rem;color:#6b7280;margin-top:.25rem;line-height:1.4}
.la-sat-a{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}
.la-chipbtn{font-size:.68rem;font-weight:800;border-radius:8px;padding:.28rem .6rem;background:#111827;color:#fff}
.la-chipbtn.or{background:var(--primary)}
.la-chipok{font-size:.66rem;font-weight:800;border-radius:20px;padding:.2rem .55rem;background:#dcfce7;color:#15803d}
.la-sat .la-diff{margin-top:.45rem;font-size:.66rem;padding:.45rem .55rem;line-height:1.6;border-radius:9px}
.la-minibars{display:flex;align-items:flex-end;gap:4px;height:30px;margin-top:.45rem}
.la-minibars i{flex:1;border-radius:3px 3px 0 0;background:#fed7aa;height:0;transition:height .7s var(--la-ease)}
.la-minibars i:last-child{background:var(--primary)}
.la-sat.on .la-minibars i{height:var(--h)}
.la-sat .bigtick{width:30px;height:30px;border-radius:50%;background:#16a34a;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transform:scale(0);transition:transform .5s cubic-bezier(.34,1.6,.64,1) .2s}
.la-sat.on .bigtick{transform:none}
/* positions around the stage (wide screens) */
.la-sat.p1{top:-30px;left:-238px}
.la-sat.p2{top:150px;left:-226px}
.la-sat.p3{bottom:-58px;left:-226px}
.la-sat.p4{top:-74px;right:-236px}
.la-sat.p5{top:150px;right:-226px}
.la-sat.p6{bottom:-112px;right:-214px}
/* narrower screens: cards line up under the stage */
@media(max-width:1420px){
  .la-sats{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.1rem;pointer-events:auto}
  .la-sat{position:static;width:auto}
  .la-sat .la-sat-in{height:100%}
  .la-sat.on .la-sat-in{animation:none}
}
@media(max-width:760px){.la-sats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.la-sats{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.la-sat.on .la-sat-in{animation:none}}

/* ---------- hero v2: domain box, five engines, publish step ---------- */
.la-scan{max-width:560px;margin:0 auto .9rem}
.la-scan-bar{display:flex;align-items:center;gap:.6rem;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:.4rem .4rem .4rem 1rem;box-shadow:0 12px 32px -14px rgba(17,24,39,.25);transition:border-color .2s,box-shadow .2s}
.la-scan-bar:focus-within{border-color:var(--primary);box-shadow:0 12px 32px -14px rgba(249,115,22,.45),0 0 0 4px rgba(249,115,22,.12)}
.la-scan-bar input{flex:1;min-width:0;border:none;outline:none;font:inherit;font-size:1rem;color:var(--text-main);background:transparent;padding:.55rem 0}
.la-scan-bar button{border:none;cursor:pointer;font:inherit;font-weight:700;font-size:.95rem;color:#fff;background:var(--primary);border-radius:11px;padding:.75rem 1.15rem;white-space:nowrap;box-shadow:0 6px 16px rgba(249,115,22,.35);transition:transform .15s}
.la-scan-bar button:hover{transform:translateY(-1px)}
.la-scan.bad .la-scan-bar{border-color:#ef4444;animation:la-nudge .45s}
.la-scan-err{min-height:1.1rem;font-size:.8rem;color:#b91c1c;margin-top:.35rem}
@media(max-width:480px){.la-scan-bar{flex-wrap:wrap;padding:.45rem}.la-scan-bar svg{display:none}.la-scan-bar input{padding:.55rem .5rem;flex-basis:100%}.la-scan-bar button{flex:1}}
.la-fine a{color:var(--primary);font-weight:600;text-decoration:none;margin-left:.35rem}

.la-etabs{overflow-x:auto;scrollbar-width:none;max-width:100%}
.la-etabs::-webkit-scrollbar{display:none}
.la-etabs button{font-size:.7rem;padding:.36rem .55rem;white-space:nowrap;flex-shrink:0}
.la-chat-h{min-width:0}
.la-tally{grid-template-columns:repeat(5,1fr)}
.la-tp{font-size:.66rem;padding:.55rem .2rem;gap:.3rem;white-space:nowrap}
.la-tp i{width:14px;height:14px;font-size:.56rem}
@media(max-width:480px){.la-tp{font-size:.56rem;flex-direction:column;gap:.15rem}}
.la-aio{background:linear-gradient(135deg,#eff6ff,#fff 70%);border:1px solid #dbeafe;border-radius:12px;padding:.7rem .8rem}
.la-aio-h{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;color:#1e40af;margin-bottom:.3rem}

/* the chat keeps its own height (no stretched blank area); answers stack in one cell */
.la-stage{align-items:start}

.la-pub{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.2rem}
.la-pub-url{font-size:.74rem;color:#cbd5e1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.3rem .55rem}
.la-pub-url b{color:#fff;font-weight:600}
.la-pub-btn{font-size:.72rem;font-weight:800;color:#0f172a;background:#fff;border-radius:8px;padding:.32rem .65rem;transition:all .3s var(--la-ease);display:inline-flex;align-items:center;gap:.35rem}
.la-pub-btn.press{transform:scale(.92);box-shadow:0 0 0 5px rgba(255,255,255,.18)}
.la-pub-btn.done{background:#22c55e;color:#fff}
.la-it .t{font-size:.8rem}
.la-it{margin-bottom:.55rem}

/* stacked panes: only the active one takes space, and the box eases to its height */
.la-lbody,.la-panes{display:block;position:relative;transition:height .45s var(--la-ease);overflow:hidden}
.la-lp,.la-pane{position:absolute;left:0;right:0;top:0}
.la-lp.on,.la-pane.on{position:relative}
@media(min-width:1421px){.la-stagewrap{margin-bottom:84px}}