/* SaltQuill Labs: extras for the two core service pages (web-development.html, ai-automation.html).
   Loaded after assets/site.css and built only from its tokens. Animated mockups are aria-hidden and decorative.
   Motion rule: every mockup's BASE style is its finished state; keyframes only add the in-between steps.
   So with reduced motion (site.css shortens every animation to ~0) or ?shot (html.shot, animation off) the
   finished state shows, and nothing depends on JS. */

/* ---------- shared stage ---------- */
.stage{position:relative;border-radius:36px;padding:44px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 50px 100px -60px rgba(0,0,0,.9)}
.stage>.sample{position:absolute;top:20px;right:26px}
.stage-cap{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line-d);font-size:15.5px;color:var(--mist)}
.stage-cap span{display:inline-flex;align-items:center;gap:8px}
.stage-cap svg{color:var(--gold);flex-shrink:0}
html.shot .stage *,html.shot .stage *::before,html.shot .stage *::after{animation:none !important}

/* ---------- web: browser + phone booking demo ---------- */
.devs{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:40px;align-items:center}
.devs>*{min-width:0}
.devs .site{box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.site-nav{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line)}
.site-nav .lg{display:flex;align-items:center;gap:8px;font:700 14px var(--display);letter-spacing:-.01em;color:var(--ink)}
.site-nav .lg i{width:20px;height:20px;border-radius:6px;background:var(--ink);box-shadow:inset 0 0 0 5px var(--ink),inset 0 0 0 10px var(--gold)}
.site-nav .ln{height:7px;width:46px;border-radius:4px;background:#E6DFD0}
.site-nav .ln:first-of-type{margin-left:auto}
.site-nav .cta{padding:6px 12px;border-radius:999px;background:var(--ink);color:#fff;font:600 12px var(--body)}
.devs .site-hero{padding:18px 18px 14px;gap:16px}
.devs .site-hero .t b{font-size:27px}
.devs .site-hero .t small{font-size:13.5px}
.devs .site-hero .im{min-height:150px}
.site-ev{display:flex;align-items:center;gap:12px;margin:0 14px 14px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--ink-2);animation:evIn 10s var(--ease) infinite}
.site-ev .ic{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(94,234,212,.18);color:#0F766E}
.site-ev b{color:var(--ink);font-weight:600}
.site-ev time{margin-left:auto;font:500 12px var(--body);color:var(--ink-3)}
.slot.pk{animation:pick 10s var(--ease) infinite}
.site-slots .slot.pk,.hs-slots .pk{background:var(--ink);color:var(--gold);box-shadow:none}
/* phone */
.hs{position:relative;width:250px;margin:0 auto;padding:10px;border-radius:40px;background:#0A0E1B;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14),0 40px 80px -30px rgba(0,0,0,.9)}
.hs::before{content:"";position:absolute;top:18px;left:50%;width:70px;height:20px;margin-left:-35px;border-radius:999px;background:#0A0E1B;z-index:3}
.hs-scr{position:relative;overflow:hidden;border-radius:31px;background:var(--cream);color:var(--ink);padding:46px 14px 84px;display:flex;flex-direction:column;gap:10px}
.hs-top{display:flex;align-items:center;justify-content:space-between;font:700 13px var(--display)}
.hs-top .mn{width:18px;height:12px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);position:relative}
.hs-top .mn::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid var(--ink)}
.hs-im{height:96px;border-radius:14px}
.hs-im img{position:absolute;inset:0}
.hs-h{font:700 18px/1.1 var(--display);letter-spacing:-.02em}
.hs-sub{margin-top:-6px;font-size:12px;color:var(--ink-3)}
.hs-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.hs-days span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:600 11px var(--body);color:var(--ink-3)}
.hs-days span b{font:700 14px var(--display);color:var(--ink)}
.hs-days span.on{background:var(--gold);color:var(--gold-ink);box-shadow:none}
.hs-days span.on b{color:var(--gold-ink)}
.hs-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hs-slots span{position:relative;padding:9px 0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-align:center;font:600 13px var(--body);color:var(--ink-2)}
.hs-slots .pk::after,.hs-btn::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(232,176,75,.55);opacity:0;transform:scale(.2);pointer-events:none}
.hs-slots .pk::after{animation:tap 10s ease-out infinite}
.hs-btn{position:relative;margin-top:2px;padding:12px 0;border-radius:999px;background:var(--gold);color:var(--gold-ink);text-align:center;font:600 13.5px var(--body);animation:btnOn 10s var(--ease) infinite}
.hs-btn::after{animation:tap2 10s ease-out infinite;background:rgba(255,255,255,.7)}
.hs-toast{position:absolute;left:12px;right:12px;bottom:14px;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;background:var(--ink);color:#fff;box-shadow:0 20px 40px -16px rgba(0,0,0,.6);animation:toast 10s var(--ease) infinite}
.hs-toast .ic2{flex-shrink:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--gold);color:var(--gold-ink)}
.hs-toast b{display:block;font:600 13.5px var(--display)}
.hs-toast small{display:block;font-size:11.5px;color:var(--mist-2)}
@keyframes pick{0%,18%{background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}21%,93%{background:var(--ink);color:var(--gold);box-shadow:none}97%,100%{background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}}
@keyframes tap{0%,17%{opacity:0;transform:scale(.2)}19%{opacity:1;transform:scale(.4)}25%,100%{opacity:0;transform:scale(1.6)}}
@keyframes tap2{0%,41%{opacity:0;transform:scale(.2)}43%{opacity:1;transform:scale(.5)}49%,100%{opacity:0;transform:scale(2.4)}}
@keyframes btnOn{0%,20%{background:#E9E2D2;color:var(--ink-3)}23%,42%{background:var(--gold);color:var(--gold-ink);transform:none}44%{transform:scale(.95)}46%,93%{background:var(--gold);color:var(--gold-ink);transform:none}97%,100%{background:#E9E2D2;color:var(--ink-3)}}
@keyframes toast{0%,48%{opacity:0;transform:translateY(24px)}53%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(24px)}}
@keyframes evIn{0%,54%{opacity:0;transform:translateY(8px)}59%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(8px)}}

