/* The pricing page's layout (GET /pricing), loaded after app.css. It defines no colour, type
   style, spacing or radius of its own: those are app.css's brand tokens. Structure per the
   brand guide (Layout and components, Color): the deep-navy header bar and closing band,
   sections alternating surface and surface-alt, one orange-tint band (the plans), navy-tint
   for the two callouts, cards with radius-md and either shadow-card on surface or a hairline
   on surface-alt, 1200px of content, 96px between sections (48px on phones), one primary
   button per view, and one sky-accent phrase, in the closing band. On navy-tint, secondary text
   and eyebrows are ink-muted (orange text is for surface, surface-alt and orange-tint). */

.inner{max-width:calc(var(--content-max) + 2 * var(--space-8));margin-inline:auto;padding-left:max(var(--space-8),env(safe-area-inset-left,0px));padding-right:max(var(--space-8),env(safe-area-inset-right,0px))}
.info h3,.info ul,.info ol,.info figure{margin:0}
.info section{padding-block:var(--space-24)}
.band-alt{background:var(--surface-alt)}
.band-orange{background:var(--orange-tint)}
.head{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-12);max-width:calc(var(--measure) * 1.5)}
.info .lede code{white-space:nowrap}
.closer :focus-visible,.site-foot :focus-visible{outline-color:var(--on-inverse)}

/* ---------- header bar ---------- */
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6);padding-block:var(--space-4)}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-6)}
.nav-links a{font:var(--type-label);color:var(--on-inverse);text-decoration:none;border-radius:var(--radius-sm)}
.nav-links a:hover{text-decoration:underline;text-underline-offset:4px}
/* Sign in as a button, far right, in sky-ink (Darren 2026-11-07); on-inverse text 7.1:1 on sky-ink. */
.nav-links .nav-cta{padding:var(--space-2) var(--space-4);background:var(--sky-ink);color:var(--on-inverse)}
.nav-links .nav-cta:hover{text-decoration:none;box-shadow:inset 0 0 0 999px var(--press-shade)}

/* ---------- hero: surface, the demo window on the right (selfserve/hero_demo.py, its block below) ---------- */
.info .hero{padding-block:var(--space-12) var(--space-24)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-12);align-items:end}
.hero-copy{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}
.hero-copy h1{font:var(--type-display);letter-spacing:-.02em;max-width:16ch}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.trust{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);padding:0;list-style:none;font:var(--type-caption);color:var(--ink-muted)}
.trust li{display:flex;align-items:center;gap:var(--space-2)}
.trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cart-orange)}

/* the code blocks: the system monospace on an ink ground */
.code-block{padding:var(--space-4);border-radius:var(--radius-md);background:var(--ink);color:var(--on-inverse);font:var(--type-code);overflow-x:auto;white-space:pre}
.code-block .s{color:var(--code-accent)}
.code-block .c{color:var(--code-muted)}

/* stat tiles: eyebrow label, stat numeral in sky-ink (Darren 2026-11-07: every orange-ink text on this page is sky-ink), one caption line */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);margin-top:var(--space-12)}
.stat{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface-alt)}
.stat .eyebrow{color:var(--ink-muted)}
.stat-value{font:var(--type-stat);letter-spacing:-.02em;color:var(--sky-ink);font-variant-numeric:tabular-nums}
.stat-note{font:var(--type-caption);color:var(--ink-muted)}

/* ---------- cards ---------- */
.card{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);min-width:0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}
.record{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}
.record p{color:var(--ink-muted)}
.fields{display:flex;flex-direction:column;padding:0;list-style:none}
.fields li{padding-block:var(--space-2);border-top:1px solid var(--hairline)}
.fields li:first-child{border-top:0}
.record-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2)}
.count{align-self:flex-start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--navy-tint);font:var(--type-caption);color:var(--sky-ink)}
.routes{color:var(--ink-muted);overflow-wrap:anywhere}

/* ---------- how it works ---------- */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);padding:0;list-style:none}
.steps li{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--hairline)}
.steps p{color:var(--ink-muted)}

/* ---------- billing: the rules and the ledger ---------- */
.meter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-12);align-items:start}
.rules{display:flex;flex-direction:column;gap:var(--space-6);padding:0;list-style:none;max-width:var(--measure)}
.rules li{padding-left:var(--space-6);position:relative;color:var(--ink-muted)}
.rules li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--cart-orange)}
.rules b{color:var(--navy-ink)}
.ledger{overflow:hidden}
.ledger-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);padding:var(--space-4) var(--space-6)}
.ledger-head b{font:var(--type-label);color:var(--navy-ink)}
.ledger-head span{font:var(--type-caption);color:var(--ink-muted)}
.ledger-scroll{overflow-x:auto}
.ledger table{width:100%;border-collapse:collapse;font:var(--type-data);font-variant-numeric:tabular-nums}
.ledger th{text-align:left;padding:var(--space-3) var(--space-6);background:var(--surface-alt);border-block:1px solid var(--hairline);font:var(--type-caption);color:var(--ink-muted)}
.ledger td{padding:var(--space-3) var(--space-6);border-top:1px solid var(--hairline);vertical-align:top}
.ledger td:first-child{font:var(--type-code);color:var(--ink);overflow-wrap:anywhere}
.ledger td:nth-child(2){white-space:nowrap}
.ledger td:last-child,.ledger th:last-child{text-align:right}
.ledger td:last-child{color:var(--navy-ink)}
.ledger tr.free td,.ledger tr.free td:last-child{color:var(--ink-muted)}
.ledger tfoot td,.ledger tfoot td:first-child{font:var(--type-label);color:var(--navy-ink)}
.ledger-wire{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-6);padding:var(--space-4) var(--space-6);border-top:1px solid var(--hairline);background:var(--surface-alt);font:var(--type-code);color:var(--ink-muted)}
.ledger-wire b{color:var(--ink)}

