/* LotThread landing page - base styles and keyframes.
   (Ported from the original design's <helmet> <style> block.
   Component-level styling lives inline on the elements, matching the source.) */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #F7F8F5; }
a { color: #123C2B; text-decoration: none; }
a:hover { color: #166b41; }
::selection { background: #77E6A1; color: #111814; }
.lt-skip {
  position: fixed; left: 16px; top: 12px; z-index: 2000;
  padding: 10px 14px; border-radius: 9px; background: #123C2B; color: #fff;
  font: 600 14px/1.2 'Geist', system-ui, sans-serif;
  transform: translateY(-160%); transition: transform .15s ease;
}
.lt-skip:focus { transform: translateY(0); color: #fff; }
:focus-visible { outline: 3px solid #50C878; outline-offset: 3px; }
button:focus-visible, summary:focus-visible, a:focus-visible { border-radius: 6px; }

/* Lightweight content motion for marketing pages. JavaScript adds the
   attributes, so content remains visible if scripting is unavailable. */
.lt-motion-ready [data-lt-reveal] {
  opacity: 0;
  transform: translate3d(0,18px,0);
  transition: opacity 680ms ease, transform 720ms cubic-bezier(.22,1,.36,1);
  transition-delay: var(--lt-reveal-delay,0ms);
  will-change: opacity,transform;
}
.lt-motion-ready [data-lt-reveal="left"] { transform: translate3d(-18px,8px,0); }
.lt-motion-ready [data-lt-reveal="right"] { transform: translate3d(18px,8px,0); }
.lt-motion-ready [data-lt-reveal].is-revealed { opacity:1; transform:translate3d(0,0,0); }
[data-lt-motion-card] { transition: transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms ease,border-color 250ms ease; }
@media (hover:hover) {
  [data-lt-motion-card].is-revealed:hover { transform:translateY(-3px); box-shadow:0 16px 34px -28px rgba(18,60,43,.42); border-color:rgba(80,200,120,.42) !important; }
}

.hero-trace-status {
  min-width: 144px; justify-content: center; overflow: hidden;
  font: 600 11px 'IBM Plex Mono', ui-monospace, monospace; color: #123C2B;
  background: rgba(119,230,161,.13); border: 1px solid rgba(80,200,120,.28);
  padding: 4px 10px; border-radius: 100px; display: inline-flex; align-items: center; gap: 6px;
  transition: min-width 500ms cubic-bezier(.22,1,.36,1), background 400ms ease,
              border-color 400ms ease, box-shadow 500ms ease;
}
.hero-trace-status__dot { width: 6px; height: 6px; border-radius: 50%; background: #50C878; box-shadow: 0 0 0 0 rgba(80,200,120,.3); }
.hero-trace-status.is-verifying .hero-trace-status__dot { animation: heroStatusPulse 900ms ease-in-out infinite; }
.hero-trace-status.is-complete { min-width: 118px; background: rgba(119,230,161,.3); border-color: rgba(80,200,120,.5); box-shadow: 0 6px 18px rgba(80,200,120,.14); }
.hero-trace-thread { position:absolute; left:9px; top:8px; bottom:19px; width:2px; background:#DDE3DF; border-radius:2px; }
.hero-trace-progress { position:absolute; inset:0; background:linear-gradient(180deg,#77E6A1,#36b96b); border-radius:2px; transform:scaleY(0); transform-origin:top; transition:transform 560ms cubic-bezier(.22,1,.36,1); }
.hero-trace-spark { position:absolute; z-index:2; left:-7px; top:0; width:16px; height:22px; opacity:0; transform:translateY(-50%); transition:top 560ms cubic-bezier(.22,1,.36,1), opacity 180ms ease; }
.hero-trace-spark::before { content:""; position:absolute; left:7px; top:-15px; width:2px; height:36px; background:linear-gradient(180deg,transparent,rgba(119,230,161,.35),#50C878); filter:blur(1px); }
.hero-trace-spark i { position:absolute; left:6px; top:8px; width:4px; height:4px; border-radius:50%; background:#eafff1; box-shadow:0 0 0 2px #50C878,0 0 14px 7px rgba(80,200,120,.28); }
.hero-trace-card { position:relative; background:#fff; border:1px solid #DDE3DF; border-radius:13px; padding:13px 15px; box-shadow:0 1px 2px rgba(17,24,20,.06); transition:transform 500ms cubic-bezier(.22,1,.36,1),border-color 400ms ease,box-shadow 500ms ease; }
.hero-trace-card.is-active { transform:translateY(-2px); border-color:rgba(35,180,105,.45); box-shadow:0 10px 30px rgba(20,80,55,.08),0 0 0 3px rgba(35,180,105,.06); }
.hero-trace-node { position:absolute; left:-22px; top:19px; width:12px; height:12px; border-radius:50%; background:#fff; border:2px solid #50C878; box-shadow:0 0 0 3px #F7F8F5; transition:background 350ms ease,box-shadow 350ms ease; }
.hero-trace-node i { position:absolute; inset:-7px; border:1px solid rgba(80,200,120,.5); border-radius:50%; opacity:0; }
.hero-trace-card.is-active .hero-trace-node { background:#50C878; box-shadow:0 0 0 3px #F7F8F5,0 0 10px rgba(80,200,120,.3); }
.hero-trace-card.is-current .hero-trace-node i { animation:heroNodeRing 620ms cubic-bezier(.22,1,.36,1); }
.hero-trace-check { display:inline-block; margin-left:3px; color:#16824d; opacity:0; transform:scale(.6); transition:opacity 260ms ease,transform 420ms cubic-bezier(.22,1,.36,1); }
.hero-trace-card.is-active .hero-trace-check { opacity:1; transform:scale(1); }
.hero-trace-detail { font-size:12.5px; color:#69736d; margin-top:2px; transition:color 350ms ease,opacity 350ms ease,transform 450ms cubic-bezier(.22,1,.36,1); }
.hero-trace-card.is-current .hero-trace-detail { color:#33453b; animation:heroDataIn 520ms cubic-bezier(.22,1,.36,1); }
.hero-trace-terminal { position:relative; min-height:38px; display:flex; align-items:center; opacity:.48; transition:opacity 420ms ease,transform 520ms cubic-bezier(.22,1,.36,1); transform:translateY(2px); }
.hero-trace-terminal__node { position:absolute; z-index:3; left:-22px; top:13px; width:12px; height:12px; border-radius:50%; background:#fff; border:2px solid #9eb1a5; box-shadow:0 0 0 3px #F7F8F5; transition:background 350ms ease,border-color 350ms ease,box-shadow 400ms ease; }
.hero-trace-terminal__node i { position:absolute; inset:-8px; border:1px solid rgba(80,200,120,.58); border-radius:50%; opacity:0; }
.hero-trace-terminal__pill { display:inline-flex; align-items:center; gap:8px; min-width:132px; padding:6px 11px; border:1px solid #DDE3DF; border-radius:10px; background:rgba(255,255,255,.84); color:#65736b; box-shadow:0 2px 8px rgba(18,60,43,.04); transition:color 350ms ease,border-color 350ms ease,background 350ms ease,box-shadow 450ms ease; }
.hero-trace-terminal__pill span { display:flex; flex-direction:column; line-height:1.05; }
.hero-trace-terminal__pill b { font:600 10px 'IBM Plex Mono',ui-monospace,monospace; letter-spacing:.03em; }
.hero-trace-terminal__pill small { margin-top:3px; font:500 8px 'IBM Plex Mono',ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.hero-trace-terminal.is-active { opacity:1; transform:none; }
.hero-trace-terminal.is-active .hero-trace-terminal__node { background:#50C878; border-color:#2eb767; box-shadow:0 0 0 3px #F7F8F5,0 0 13px rgba(80,200,120,.38); }
.hero-trace-terminal.is-active .hero-trace-terminal__node i { animation:heroNodeRing 760ms cubic-bezier(.22,1,.36,1); }
.hero-trace-terminal.is-active .hero-trace-terminal__pill { color:#123C2B; border-color:rgba(80,200,120,.5); background:rgba(119,230,161,.18); box-shadow:0 8px 22px -16px rgba(18,60,43,.45); }
[data-hero-trace].is-complete::after { content:""; position:absolute; pointer-events:none; inset:-16px -14px; border-radius:22px; background:linear-gradient(110deg,transparent 20%,rgba(119,230,161,.08),transparent 76%); animation:heroPanelWash 850ms ease-out both; }
@keyframes heroNodeRing { from{opacity:.65;transform:scale(.65)} to{opacity:0;transform:scale(1.85)} }
@keyframes heroStatusPulse { 50%{box-shadow:0 0 0 5px rgba(80,200,120,.14)} }
@keyframes heroDataIn { from{opacity:.35;transform:translateY(3px)} to{opacity:1;transform:none} }
@keyframes heroPanelWash { from{opacity:0;transform:translateX(-12%)} 45%{opacity:1} to{opacity:0;transform:translateX(12%)} }
@keyframes ltPop {
  from { opacity: 0; transform: translateY(10px) scale(.98); }
  to { opacity: 1; transform: none; }
}
@keyframes ltDash { to { stroke-dashoffset: 0; } }
@keyframes ltFloatGrid { from { background-position: 0 0; } to { background-position: 0 -48px; } }

details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details [data-faq-chev] { transition: transform .2s ease; }
details[open] [data-faq-chev] { transform: rotate(45deg); }

@media (max-width: 760px) {
  [data-tour-grid] { grid-template-columns: 1fr !important; }
  button, a { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  [data-lt-reveal] { opacity:1 !important; transform:none !important; }
}
.usecase-finder-card{background:#102d22;color:#fff;border-radius:24px;padding:clamp(28px,5vw,52px);display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center;box-shadow:0 24px 60px rgba(18,60,43,.15)}
.usecase-finder-card h2,.usecase-result-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.08;letter-spacing:-.035em;margin:12px 0}.usecase-finder-card p{color:#c7d5cf;margin:0;max-width:48ch}.usecase-finder-kicker{font:600 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#50c878}.usecase-finder-form label{display:block;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;color:inherit}.usecase-finder-inputrow{display:flex;gap:10px}.usecase-finder-inputrow input{min-width:0;flex:1;padding:16px 17px;border:1px solid #ccd7d1;border-radius:11px;background:#fff;color:#111814;font:500 15px var(--font);outline:none}.usecase-finder-inputrow input:focus{border-color:#50c878;box-shadow:0 0 0 4px rgba(80,200,120,.14)}.usecase-finder-inputrow button{border:0;border-radius:11px;background:#50c878;color:#102d22;padding:0 20px;font:700 14px var(--font);cursor:pointer;white-space:nowrap}.usecase-finder-examples{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px;font-size:12px;color:#9db2a9}.usecase-finder-examples a{color:#d8e7e0;text-decoration:underline;text-underline-offset:3px}.usecase-result-hero{padding:54px 24px 46px;background:linear-gradient(135deg,#eef8f1,#f7f8f5)}.usecase-result-hero h1{max-width:20ch}.usecase-result-hero>div>p{color:var(--muted);font-size:17px}.usecase-result-back{display:block;color:var(--muted);font-size:13px;margin-bottom:35px}.usecase-result-form{max-width:850px;margin-top:28px;color:var(--ink)}.usecase-result-body{padding:64px 24px}.usecase-result-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:60px}.usecase-fit-badge{display:inline-flex;align-items:center;gap:8px;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#166b41}.usecase-fit-badge span{width:7px;height:7px;border-radius:50%;background:#50c878;box-shadow:0 0 0 5px rgba(80,200,120,.13)}.usecase-result-body h2,.usecase-result-related h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;margin:14px 0}.usecase-result-lede{font-size:17px;color:var(--muted);line-height:1.65}.usecase-result-thread{margin-top:30px}.usecase-result-thread>div{display:grid;grid-template-columns:38px 1fr;gap:15px;position:relative;padding-bottom:21px}.usecase-result-thread>div>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e4f7ea;border:1px solid #8dddab;color:#166b41;font:600 12px var(--mono)}.usecase-result-thread section p,.usecase-capability p{margin:4px 0 0;color:var(--muted);font-size:13.5px;line-height:1.55}.usecase-result-panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 15px 40px rgba(18,60,43,.07)}.usecase-capability{display:grid;grid-template-columns:22px 1fr;gap:11px;padding:17px 0;border-bottom:1px solid var(--border)}.usecase-capability:last-child{border:0}.usecase-capability>span{color:#166b41}.usecase-result-related{padding:58px 24px 70px;background:#fff;border-top:1px solid var(--border)}.usecase-match-card{border:1px solid var(--border);border-radius:15px;padding:22px;color:var(--ink);display:flex;flex-direction:column;gap:8px}.usecase-match-card>span{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.usecase-match-card p{font-size:13px;color:var(--muted);line-height:1.5}.usecase-match-card b{font-size:13px;color:#166b41}.usecase-empty{padding:70px 24px;text-align:center}.usecase-empty p{color:var(--muted)}
@media(max-width:800px){.usecase-finder-card,.usecase-result-layout{grid-template-columns:1fr;gap:28px}.usecase-finder-inputrow{flex-direction:column}.usecase-finder-inputrow button{padding:15px}.usecase-finder-card{border-radius:18px}}
.finder-intelligence{padding:22px 24px;background:#102d22;color:#fff}.finder-intelligence__grid{display:grid;grid-template-columns:1fr .45fr 1.2fr;gap:18px}.finder-intelligence__grid>div{padding:12px 15px;border:1px solid rgba(255,255,255,.13);border-radius:10px}.finder-intelligence__grid span{display:block;color:#a9c6b7;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.finder-intelligence__grid strong{display:block;margin-top:5px}.finder-question{margin-top:12px;color:#d9e8df;font-size:13px}.finder-feedback{padding:28px 24px;background:#eaf6ee;border-top:1px solid #cde6d5}.finder-feedback>.lt-wrap{display:flex;align-items:center;gap:20px}.finder-feedback p{margin:3px 0 0;color:var(--muted);font-size:12px}.finder-feedback form{display:flex;gap:8px;margin-left:auto}.finder-feedback button,.finder-start{border:1px solid #9bcfad;background:#fff;border-radius:9px;padding:10px 13px;color:#155b39;font-weight:650;cursor:pointer}.finder-start{background:#123c2b;color:#fff;margin-left:8px}@media(max-width:750px){.finder-intelligence__grid{grid-template-columns:1fr}.finder-feedback>.lt-wrap{align-items:stretch;flex-direction:column}.finder-feedback form{margin-left:0}.finder-start{margin-left:0;text-align:center}}