/* ---------- web: small mini-UIs for feature cards ---------- */
.cms{display:grid;gap:7px;width:100%}
.cms .r{display:flex;align-items:center;justify-content:space-between;gap:10px;height:36px;padding:0 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;color:var(--ink-3)}
.cms .r b{font:600 13px var(--body);color:var(--ink)}
.cms .r.ed{box-shadow:inset 0 0 0 1.5px var(--gold)}
.cms .r.ed b::after{content:"";display:inline-block;width:1.5px;height:14px;margin-left:2px;vertical-align:-2px;background:var(--ink);animation:caret 1.1s steps(1) infinite}
.cms .sv{align-self:flex-end;justify-self:end;padding:7px 14px;border-radius:999px;background:var(--ink);color:var(--gold);font:600 12.5px var(--body)}
@keyframes caret{50%{opacity:0}}
.vitals{display:grid;gap:7px;width:100%}
.vitals .r{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:600 12.5px var(--body);color:var(--ink-2)}
.vitals .r i{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#14B8A6;box-shadow:0 0 0 4px rgba(20,184,166,.15);position:relative}
.vitals .r i::after{content:"";position:absolute;left:5px;top:4px;width:6px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.vitals .r em{margin-left:auto;font:500 11.5px var(--mono);font-style:normal;color:var(--ink-3)}
.pay{display:grid;gap:8px;width:100%}
.pay .card{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;color:var(--ink-3)}
.pay .card b{font:600 13px var(--body);color:var(--ink)}
.pay .card i{width:28px;height:18px;border-radius:4px;background:linear-gradient(135deg,var(--ink),#2B3B66)}
.pay .go2{height:38px;border-radius:999px;display:grid;place-items:center;background:var(--gold);color:var(--gold-ink);font:600 13px var(--body)}

/* ---------- ai: enquiry handled, with your approval ---------- */
.fdemo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center}
.fdemo>*{min-width:0}
.thread{border-radius:24px;overflow:hidden;background:var(--cream);color:var(--ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.thread-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;background:#F3EFE6;border-bottom:1px solid var(--line);font:600 13.5px var(--body)}
.thread-h .live{color:#0F766E}.thread-h .live i{background:#14B8A6}
.thread-b{display:flex;flex-direction:column;gap:12px;padding:18px}
.tm{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.tm small{display:flex;align-items:center;gap:8px;font:600 11.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.tm p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.tm.in{animation:aIn 14s var(--ease) infinite}
.tm.ai{background:linear-gradient(160deg,#FFF8E8,#FBEBC8);box-shadow:inset 0 0 0 1px #F0DDB4;animation:aDraft 14s var(--ease) infinite}
.tm.ai small{color:#7A5310}
.tm.ai small .spark{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:var(--ink);color:var(--gold)}
.tm.ai p span{display:block}
.tm.ai p .l1{animation:ty1 14s linear infinite}
.tm.ai p .l2{animation:ty2 14s linear infinite}
.tm.ai p .l3{animation:ty3 14s linear infinite}
.tm-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.tm-act .b{padding:8px 14px;border-radius:999px;font:600 12.5px var(--body)}
.tm-act .b.e{background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
.tm-act .b.ok{background:var(--ink);color:var(--gold);animation:press 14s var(--ease) infinite}
.tm-act .st{position:relative;margin-left:auto;display:grid;font:600 12.5px var(--body)}
.tm-act .st span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px;justify-self:end;white-space:nowrap}
.tm-act .st .w{color:#9A6B12;opacity:0;animation:stW 14s linear infinite}
.tm-act .st .s{color:#0F766E;animation:stS 14s linear infinite}
.tm-act .st .s::before{content:"";width:7px;height:7px;border-radius:50%;background:#14B8A6}
.tm-act .st .w::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.tlog{display:grid;gap:8px}
.tlog div{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--ink-2)}
.tlog .ic{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--ink);color:var(--gold)}
.tlog b{color:var(--ink);font-weight:600}
.tlog div:nth-child(1){animation:aLog1 14s var(--ease) infinite}
.tlog div:nth-child(2){animation:aLog2 14s var(--ease) infinite}
.pipe{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.pipe::before{content:"";position:absolute;left:37px;top:30px;bottom:30px;border-left:2px dashed rgba(232,176,75,.3)}
.pipe li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(232,176,75,.55),0 18px 40px -28px rgba(232,176,75,.5)}
.pipe .n{flex-shrink:0;position:relative;z-index:1;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#1B2440;box-shadow:inset 0 0 0 1px rgba(232,176,75,.35);color:var(--gold);font:500 13.5px var(--mono)}
.pipe b{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#fff;font:600 17px/1.3 var(--display);letter-spacing:-.01em}
.pipe span.d{display:block;margin-top:2px;font-size:15.5px;line-height:1.5;color:var(--mist)}
.pipe .you{padding:3px 9px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font:600 11px var(--body);letter-spacing:.08em;text-transform:uppercase}
.pipe li:nth-child(1){animation:p1 14s var(--ease) infinite}
.pipe li:nth-child(2){animation:p2 14s var(--ease) infinite}
.pipe li:nth-child(3){animation:p3 14s var(--ease) infinite}
.pipe li:nth-child(4){animation:p4 14s var(--ease) infinite}
.pipe li:nth-child(5){animation:p5 14s var(--ease) infinite}
.pipe li:nth-child(6){animation:p6 14s var(--ease) infinite}
/* timeline (14s): enquiry 0% / draft 8-31% / approve 35% / sent 38% / logged 45% / follow-up 56% / hold / reset 92% */
@keyframes aIn{0%{opacity:0;transform:translateY(10px)}4%,91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(10px)}}
@keyframes aDraft{0%,8%{opacity:0;transform:translateY(10px)}12%,91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(10px)}}
@keyframes ty1{0%,13%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}20%,100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}
@keyframes ty2{0%,20%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}26%,100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}
@keyframes ty3{0%,26%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}31%,100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}
@keyframes press{0%,33%{transform:none}35%{transform:scale(.92)}37%,100%{transform:none}}
@keyframes stW{0%,30%{opacity:1}36%,100%{opacity:0}}
@keyframes stS{0%,36%{opacity:0}39%,91%{opacity:1}96%,100%{opacity:0}}
@keyframes aLog1{0%,42%{opacity:0;transform:translateY(8px)}46%,91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(8px)}}
@keyframes aLog2{0%,53%{opacity:0;transform:translateY(8px)}57%,91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(8px)}}
@keyframes p1{0%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}3%,91%{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(232,176,75,.55),0 18px 40px -28px rgba(232,176,75,.5)}96%,100%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}}
@keyframes p2{0%,6%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}9%,91%{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(232,176,75,.55),0 18px 40px -28px rgba(232,176,75,.5)}96%,100%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}}
@keyframes p3{0%,12%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}15%,91%{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(232,176,75,.55),0 18px 40px -28px rgba(232,176,75,.5)}96%,100%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}}
@keyframes p4{0%,31%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}34%,91%{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(232,176,75,.55),0 18px 40px -28px rgba(232,176,75,.5)}96%,100%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}}
@keyframes p5{0%,40%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}43%,91%{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(232,176,75,.55),0 18px 40px -28px rgba(232,176,75,.5)}96%,100%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}}
@keyframes p6{0%,52%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}55%,91%{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(232,176,75,.55),0 18px 40px -28px rgba(232,176,75,.5)}96%,100%{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px -28px rgba(232,176,75,0)}}
/* reduced motion / screenshot: finished state (waiting chip hidden, sent chip shown) */
html.shot .tm-act .st .w{opacity:0}
@media (prefers-reduced-motion:reduce){.tm-act .st .w{opacity:0}.cms .r.ed b::after{animation:none}}