/* ---------- plans: the one orange-tint band; the cards come from selfserve/web.py, each with
   both terms (monthly, annual) and the toggle below picking one ---------- */
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}
.tier{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}
.tier-for{color:var(--ink-muted);min-height:52px}
.tier-price{display:flex;align-items:baseline;gap:var(--space-2);color:var(--ink-muted)}
.tier-price b{font:var(--type-h1);letter-spacing:-.015em;color:var(--navy-ink);font-variant-numeric:tabular-nums}
.tier-records{padding-block:var(--space-3);border-block:1px solid var(--hairline);color:var(--ink)}
.tier-records b{color:var(--navy-ink);font-variant-numeric:tabular-nums}
.tier-included{font:var(--type-label);color:var(--sky-ink)}
.tier-addr{font:var(--type-caption);color:var(--ink-muted);overflow-wrap:anywhere}
.tier .btn{margin-top:auto}
.tier-save{font:var(--type-label);color:var(--sky-ink)}
/* How each term is billed, under its button: two caption lines on every card, so the buttons
   above line up across the row whichever term shows. */
.tier-note{min-height:36px;font:var(--type-caption);color:var(--ink-muted)}
.tier-note a{white-space:nowrap}
/* The billing toggle: a segmented control of two radios, the picked one in deep navy. Where
   the browser has :has(), it hides the plan cards' other term (data-term); where it has not,
   the toggle stays hidden itself and the cards show both terms, so nothing depends on it. */
.billing{display:none;align-items:center;gap:var(--space-1);margin-bottom:var(--space-8);padding:var(--space-1);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface)}
.billing-option{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font:var(--type-label);color:var(--ink-muted);cursor:pointer}
.billing-option input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.billing-option:has(input:checked){background:var(--surface-inverse);color:var(--on-inverse)}
.billing-option:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}
.save{padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--navy-tint);font:var(--type-caption);color:var(--sky-ink);animation:save-breathe 6s ease-in-out 1.5s 3}
/* The annual nudge (Darren 2026-11-07: classy, subtle, not a pointing finger): the Save badge
   brightens to sky-accent and back, a breath every six seconds, three times, then stays still.
   Reduced motion: still from the start. */
@keyframes save-breathe{0%,100%{background:var(--navy-tint);color:var(--sky-ink)}12%{background:var(--sky-accent);color:var(--ink)}}
@media (prefers-reduced-motion:reduce){.save{animation:none}}
@supports selector(:has(*)){
  .billing{display:inline-flex}
  #pricing:has(#billing-monthly:checked) [data-term="annual"],
  #pricing:has(#billing-annual:checked) [data-term="monthly"]{display:none}
}
.info .every{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3) var(--space-8);margin-top:var(--space-12);padding:0;list-style:none}
.every li{display:flex;gap:var(--space-3)}
.every li::before{content:"";flex:0 0 auto;width:14px;height:8px;margin-top:var(--space-2);border-left:1.5px solid var(--sky-ink);border-bottom:1.5px solid var(--sky-ink);transform:rotate(-45deg)}
.info .small{margin-top:var(--space-6);font:var(--type-caption);color:var(--ink-muted);max-width:var(--measure)}

/* ---------- MCP ---------- */
.mcp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-12);align-items:start}
.mcp-copy{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.asks{display:flex;flex-direction:column;gap:var(--space-3);padding:0;list-style:none}
.asks li{padding:var(--space-3) var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-sm);background:var(--surface-alt);max-width:var(--measure)}
.connector{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-md);background:var(--navy-tint);min-width:0}
.connector dl{display:grid;gap:var(--space-4)}
.connector dt{font:var(--type-label);color:var(--ink)}
.connector dd{font:var(--type-code);color:var(--ink);overflow-wrap:anywhere}
.connector p{color:var(--ink-muted);max-width:var(--measure)}
.clients{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;list-style:none}
.clients li{padding:var(--space-1) var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);font:var(--type-caption);color:var(--ink)}

/* ---------- for developers: the documentation and the connector first, then the samples ---------- */
.dev-links{display:grid;max-width:var(--measure);padding:0;list-style:none;border-top:1px solid var(--hairline)}
.dev-links li{border-bottom:1px solid var(--hairline)}
.dev-links a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-1);font:var(--type-label);color:var(--ink);text-decoration:none}
.dev-links a span{margin-left:auto;font:var(--type-caption);color:var(--ink-muted)}
.dev-links a::after{content:"→";color:var(--sky-ink)}
.dev-links a:hover{text-decoration:underline;text-underline-offset:4px}
.code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.code{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.info .code h3{font:var(--type-label);color:var(--navy-ink)}

/* ---------- questions ---------- */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:var(--space-12);align-items:start}
.faq .head{margin-bottom:0}
.qa{display:flex;flex-direction:column;border-top:1px solid var(--hairline)}
.qa details{border-bottom:1px solid var(--hairline)}
.qa summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-1);cursor:pointer;list-style:none;font:var(--type-h3);color:var(--navy-ink);border-radius:var(--radius-sm)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";flex:0 0 auto;font:var(--type-h3);font-weight:400;color:var(--sky-ink)}
.qa details[open] summary::after{content:"–"}
.qa summary:hover{color:var(--sky-ink)}
.qa p{padding:0 var(--space-1) var(--space-6);color:var(--ink-muted);max-width:var(--measure)}

/* ---------- closing band and footer: surface-inverse, the reverse logo ---------- */
.closer{background:var(--surface-inverse);color:var(--on-inverse)}
.closer-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-24)}
.info .closer h2{color:var(--on-inverse)}
/* The page's one sky element (Color: sky-accent from time to time, at most one per view, a
   highlighted phrase in a headline on deep navy, never touching cart-orange). */
.closer .sky{color:var(--sky-accent)}
.closer p{margin-top:var(--space-2)}
.site-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4) var(--space-6);padding-block:var(--space-6) var(--space-8);border-top:1px solid var(--inverse-hairline)}
.site-foot .logo img{height:28px}
.site-foot nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6)}
.site-foot nav a{font:var(--type-label);color:var(--on-inverse)}

