/* /lead-attribution/calendly/ only: the invitee rail, the link rewriter, the sightline matrix,
   the event-type sieve. Every part reads as plain text without JS. */

/* ---------- hero: the invitee rail ---------- */
.cly-rail{border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep);overflow:hidden;font:400 .8rem/1.5 var(--sk-mono)}
.cly-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;border-bottom:1px solid var(--sk-line);color:var(--sk-text-3);font-size:.7rem;letter-spacing:.04em}
.cly-btn{flex:none;padding:.25rem .55rem;border:1px solid var(--sk-line-2);border-radius:3px;background:none;color:var(--sk-text-2);font:500 .68rem var(--sk-mono);cursor:pointer}
.cly-ref{margin:0;padding:1rem .9rem .2rem;color:var(--sk-text-3);font-size:.7rem;overflow-wrap:anywhere}
.cly-ref span{color:var(--sk-text-4)}
.cly-ref b{font-weight:500;color:var(--sk-people-t)}
.cly-track{position:relative;height:1.6rem;margin:.6rem 1.6rem 0}
.cly-line,.cly-fill{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:#22303d}
.cly-fill{right:auto;width:100%;background:linear-gradient(90deg,var(--sk-search),var(--sk-ai));transition:width .6s ease}
.cly-track::before,.cly-track::after{content:'';position:absolute;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--sk-deep);border:3px solid var(--sk-search);z-index:1}
.cly-track::before{left:-7px}.cly-track::after{right:-7px;border-color:var(--sk-ai)}
.cly-stops{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.4rem 0 0;padding:0 .9rem;list-style:none}
.cly-stop{display:flex;flex-direction:column;gap:.35rem;min-height:6.2rem;padding:.7rem 0;opacity:.2;transition:opacity .35s}
.cly-stop:last-child{align-items:flex-end;text-align:right}
.cly-stop.on{opacity:1}
.cly-chip{display:inline-block;padding:.3rem .55rem;border:1px solid var(--sk-line-2);border-radius:4px;background:var(--sk-ink-2);color:var(--sk-text);font-size:.72rem}
.cly-stop b{font:700 1rem var(--sk-disp);color:var(--sk-search)}
.cly-stop:last-child b{color:var(--sk-ai)}
.cly-stop i{font-style:normal;color:var(--sk-text-4);font-size:.68rem}
.cly-stop.drop .cly-chip{animation:clyDrop .55s cubic-bezier(.2,1.4,.5,1) both}
.cly-stop.drop b{animation:clyFade .4s .4s both}
@keyframes clyDrop{from{opacity:0;transform:translateY(-26px) rotate(-4deg)}to{opacity:1;transform:none}}
@keyframes clyFade{from{opacity:0}to{opacity:1}}
.cly-why{margin:0;padding:.4rem .9rem .9rem;min-height:3.4em;color:var(--sk-text-2);font:400 .84rem/1.5 var(--sk-sans)}
.cly-sum{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;padding:.6rem .9rem;border-top:1px solid var(--sk-line);color:var(--sk-text-3);font-size:.68rem}
.cly-sum b{color:var(--sk-text)}