/* recipes under the demo */
.recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.recipes .flow{flex-wrap:nowrap}
.recipes .flow small{flex-shrink:0;width:118px;font:600 11.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}

/* ai: mini-UIs for feature cards */
.fups{display:flex;flex-direction:column;gap:7px;width:100%}
.fups .r{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;color:var(--ink-2)}
.fups .r em{flex-shrink:0;width:48px;font:500 11.5px var(--mono);font-style:normal;color:#9A6B12}
.fups .r.on{box-shadow:inset 0 0 0 1.5px var(--gold)}
.fups .r.dim{opacity:.55}
.ints{display:flex;flex-wrap:wrap;gap:6px;align-content:center;justify-content:center;width:100%}
.ints span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:600 12.5px var(--body);color:var(--ink-2)}
.ints span i{width:8px;height:8px;border-radius:2px;background:var(--gold);transform:rotate(45deg)}
.ints span.hub{background:var(--ink);color:var(--gold);box-shadow:none}
.ints span.hub i{background:var(--gold)}
.vis .vchip{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.35}
.vis .vchip .ic2{flex-shrink:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--gold);color:var(--gold-ink)}
.vis .vchip b{display:block;font:600 13.5px var(--body)}
.vis .vchip small{display:block;font-size:12px;color:var(--mist-2)}
.vis .vchip.l small{color:var(--ink-3)}