/* ---------- narrower screens: one column, half the section spacing ---------- */
/* The hero's demo wants about 360px beside the copy; narrower than that, it goes under it. */
@media (max-width:1050px){
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}
}
@media (max-width:900px){
  .meter,.mcp,.faq{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}
  .cards,.steps{grid-template-columns:minmax(0,1fr)}
  .tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .info .every{grid-template-columns:repeat(2,minmax(0,1fr))}
  .code-grid{grid-template-columns:minmax(0,1fr)}
  .info section,.closer-in{padding-block:var(--space-12)}
  .info .hero{padding-block:var(--space-8) var(--space-12)}
}
@media (max-width:560px){
  .inner{padding-left:max(var(--space-4),env(safe-area-inset-left,0px));padding-right:max(var(--space-4),env(safe-area-inset-right,0px))}
  .nav-links .hide-sm{display:none}
  .stats,.tiers,.info .every{grid-template-columns:minmax(0,1fr)}
  .stats{gap:var(--space-4);margin-top:var(--space-8)}
  .tier-for{min-height:0}
  .dev-links a span{display:none}
  .ledger th,.ledger td{padding-inline:var(--space-3)}
  .ledger td:nth-child(2){white-space:normal}
}

/* ---------- the hero demo: selfserve/hero_demo.py's, written here by scripts/write_hero_demo_css.py; change it there, not here ---------- */
/* the window fills the hero's right column, at least 400px tall and as tall as the copy;
   under the copy (info.css puts it there below 1050px), up to 560px wide */
.lk{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;max-width:560px;align-self:stretch;container-type:inline-size}
.lk-win{display:grid;grid-template-rows:minmax(0,1fr);flex:1 0 400px;min-height:400px;contain:size}
.lk-act{grid-area:1/1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
.lk-chat{border:1px solid var(--hairline);background:var(--surface)}
.lk-api{background:var(--ink);color:var(--on-inverse)}
.lk-top{display:flex;flex:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--hairline);font:var(--type-label);color:var(--ink)}
.lk-mark{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:var(--radius-sm);background:var(--surface-inverse);color:var(--on-inverse)}
.lk-conn{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--navy-tint);font:var(--type-caption);color:var(--navy-ink);white-space:nowrap}
.lk-conn i{width:8px;height:8px;border-radius:50%;background:var(--success)}
/* the conversation: from the top, and once it is taller than the window, the newest at the
   bottom and the oldest scrolled away above, as a chat does */
.lk-convo{display:flex;flex:1;flex-direction:column;justify-content:flex-end;min-height:0;overflow:hidden;background:var(--surface-alt)}
.lk-scroll{display:flex;flex:none;flex-direction:column;min-height:100%;padding:var(--space-4)}
.lk-slot{display:grid;grid-template-rows:1fr}
.lk-in{min-height:0;overflow:hidden}
.lk-s1 .lk-in{overflow:visible}
.lk-slot+.lk-slot .lk-in>*{margin-top:var(--space-3)}
.lk-user{width:fit-content;max-width:88%;margin:0 0 0 auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--navy-tint);font:var(--type-body);color:var(--ink)}
.lk-tool{display:flex;align-items:center;gap:var(--space-2);margin:0;font:var(--type-label);color:var(--ink)}
.lk-st,.lk-tt{display:grid}
.lk-st{width:14px;height:14px;flex:none}
.lk-st>*,.lk-tt>*{grid-area:1/1}
.lk-spin{width:14px;height:14px;border:2px solid var(--hairline);border-top-color:var(--navy-ink);border-radius:50%}
.lk-ok{color:var(--success)}
.lk-card{padding:var(--space-3) var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface)}
.lk-co{display:flex;flex-direction:column;margin:0 0 var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--hairline)}
.lk-co b{font:var(--type-label);color:var(--ink)}
.lk-co span{font:var(--type-caption);color:var(--ink-muted)}
.lk-facts{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:var(--space-1) var(--space-3);margin:0}
.lk-facts>div{display:contents}
.lk-facts dt{font:var(--type-caption);color:var(--ink-muted)}
.lk-facts dd{margin:0;font:var(--type-data);color:var(--ink)}
.lk-facts small{display:block;font:var(--type-caption);color:var(--ink-muted)}
.lk-say{margin:0;font:var(--type-body);color:var(--ink)}
/* the composer grows a line at a time as the question wraps; Enter is a key. A letter has no
   width until it is typed; the caret after the letters sits where the next one goes. */
.lk-composer{display:flex;flex:none;align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--hairline);background:var(--surface)}
.lk-field{position:relative;flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--control-border);border-radius:var(--radius-sm);font:var(--type-body);color:var(--ink)}
.lk-ph{position:absolute;top:var(--space-2);left:var(--space-3);right:var(--space-3);overflow:hidden;white-space:nowrap;color:var(--ink-muted)}
.lk-ty{position:relative;display:block;min-height:26px;overflow:hidden}
.lk-ty>span{white-space:nowrap}
.lk-ty>span>span,.lk-c1>span,.lk-c2>span{display:inline-block;max-width:0;visibility:hidden;white-space:pre}
.lk-ty::before,.lk-ty::after{content:"";position:absolute;width:2px;height:20px;background:var(--ink);visibility:hidden}
.lk-ty::before{top:3px;left:0}
.lk-ty::after{transform:translateY(3px)}
.lk-key{display:grid;place-items:center;width:44px;height:38px;flex:none;border-radius:var(--radius-sm);background:var(--surface-inverse);color:var(--on-inverse);box-shadow:0 3px 0 var(--ink)}
/* the terminal: the command types in place, a line at a time; each response line takes room
   only once it prints */