/* ---------- 01: the link rewriter ---------- */
.cly-lk{padding:1.4rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-ink-2)}
.cly-lk-ctl{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}
.cly-lk-sw{display:flex;flex-wrap:wrap;gap:.5rem}
.cly-tog{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border:1px solid var(--sk-line-2);border-radius:999px;background:var(--sk-ink);color:var(--sk-text-2);font:600 .85rem var(--sk-sans);text-align:left;cursor:pointer}
.cly-tog-k{position:relative;flex:none;width:2.1rem;height:1.15rem;border-radius:999px;background:#2b3a49;transition:background .25s}
.cly-tog-k::after{content:'';position:absolute;top:.15rem;left:.15rem;width:.85rem;height:.85rem;border-radius:50%;background:var(--sk-text);transition:transform .25s}
.cly-tog[aria-checked="true"]{color:var(--sk-text);border-color:var(--sk-ai)}
.cly-tog[aria-checked="true"] .cly-tog-k{background:var(--sk-ai)}
.cly-tog[aria-checked="true"] .cly-tog-k::after{transform:translateX(.95rem)}
.cly-lk-k{margin:1.5rem 0 .5rem;font:500 .68rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-4)}
.cly-url{margin:0;padding:.9rem 1rem;border:1px solid var(--sk-line-2);border-radius:999px;background:var(--sk-deep);font:400 .84rem/1.45 var(--sk-mono);overflow-wrap:anywhere}
.cly-url-h{color:var(--sk-text)}
.cly-url-q{color:var(--sk-ai);font-weight:600}
.cly-url-q.typing{border-right:2px solid var(--sk-ai)}
.cly-html{margin:.6rem 0 0;padding:.7rem .9rem;border-left:3px solid var(--sk-line-2);color:var(--sk-text-3);font:400 .74rem/1.5 var(--sk-mono);overflow-wrap:anywhere}
.cly-verdict{margin:1rem 0 0;color:var(--sk-text-2);line-height:1.55}
.cly-verdict .tag{margin-right:.35rem}