/* feature-card mini UIs sit below the number tag */
.svc .vis>.wv{padding-top:46px}

/* hero media: workflow strip at the bottom of the photo */
.hmedia .aiflow{left:18px;right:18px;bottom:18px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .devs{grid-template-columns:minmax(0,1fr) 230px;gap:24px}
  .fdemo{grid-template-columns:1fr}
  .recipes{grid-template-columns:1fr}
}
@media (max-width:860px){
  .devs{grid-template-columns:1fr;gap:28px}
  .devs .hs{order:-1}
}
@media (max-width:720px){
  .stage{padding:44px 14px 16px;border-radius:28px}
  .stage>.sample{top:18px;right:18px}
  .stage-cap{font-size:16px;gap:10px 18px}
  .devs .site-hero{grid-template-columns:1fr}
  .devs .site-hero .im{display:none}
  .site-ev time{display:none}
  .devs .site-hero .t b{font-size:22px}
  .site-nav .ln{display:none}.site-nav .cta{margin-left:auto}
  .site-ev{margin:0 10px 10px}
  .thread-b{padding:12px}
  .tm{padding:12px 14px}
  .tm p{font-size:16px}
  .tlog div{font-size:14px;padding:10px 12px}
  .pipe::before{left:35px}
  .pipe li{padding:12px 14px}
  .pipe b{font-size:16.5px}
  .pipe span.d{font-size:16px}
  .recipes .flow{flex-wrap:wrap;gap:8px 6px;padding:12px}
  .recipes .flow small{width:100%}
  .recipes .flow .node{font-size:13px;padding:6px 8px}
  .recipes .flow .wire{min-width:8px}
  .hmedia .aiflow{left:10px;right:10px;bottom:10px}
  .hmedia .aiflow .flow .node:last-child,.hmedia .aiflow .flow .wire:nth-last-child(2){display:none}
  .tm.ai p span{display:inline;animation:none}
}