.lk-top-dark{border-bottom-color:var(--inverse-hairline);color:var(--on-inverse)}
.lk-dots{display:flex;gap:var(--space-2)}
.lk-dots i{width:10px;height:10px;border-radius:50%;background:var(--code-muted);opacity:.45}
.lk-tag{margin-left:auto;font:var(--type-caption);color:var(--code-muted)}
.lk-tbody{display:flex;flex:1;flex-direction:column;justify-content:flex-end;min-height:0;overflow:hidden}
.lk-tscroll{flex:none;min-height:100%;margin:0;padding:var(--space-3) var(--space-4);font:var(--type-code);color:var(--on-inverse);white-space:pre-wrap;overflow-wrap:anywhere}
.lk-s{color:var(--code-accent)}
.lk-h,.lk-ps{color:var(--code-muted)}
.lk-cmd,.lk-out,.lk-c2{display:block}
.lk-c1,.lk-c2{position:relative}
.lk-c1::before,.lk-c1::after,.lk-c2::after{content:"";position:absolute;width:.6em;height:1.3em;background:var(--code-muted);visibility:hidden}
.lk-out>span{display:block;max-height:0;overflow:hidden;visibility:hidden}
.lk-note{font:var(--type-caption);font-style:italic;color:var(--ink-muted)}
/* at rest (the last frame of act 1): the composer empty, the lookup done */
.lk-spin,.lk-run{opacity:0}
@container (max-width:380px){
  .lk-word{display:none}
  .lk-scroll,.lk-tscroll{padding:var(--space-3)}
}
/* reduced motion: app.css stops every animation, so the window shows its rest frame, the
   answered conversation, still; the terminal, which would cover it, is not shown */