/* ---------- 02: the sightline matrix ---------- */
.cly-see{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:2.5rem;align-items:start;margin-top:1.5rem}
.cly-see-l{margin:0;padding:0;list-style:none;border-top:2px solid var(--sk-ink)}
.cly-see-l li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"s b" "c b";gap:.15rem 1rem;align-items:center;padding:.75rem .9rem;border-bottom:1px solid var(--sk-paper-line);transition:background .3s}
.cly-see-l span{grid-area:s;font-weight:600}
.cly-see-l code{grid-area:c;font-size:.72rem;color:#5d6a77}
.cly-see-l b{grid-area:b;padding:.25rem .6rem;border-radius:3px;font:600 .72rem var(--sk-mono);text-transform:uppercase;letter-spacing:.06em}
.cly-see-l .y{display:none;background:var(--sk-ink);color:#9ff0cf}
.cly-see-l .n{color:#7c8792;border:1px dashed #b9ae99}
.cly-see[data-state="embed"] li[data-see~="embed"],.cly-see[data-state="link"] li[data-see~="link"],.cly-see[data-state="hook"] li[data-see~="hook"],.cly-see[data-state="both"] li[data-see~="both"]{background:#fff}
.cly-see[data-state="embed"] li[data-see~="embed"] .y,.cly-see[data-state="link"] li[data-see~="link"] .y,.cly-see[data-state="hook"] li[data-see~="hook"] .y,.cly-see[data-state="both"] li[data-see~="both"] .y{display:inline-block;animation:clyFade .3s both}
.cly-see[data-state="embed"] li[data-see~="embed"] .n,.cly-see[data-state="link"] li[data-see~="link"] .n,.cly-see[data-state="hook"] li[data-see~="hook"] .n,.cly-see[data-state="both"] li[data-see~="both"] .n{display:none}
.cly-see-l .cly-see-j{border-top:2px solid var(--sk-ink)}
.cly-see-say{padding:1.3rem;border:1px solid var(--sk-paper-line);border-radius:6px;background:#fbf8f2;line-height:1.6}
.cly-see-say p{margin:0 0 .8rem}
.cly-see-need{font:600 .78rem var(--sk-mono);color:var(--sk-ai-deep)}
.cly-see-fun{padding-top:.8rem;border-top:1px dashed var(--sk-paper-line);font-size:.92rem;color:var(--sk-paper-ink-2)}

/* ---------- 03: the event-type sieve ---------- */
.cly-sv{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem;align-items:start}
.cly-sv-k{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .8rem;font:600 .78rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-3)}
.cly-chk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .7rem;width:100%;margin:0 0 .45rem;padding:.7rem .9rem;border:1px solid var(--sk-line-2);border-radius:4px;background:var(--sk-ink);color:var(--sk-text-2);text-align:left;cursor:pointer}
.cly-chk span{grid-row:span 2;width:1rem;height:1rem;margin-top:.15rem;border:1.5px solid currentColor;border-radius:3px}
.cly-chk code{font-size:.78rem;overflow-wrap:anywhere;color:var(--sk-text)}
.cly-chk small{font-size:.72rem;color:var(--sk-text-4)}
.cly-chk[aria-pressed="true"]{border-color:var(--sk-search)}
.cly-chk[aria-pressed="true"] span{background:var(--sk-search);border-color:var(--sk-search);box-shadow:inset 0 0 0 2px var(--sk-ink)}
.cly-ren{margin:.6rem 0 0;padding:.55rem .8rem;border:1px dashed var(--sk-bots);border-radius:4px;background:none;color:var(--sk-bots);font:600 .82rem var(--sk-sans);text-align:left;cursor:pointer}
.cly-ren[aria-pressed="true"]{background:rgba(237,161,0,.12)}
.cly-sv-tip{margin:1rem 0 0;color:var(--sk-text-3);font-size:.88rem;line-height:1.55}
.cly-sv-flow{padding:1.2rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep)}
.cly-sv-in{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;font:400 .76rem/1.4 var(--sk-mono);color:var(--sk-text-2)}
.cly-sv-in li{padding:.45rem .6rem;border:1px solid var(--sk-line);border-radius:4px;background:var(--sk-ink-2);transition:border-color .3s,opacity .3s}
.cly-sv-in li code{color:var(--sk-text);margin-right:.3rem}
.cly-sv-in li small{display:block;color:var(--sk-text-4)}
.cly-sv-in li.k{border-color:var(--sk-search)}
.cly-sv-in li.g{opacity:.55}
.cly-sv-in li.fall{animation:clyFall .5s ease-in both}
@keyframes clyFall{0%{transform:translateY(-8px);opacity:0}100%{transform:none}}
.cly-sv-mesh{height:18px;margin:.8rem 0;background:repeating-linear-gradient(90deg,#33475a 0 2px,transparent 2px 10px),repeating-linear-gradient(0deg,#33475a 0 2px,transparent 2px 6px);opacity:.7}
.cly-sv-out{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.cly-sv-bin{padding:.8rem;border-radius:6px;border-top:3px solid var(--c);background:var(--sk-ink-2)}
.cly-sv-bin.kept{--c:var(--sk-search)}.cly-sv-bin.gone{--c:var(--sk-text-4)}
.cly-sv-bin p{display:flex;justify-content:space-between;margin:0 0 .5rem;font:600 .72rem var(--sk-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--sk-text-3)}
.cly-sv-bin p b{font:800 1.3rem/1 var(--sk-disp);color:var(--c)}
.cly-sv-bin ul{margin:0;padding:0;list-style:none;font:400 .74rem/1.45 var(--sk-mono);color:var(--sk-text-2)}
.cly-sv-bin li{padding:.3rem 0;border-top:1px solid var(--sk-line)}
.cly-sv-bin li.new{animation:clyFade .4s both}

/* ---------- 04: set up and limits ---------- */
.cly-cmd pre{font-size:.72rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.cly-keep{margin:0;padding:0;list-style:none}
.cly-keep li{padding:.75rem 0;border-bottom:1px solid var(--sk-line);color:var(--sk-text-2);line-height:1.6}
.cly-keep b{display:block;font:600 .72rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text)}

@media (max-width:980px){
  .cly-see,.cly-sv{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .cly-stops{grid-template-columns:1fr 1fr;gap:.5rem}
  .cly-stop b{font-size:.88rem}
  .cly-sv-out{grid-template-columns:minmax(0,1fr)}
  .cly-url{border-radius:8px}
  .cly-lk{padding:1rem}
}