@media (prefers-reduced-motion:reduce){
  .lk-api{display:none}
}
/* the timeline: one loop of 29.209s; every animation runs that long, forever, with a delay of zero or less */
@keyframes lk-type{0%{max-width:none;visibility:visible}30.193%{max-width:0;visibility:hidden}100%{max-width:0;visibility:hidden}}
@keyframes lk-tterm{0%{max-width:none;visibility:visible}38.652%{max-width:0;visibility:hidden}100%{max-width:0;visibility:hidden}}
@keyframes lk-tout{0%{max-height:100px;visibility:visible}22.904%{max-height:0;visibility:hidden}100%{max-height:0;visibility:hidden}}
@keyframes lk-blink{0%,49.9%{opacity:1}50%,100%{opacity:0}}
@keyframes lk-spin{to{transform:rotate(360deg)}}
@keyframes lk6{0%{opacity:1}57.41%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1)}58.78%{opacity:0}98.631%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}100%{opacity:1}100%{opacity:1}}
@keyframes lk7{0%{max-height:400px;opacity:1}31.562%{max-height:400px;opacity:1}31.566%{max-height:26px;opacity:0}98.459%{max-height:26px;opacity:0}98.463%{max-height:400px;opacity:1}100%{max-height:400px;opacity:1}}
@keyframes lk8{0%{visibility:visible}3.081%{visibility:visible}3.085%{visibility:hidden}98.459%{visibility:hidden}98.463%{visibility:visible}100%{visibility:visible}}
@keyframes lk9{0%{visibility:hidden}3.081%{visibility:hidden}3.085%{visibility:visible}31.562%{visibility:visible}31.566%{visibility:hidden}100%{visibility:hidden}}
@keyframes lk10{0%{opacity:1}3.081%{opacity:1}3.085%{opacity:0}31.733%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}32.247%{opacity:1}100%{opacity:1}}
@keyframes lk11{0%{transform:none;box-shadow:0 3px 0 var(--ink)}31.014%{transform:none;box-shadow:0 3px 0 var(--ink);animation-timing-function:cubic-bezier(.2,.8,.2,1)}31.22%{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}31.973%{transform:translateY(2px);box-shadow:0 1px 0 var(--ink);animation-timing-function:cubic-bezier(.2,.8,.2,1)}32.315%{transform:none;box-shadow:0 3px 0 var(--ink)}100%{transform:none;box-shadow:0 3px 0 var(--ink)}}
@keyframes lk12{0%{grid-template-rows:0fr}31.562%{grid-template-rows:0fr}31.566%{grid-template-rows:1fr}58.78%{grid-template-rows:1fr}58.783%{grid-template-rows:0fr}100%{grid-template-rows:0fr}}
@keyframes lk13{0%{opacity:0;transform:translateY(240px)}31.562%{opacity:0;transform:translateY(240px);animation-timing-function:cubic-bezier(.2,.8,.2,1)}33.616%{opacity:1;transform:none}58.78%{opacity:1;transform:none}58.783%{opacity:0;transform:translateY(240px)}100%{opacity:0;transform:translateY(240px)}}
@keyframes lk14{0%{grid-template-rows:0fr;opacity:0}34.13%{grid-template-rows:0fr;opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}35.157%{grid-template-rows:1fr;opacity:1}58.78%{grid-template-rows:1fr;opacity:1}58.783%{grid-template-rows:0fr;opacity:0}100%{grid-template-rows:0fr;opacity:0}}
@keyframes lk15{0%{opacity:0}34.13%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}34.472%{opacity:1}38.581%{opacity:1}38.584%{opacity:0}100%{opacity:0}}
@keyframes lk16{0%{opacity:0}38.581%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}39.094%{opacity:1}58.78%{opacity:1}58.783%{opacity:0}100%{opacity:0}}
@keyframes lk17{0%{opacity:0}34.13%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}34.472%{opacity:1}38.581%{opacity:1}38.584%{opacity:0}100%{opacity:0}}
@keyframes lk18{0%{opacity:0}38.581%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}39.094%{opacity:1}58.78%{opacity:1}58.783%{opacity:0}100%{opacity:0}}
@keyframes lk19{0%{grid-template-rows:0fr;opacity:0}39.608%{grid-template-rows:0fr;opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}41.148%{grid-template-rows:1fr;opacity:1}58.78%{grid-template-rows:1fr;opacity:1}58.783%{grid-template-rows:0fr;opacity:0}100%{grid-template-rows:0fr;opacity:0}}
@keyframes lk20{0%{grid-template-rows:0fr;opacity:0}43.031%{grid-template-rows:0fr;opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}44.23%{grid-template-rows:1fr;opacity:1}58.78%{grid-template-rows:1fr;opacity:1}58.783%{grid-template-rows:0fr;opacity:0}100%{grid-template-rows:0fr;opacity:0}}
@keyframes lk21{0%{opacity:0}58.951%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}60.32%{opacity:1}97.09%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1)}98.459%{opacity:0}100%{opacity:0}}
@keyframes lk22{0%{visibility:hidden}58.951%{visibility:hidden}58.954%{visibility:visible}62.032%{visibility:visible}62.036%{visibility:hidden}100%{visibility:hidden}}
@keyframes lk23{0%{visibility:hidden}62.032%{visibility:hidden}62.036%{visibility:visible}65.524%{visibility:visible}65.528%{visibility:hidden}100%{visibility:hidden}}
@keyframes lk24{0%{visibility:hidden}65.524%{visibility:hidden}65.528%{visibility:visible}76.925%{visibility:visible}76.928%{visibility:hidden}100%{visibility:hidden}}
.lk-chat{animation:lk6 29.209s linear infinite}
.lk-ty{animation:lk7 29.209s linear infinite}
.lk-ty::before{animation:lk8 29.209s linear infinite,lk-blink 1s step-end infinite}
.lk-ty::after{animation:lk9 29.209s linear infinite}
.lk-ph{animation:lk10 29.209s linear infinite}
.lk-key{animation:lk11 29.209s linear infinite}
.lk-s1{animation:lk12 29.209s linear infinite}
.lk-user{animation:lk13 29.209s linear infinite}
.lk-s2{animation:lk14 29.209s linear infinite}
.lk-spin{animation:lk15 29.209s linear infinite,lk-spin 0.8s linear infinite}
.lk-ok{animation:lk16 29.209s linear infinite}
.lk-run{animation:lk17 29.209s linear infinite}
.lk-done{animation:lk18 29.209s linear infinite}
.lk-s3{animation:lk19 29.209s linear infinite}
.lk-s4{animation:lk20 29.209s linear infinite}
.lk-api{animation:lk21 29.209s linear infinite}
.lk-c1::before{animation:lk22 29.209s linear infinite,lk-blink 1s step-end infinite}
.lk-c1::after{animation:lk23 29.209s linear infinite}
.lk-c2::after{animation:lk24 29.209s linear infinite}
.lk-ty>span>span{animation:lk-type 29.209s step-end infinite}
.lk-c1>span,.lk-c2>span{animation:lk-tterm 29.209s step-end infinite}
.lk-out>span{animation:lk-tout 29.209s step-end infinite}
.lk-ty>:nth-child(1)>:nth-child(1){animation-delay:-28.309s}
.lk-ty>:nth-child(1)>:nth-child(2){animation-delay:-28.251s}
.lk-ty>:nth-child(1)>:nth-child(3){animation-delay:-28.202s}
.lk-ty>:nth-child(1)>:nth-child(4){animation-delay:-28.154s}
.lk-ty>:nth-child(1)>:nth-child(5){animation-delay:-28.112s}
.lk-ty>:nth-child(2)>:nth-child(1){animation-delay:-28.048s}
.lk-ty>:nth-child(2)>:nth-child(2){animation-delay:-27.988s}
.lk-ty>:nth-child(2)>:nth-child(3){animation-delay:-27.925s}
.lk-ty>:nth-child(3)>:nth-child(1){animation-delay:-27.858s}
.lk-ty>:nth-child(3)>:nth-child(2){animation-delay:-27.798s}
.lk-ty>:nth-child(3)>:nth-child(3){animation-delay:-27.736s}
.lk-ty>:nth-child(3)>:nth-child(4){animation-delay:-27.693s}
.lk-ty>:nth-child(3)>:nth-child(5){animation-delay:-27.654s}
.lk-ty>:nth-child(3)>:nth-child(6){animation-delay:-27.606s}
.lk-ty>:nth-child(3)>:nth-child(7){animation-delay:-27.566s}
.lk-ty>:nth-child(3)>:nth-child(8){animation-delay:-27.516s}
.lk-ty>:nth-child(3)>:nth-child(9){animation-delay:-27.449s}
.lk-ty>:nth-child(3)>:nth-child(10){animation-delay:-27.394s}
.lk-ty>:nth-child(3)>:nth-child(11){animation-delay:-27.353s}
.lk-ty>:nth-child(3)>:nth-child(12){animation-delay:-27.291s}
.lk-ty>:nth-child(3)>:nth-child(13){animation-delay:-27.247s}
.lk-ty>:nth-child(3)>:nth-child(14){animation-delay:-27.186s}
.lk-ty>:nth-child(3)>:nth-child(15){animation-delay:-27.142s}
.lk-ty>:nth-child(3)>:nth-child(16){animation-delay:-27.079s}
.lk-ty>:nth-child(3)>:nth-child(17){animation-delay:-27.032s}
.lk-ty>:nth-child(3)>:nth-child(18){animation-delay:-26.994s}
.lk-ty>:nth-child(3)>:nth-child(19){animation-delay:-26.932s}
.lk-ty>:nth-child(3)>:nth-child(20){animation-delay:-26.626s}
.lk-ty>:nth-child(3)>:nth-child(21){animation-delay:-26.578s}
.lk-ty>:nth-child(3)>:nth-child(22){animation-delay:-26.532s}
.lk-ty>:nth-child(3)>:nth-child(23){animation-delay:-26.466s}
.lk-ty>:nth-child(4)>:nth-child(1){animation-delay:-26.411s}
.lk-ty>:nth-child(4)>:nth-child(2){animation-delay:-26.35s}
.lk-ty>:nth-child(4)>:nth-child(3){animation-delay:-26.309s}
.lk-ty>:nth-child(4)>:nth-child(4){animation-delay:-26.257s}
.lk-ty>:nth-child(5)>:nth-child(1){animation-delay:-26.178s}
.lk-ty>:nth-child(5)>:nth-child(2){animation-delay:-26.115s}
.lk-ty>:nth-child(5)>:nth-child(3){animation-delay:-26.073s}
.lk-ty>:nth-child(5)>:nth-child(4){animation-delay:-25.747s}
.lk-ty>:nth-child(6)>:nth-child(1){animation-delay:-25.682s}
.lk-ty>:nth-child(6)>:nth-child(2){animation-delay:-25.625s}
.lk-ty>:nth-child(6)>:nth-child(3){animation-delay:-25.575s}
.lk-ty>:nth-child(6)>:nth-child(4){animation-delay:-25.535s}
.lk-ty>:nth-child(6)>:nth-child(5){animation-delay:-25.496s}
.lk-ty>:nth-child(6)>:nth-child(6){animation-delay:-25.456s}
.lk-ty>:nth-child(7)>:nth-child(1){animation-delay:-25.39s}
.lk-ty>:nth-child(7)>:nth-child(2){animation-delay:-25.337s}
.lk-ty>:nth-child(7)>:nth-child(3){animation-delay:-25.274s}
.lk-ty>:nth-child(7)>:nth-child(4){animation-delay:-25.223s}
.lk-ty>:nth-child(7)>:nth-child(5){animation-delay:-25.182s}
.lk-ty>:nth-child(7)>:nth-child(6){animation-delay:-25.134s}
.lk-ty>:nth-child(7)>:nth-child(7){animation-delay:-25.082s}
.lk-ty>:nth-child(7)>:nth-child(8){animation-delay:-25.033s}
.lk-ty>:nth-child(7)>:nth-child(9){animation-delay:-24.99s}
.lk-ty>:nth-child(7)>:nth-child(10){animation-delay:-24.948s}
.lk-ty>:nth-child(8)>:nth-child(1){animation-delay:-24.879s}
.lk-ty>:nth-child(8)>:nth-child(2){animation-delay:-24.819s}
.lk-ty>:nth-child(8)>:nth-child(3){animation-delay:-24.77s}
.lk-ty>:nth-child(8)>:nth-child(4){animation-delay:-24.704s}
.lk-ty>:nth-child(8)>:nth-child(5){animation-delay:-24.642s}
.lk-ty>:nth-child(8)>:nth-child(6){animation-delay:-24.6s}
.lk-ty>:nth-child(8)>:nth-child(7){animation-delay:-24.537s}
.lk-ty>:nth-child(8)>:nth-child(8){animation-delay:-24.489s}
.lk-ty>:nth-child(8)>:nth-child(9){animation-delay:-24.437s}
.lk-ty>:nth-child(9)>:nth-child(1){animation-delay:-24.374s}
.lk-ty>:nth-child(9)>:nth-child(2){animation-delay:-24.328s}
.lk-ty>:nth-child(9)>:nth-child(3){animation-delay:-24.281s}
.lk-ty>:nth-child(9)>:nth-child(4){animation-delay:-24.226s}
.lk-ty>:nth-child(10)>:nth-child(1){animation-delay:-24.148s}
.lk-ty>:nth-child(10)>:nth-child(2){animation-delay:-24.103s}
.lk-ty>:nth-child(10)>:nth-child(3){animation-delay:-24.037s}
.lk-ty>:nth-child(10)>:nth-child(4){animation-delay:-23.983s}
.lk-ty>:nth-child(10)>:nth-child(5){animation-delay:-23.917s}
.lk-ty>:nth-child(11)>:nth-child(1){animation-delay:-23.843s}
.lk-ty>:nth-child(11)>:nth-child(2){animation-delay:-23.783s}
.lk-ty>:nth-child(11)>:nth-child(3){animation-delay:-23.728s}
.lk-ty>:nth-child(11)>:nth-child(4){animation-delay:-23.417s}
.lk-ty>:nth-child(12)>:nth-child(1){animation-delay:-23.361s}
.lk-ty>:nth-child(12)>:nth-child(2){animation-delay:-23.31s}
.lk-ty>:nth-child(12)>:nth-child(3){animation-delay:-23.258s}
.lk-ty>:nth-child(12)>:nth-child(4){animation-delay:-23.196s}
.lk-ty>:nth-child(13)>:nth-child(1){animation-delay:-23.142s}
.lk-ty>:nth-child(13)>:nth-child(2){animation-delay:-23.098s}
.lk-ty>:nth-child(13)>:nth-child(3){animation-delay:-23.043s}
.lk-ty>:nth-child(13)>:nth-child(4){animation-delay:-22.998s}
.lk-ty>:nth-child(14)>:nth-child(1){animation-delay:-22.932s}
.lk-ty>:nth-child(14)>:nth-child(2){animation-delay:-22.883s}
.lk-ty>:nth-child(14)>:nth-child(3){animation-delay:-22.838s}
.lk-ty>:nth-child(14)>:nth-child(4){animation-delay:-22.785s}
.lk-ty>:nth-child(15)>:nth-child(1){animation-delay:-22.707s}
.lk-ty>:nth-child(15)>:nth-child(2){animation-delay:-22.645s}
.lk-ty>:nth-child(15)>:nth-child(3){animation-delay:-22.592s}
.lk-ty>:nth-child(15)>:nth-child(4){animation-delay:-22.546s}
.lk-ty>:nth-child(15)>:nth-child(5){animation-delay:-22.48s}
.lk-ty>:nth-child(15)>:nth-child(6){animation-delay:-22.177s}
.lk-ty>:nth-child(16)>:nth-child(1){animation-delay:-22.099s}
.lk-ty>:nth-child(16)>:nth-child(2){animation-delay:-22.06s}
.lk-ty>:nth-child(16)>:nth-child(3){animation-delay:-22.007s}
.lk-ty>:nth-child(16)>:nth-child(4){animation-delay:-21.959s}
.lk-ty>:nth-child(17)>:nth-child(1){animation-delay:-21.882s}
.lk-ty>:nth-child(17)>:nth-child(2){animation-delay:-21.816s}
.lk-ty>:nth-child(17)>:nth-child(3){animation-delay:-21.775s}
.lk-ty>:nth-child(17)>:nth-child(4){animation-delay:-21.729s}
.lk-ty>:nth-child(18)>:nth-child(1){animation-delay:-21.662s}
.lk-ty>:nth-child(18)>:nth-child(2){animation-delay:-21.608s}
.lk-ty>:nth-child(18)>:nth-child(3){animation-delay:-21.56s}
.lk-ty>:nth-child(18)>:nth-child(4){animation-delay:-21.493s}
.lk-ty>:nth-child(18)>:nth-child(5){animation-delay:-21.444s}
.lk-ty>:nth-child(18)>:nth-child(6){animation-delay:-21.384s}
.lk-ty>:nth-child(19)>:nth-child(1){animation-delay:-21.319s}
.lk-ty>:nth-child(19)>:nth-child(2){animation-delay:-21.251s}
.lk-ty>:nth-child(19)>:nth-child(3){animation-delay:-21.211s}
.lk-ty>:nth-child(19)>:nth-child(4){animation-delay:-21.172s}
.lk-ty>:nth-child(19)>:nth-child(5){animation-delay:-21.131s}
.lk-ty>:nth-child(19)>:nth-child(6){animation-delay:-21.088s}
.lk-ty>:nth-child(19)>:nth-child(7){animation-delay:-21.028s}
.lk-ty>:nth-child(19)>:nth-child(8){animation-delay:-20.962s}
.lk-ty>:nth-child(19)>:nth-child(9){animation-delay:-20.919s}
.lk-ty>:nth-child(19)>:nth-child(10){animation-delay:-20.877s}
.lk-ty>:nth-child(20)>:nth-child(1){animation-delay:-20.816s}
.lk-ty>:nth-child(20)>:nth-child(2){animation-delay:-20.752s}
.lk-ty>:nth-child(20)>:nth-child(3){animation-delay:-20.713s}
.lk-ty>:nth-child(20)>:nth-child(4){animation-delay:-20.645s}
.lk-ty>:nth-child(20)>:nth-child(5){animation-delay:-20.584s}
.lk-ty>:nth-child(20)>:nth-child(6){animation-delay:-20.54s}
.lk-c1>:nth-child(1){animation-delay:-11.09s}
.lk-c1>:nth-child(2){animation-delay:-11.06s}
.lk-c1>:nth-child(3){animation-delay:-11.03s}
.lk-c1>:nth-child(4){animation-delay:-11s}
.lk-c1>:nth-child(5){animation-delay:-10.97s}
.lk-c1>:nth-child(6){animation-delay:-10.94s}
.lk-c1>:nth-child(7){animation-delay:-10.91s}
.lk-c1>:nth-child(8){animation-delay:-10.88s}
.lk-c1>:nth-child(9){animation-delay:-10.85s}
.lk-c1>:nth-child(10){animation-delay:-10.82s}
.lk-c1>:nth-child(11){animation-delay:-10.79s}
.lk-c1>:nth-child(12){animation-delay:-10.76s}
.lk-c1>:nth-child(13){animation-delay:-10.73s}
.lk-c1>:nth-child(14){animation-delay:-10.7s}
.lk-c1>:nth-child(15){animation-delay:-10.67s}
.lk-c1>:nth-child(16){animation-delay:-10.64s}
.lk-c1>:nth-child(17){animation-delay:-10.61s}
.lk-c1>:nth-child(18){animation-delay:-10.58s}
.lk-c1>:nth-child(19){animation-delay:-10.55s}
.lk-c1>:nth-child(20){animation-delay:-10.52s}
.lk-c1>:nth-child(21){animation-delay:-10.49s}
.lk-c1>:nth-child(22){animation-delay:-10.46s}
.lk-c1>:nth-child(23){animation-delay:-10.43s}
.lk-c1>:nth-child(24){animation-delay:-10.4s}
.lk-c1>:nth-child(25){animation-delay:-10.37s}
.lk-c1>:nth-child(26){animation-delay:-10.34s}
.lk-c1>:nth-child(27){animation-delay:-10.31s}
.lk-c1>:nth-child(28){animation-delay:-10.28s}
.lk-c1>:nth-child(29){animation-delay:-10.25s}
.lk-c1>:nth-child(30){animation-delay:-10.22s}
.lk-c1>:nth-child(31){animation-delay:-10.19s}
.lk-c1>:nth-child(32){animation-delay:-10.16s}
.lk-c1>:nth-child(33){animation-delay:-10.13s}
.lk-c1>:nth-child(34){animation-delay:-10.1s}
.lk-c2>:nth-child(1){animation-delay:-9.74s}
.lk-c2>:nth-child(2){animation-delay:-9.71s}
.lk-c2>:nth-child(3){animation-delay:-9.68s}
.lk-c2>:nth-child(4){animation-delay:-9.65s}
.lk-c2>:nth-child(5){animation-delay:-9.62s}
.lk-c2>:nth-child(6){animation-delay:-9.59s}
.lk-c2>:nth-child(7){animation-delay:-9.56s}
.lk-c2>:nth-child(8){animation-delay:-9.53s}
.lk-c2>:nth-child(9){animation-delay:-9.5s}
.lk-c2>:nth-child(10){animation-delay:-9.47s}
.lk-c2>:nth-child(11){animation-delay:-9.44s}
.lk-c2>:nth-child(12){animation-delay:-9.41s}
.lk-c2>:nth-child(13){animation-delay:-9.38s}
.lk-c2>:nth-child(14){animation-delay:-9.35s}
.lk-c2>:nth-child(15){animation-delay:-9.32s}
.lk-c2>:nth-child(16){animation-delay:-9.29s}
.lk-c2>:nth-child(17){animation-delay:-9.26s}
.lk-c2>:nth-child(18){animation-delay:-9.23s}
.lk-c2>:nth-child(19){animation-delay:-9.2s}
.lk-c2>:nth-child(20){animation-delay:-9.17s}
.lk-c2>:nth-child(21){animation-delay:-9.14s}
.lk-c2>:nth-child(22){animation-delay:-9.11s}
.lk-c2>:nth-child(23){animation-delay:-9.08s}
.lk-c2>:nth-child(24){animation-delay:-9.05s}
.lk-c2>:nth-child(25){animation-delay:-9.02s}
.lk-c2>:nth-child(26){animation-delay:-8.99s}
.lk-c2>:nth-child(27){animation-delay:-8.96s}
.lk-c2>:nth-child(28){animation-delay:-8.93s}
.lk-c2>:nth-child(29){animation-delay:-8.9s}
.lk-c2>:nth-child(30){animation-delay:-8.87s}
.lk-c2>:nth-child(31){animation-delay:-8.84s}
.lk-c2>:nth-child(32){animation-delay:-8.81s}
.lk-c2>:nth-child(33){animation-delay:-8.78s}
.lk-c2>:nth-child(34){animation-delay:-8.75s}
.lk-c2>:nth-child(35){animation-delay:-8.72s}
.lk-c2>:nth-child(36){animation-delay:-8.69s}
.lk-c2>:nth-child(37){animation-delay:-8.66s}
.lk-c2>:nth-child(38){animation-delay:-8.63s}
.lk-c2>:nth-child(39){animation-delay:-8.6s}
.lk-c2>:nth-child(40){animation-delay:-8.57s}
.lk-c2>:nth-child(41){animation-delay:-8.54s}
.lk-c2>:nth-child(42){animation-delay:-8.51s}
.lk-c2>:nth-child(43){animation-delay:-8.48s}
.lk-c2>:nth-child(44){animation-delay:-8.45s}
.lk-c2>:nth-child(45){animation-delay:-8.42s}
.lk-c2>:nth-child(46){animation-delay:-8.39s}
.lk-c2>:nth-child(47){animation-delay:-8.36s}
.lk-c2>:nth-child(48){animation-delay:-8.33s}
.lk-c2>:nth-child(49){animation-delay:-8.3s}
.lk-c2>:nth-child(50){animation-delay:-8.27s}
.lk-c2>:nth-child(51){animation-delay:-8.24s}
.lk-c2>:nth-child(52){animation-delay:-8.21s}
.lk-c2>:nth-child(53){animation-delay:-8.18s}
.lk-c2>:nth-child(54){animation-delay:-8.15s}
.lk-c2>:nth-child(55){animation-delay:-8.12s}
.lk-c2>:nth-child(56){animation-delay:-8.09s}
.lk-c2>:nth-child(57){animation-delay:-8.06s}
.lk-c2>:nth-child(58){animation-delay:-8.03s}
.lk-c2>:nth-child(59){animation-delay:-8s}
.lk-c2>:nth-child(60){animation-delay:-7.97s}
.lk-c2>:nth-child(61){animation-delay:-7.94s}
.lk-c2>:nth-child(62){animation-delay:-7.91s}
.lk-c2>:nth-child(63){animation-delay:-7.88s}
.lk-c2>:nth-child(64){animation-delay:-7.85s}
.lk-c2>:nth-child(65){animation-delay:-7.82s}
.lk-c2>:nth-child(66){animation-delay:-7.79s}
.lk-c2>:nth-child(67){animation-delay:-7.76s}
.lk-c2>:nth-child(68){animation-delay:-7.73s}
.lk-c2>:nth-child(69){animation-delay:-7.7s}
.lk-c2>:nth-child(70){animation-delay:-7.67s}
.lk-c2>:nth-child(71){animation-delay:-7.64s}
.lk-c2>:nth-child(72){animation-delay:-7.61s}
.lk-c2>:nth-child(73){animation-delay:-7.58s}
.lk-c2>:nth-child(74){animation-delay:-7.55s}
.lk-c2>:nth-child(75){animation-delay:-7.52s}
.lk-c2>:nth-child(76){animation-delay:-7.49s}
.lk-c2>:nth-child(77){animation-delay:-7.46s}
.lk-c2>:nth-child(78){animation-delay:-7.43s}
.lk-c2>:nth-child(79){animation-delay:-7.4s}
.lk-c2>:nth-child(80){animation-delay:-7.37s}
.lk-c2>:nth-child(81){animation-delay:-7.34s}
.lk-c2>:nth-child(82){animation-delay:-7.31s}
.lk-c2>:nth-child(83){animation-delay:-7.28s}
.lk-c2>:nth-child(84){animation-delay:-7.25s}
.lk-c2>:nth-child(85){animation-delay:-7.22s}
.lk-c2>:nth-child(86){animation-delay:-7.19s}
.lk-out>:nth-child(1){animation-delay:-6.49s}
.lk-out>:nth-child(2){animation-delay:-6.42s}
.lk-out>:nth-child(3){animation-delay:-6.35s}
.lk-out>:nth-child(4){animation-delay:-6.28s}
.lk-out>:nth-child(5){animation-delay:-6.21s}
.lk-out>:nth-child(6){animation-delay:-6.14s}
.lk-out>:nth-child(7){animation-delay:-6.07s}
.lk-out>:nth-child(8){animation-delay:-6s}
.lk-out>:nth-child(9){animation-delay:-5.93s}
.lk-out>:nth-child(10){animation-delay:-5.86s}
.lk-out>:nth-child(11){animation-delay:-5.79s}
.lk-out>:nth-child(12){animation-delay:-5.72s}
.lk-out>:nth-child(13){animation-delay:-5.65s}
/* ---------- end of the hero demo ---------- */