/* ============================================================
   orbit-product.css — Orbit page PRODUCT VISUALS.
   Neo-brutalist editorial: white cards, 2px ink borders,
   hard offset shadows, square corners, mono labels, peri/purple
   accents. Scoped to #quely-meetings.qpage.
   ============================================================ */

/* ============================================================
   HERO
   ============================================================ */
#quely-meetings .hero { padding-top:clamp(48px,6vw,92px); padding-bottom:clamp(40px,5vw,72px); }
#quely-meetings .hero-grid { display:grid; grid-template-columns:minmax(300px,0.82fr) 1.18fr; gap:clamp(32px,4vw,60px); align-items:center; }
#quely-meetings .hero-copy .sec-eyebrow { justify-content:flex-start; }
#quely-meetings .hero h1 { font-family:var(--font-marketing); font-weight:600; font-size:clamp(40px,4.4vw,64px); line-height:1.02; letter-spacing:-0.045em; color:var(--ink); margin:18px 0 0; text-wrap:balance; }
#quely-meetings .hero-em { color:var(--purple); }
#quely-meetings .hero .lead { margin:22px 0 0; max-width:48ch; }
#quely-meetings .hero-ctas { display:flex; align-items:center; gap:16px; margin-top:32px; flex-wrap:wrap; justify-content:flex-start; }
#quely-meetings .hero-secondary { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-2); text-decoration:none; transition:color .15s; }
#quely-meetings .hero-secondary:hover { color:var(--purple); }
#quely-meetings .hero-secondary svg { transition:transform .2s ease; }
#quely-meetings .hero-secondary:hover svg { transform:translate(2px,-2px); }

/* hero retrieve-from-stack chip rail */
#quely-meetings .hero-logos { margin-top:42px; display:flex; flex-direction:column; align-items:center; gap:16px; }
#quely-meetings .hl-label { font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .hl-marquee { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; max-width:780px; }
#quely-meetings .hl-marquee .hl-track:nth-child(2) { display:none; }
#quely-meetings .hl-track { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
#quely-meetings .hl-chip { display:inline-flex; align-items:center; gap:8px; padding:7px 13px 7px 9px; border:1.5px solid var(--line); background:var(--card); }
#quely-meetings .hl-chip .hl-logo { width:18px; height:18px; display:flex; align-items:center; justify-content:center; flex:none; }
#quely-meetings .hl-chip .hl-logo img { width:18px; height:18px; object-fit:contain; }
#quely-meetings .hl-chip .hl-name { font-family:var(--font-mono); font-size:12px; font-weight:600; color:var(--ink); }

/* hero product stage */
#quely-meetings .hero-stage { margin:0; max-width:none; position:relative; }
#quely-meetings .stage-glow { display:none; }
#quely-meetings .stage-frame { position:relative; z-index:1; }

/* ============================================================
   GENERIC PRODUCT FRAME (window mock)
   ============================================================ */
#quely-meetings .ob-frame { position:relative; border:2px solid var(--line); background:#fff; box-shadow:6px 6px 0 var(--ink); overflow:hidden; }
#quely-meetings .ob-bar { display:flex; align-items:center; gap:8px; padding:11px 15px; background:var(--paper-2); border-bottom:2px solid var(--line); }
#quely-meetings .ob-bar .tl { width:11px; height:11px; border-radius:50%; border:1.5px solid var(--line); }
#quely-meetings .ob-bc { display:inline-flex; align-items:center; gap:8px; margin-left:6px; font-family:var(--font-mono); font-size:12px; font-weight:500; color:var(--ink-2); }
#quely-meetings .ob-bc img { width:16px; height:16px; object-fit:contain; }
#quely-meetings .ob-bc b { color:var(--ink); font-weight:700; }
#quely-meetings .ob-bc-sep { color:var(--ink-3); }
#quely-meetings .ob-bc-url { margin-left:auto; display:inline-flex; align-items:center; gap:7px; font-family:var(--font-mono); font-size:11.5px; color:var(--ink-3); }

/* hero card: retrieval */
#quely-meetings .ob-hero-card { box-shadow:8px 8px 0 var(--purple); }
#quely-meetings .ob-retr { display:grid; grid-template-columns:0.92fr 1.08fr; }
#quely-meetings .ob-retr-l { padding:26px 28px; border-right:2px solid var(--line); }
#quely-meetings .ob-retr-r { padding:26px 28px; position:relative; background:var(--paper); }
#quely-meetings .ob-ask { display:flex; align-items:center; gap:11px; padding:11px 12px; border:2px solid var(--line); background:#fff; }
#quely-meetings .ob-ask-ava { width:30px; height:30px; border-radius:50%; object-fit:cover; background:#EDE6F6; flex:none; }
#quely-meetings .ob-ask-q { flex:1; min-width:0; font-family:var(--font-product); font-size:14px; font-weight:500; color:var(--ink); display:inline-flex; align-items:center; min-height:18px; }
#quely-meetings .ob-ask-caret { display:none; width:2px; height:16px; background:var(--purple); margin-left:1px; animation:obcaret .8s step-end infinite; }
#quely-meetings .ob-ask-ph { color:var(--ink-3); font-weight:400; }
@keyframes obcaret { 50% { opacity:0; } }
#quely-meetings .ob-ask-go { width:30px; height:30px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
/* answer */
#quely-meetings .ob-ans-head { display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--purple); }
#quely-meetings .ob-orbit-dot { width:9px; height:9px; border-radius:50%; background:var(--purple); box-shadow:0 0 0 4px rgba(92,40,164,.16); }
#quely-meetings .ob-ans-body { font-family:var(--font-product); font-size:15px; line-height:1.55; color:var(--ink); margin:14px 0 0; }
#quely-meetings .ob-ans-body b { font-weight:700; background:linear-gradient(180deg,transparent 12%, var(--peri-soft) 12%, var(--peri-soft) 88%, transparent 88%); }
#quely-meetings .ob-cites-lbl { font-family:var(--font-mono); font-size:10.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin:20px 0 0; }
#quely-meetings .ob-cites { display:flex; flex-wrap:wrap; gap:8px; margin-top:11px; }
#quely-meetings .ob-cite { display:inline-flex; align-items:center; gap:7px; padding:6px 11px; border:1.5px solid var(--line); background:#fff; font-family:var(--font-product); font-size:12px; font-weight:600; color:var(--ink); }
#quely-meetings .ob-cite-logo { width:15px; height:15px; display:flex; flex:none; }
#quely-meetings .ob-cite-logo img { width:15px; height:15px; object-fit:contain; }
#quely-meetings .ob-cite-k { font-family:var(--font-mono); color:var(--purple); font-weight:600; }
#quely-meetings .ob-hero-mascot { position:absolute; right:18px; bottom:14px; width:74px; height:auto; filter:drop-shadow(3px 3px 0 var(--ink)); }

/* buffering block */
#quely-meetings .ob-buffer { display:none; }
#quely-meetings .ob-buf-analyzing { display:flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:12px; font-weight:500; color:var(--ink-2); }
#quely-meetings .ob-buf-spin { width:13px; height:13px; flex:none; border:2px solid rgba(92,40,164,.25); border-top-color:var(--purple); border-radius:50%; animation:obspin .7s linear infinite; }
@keyframes obspin { to { transform:rotate(360deg); } }
#quely-meetings .ob-buf-pill { display:flex; align-items:center; gap:10px; margin-top:14px; padding:14px 16px; border:2px solid var(--purple); background:#fff; font-family:var(--font-marketing); font-size:16px; font-weight:600; letter-spacing:-0.01em; color:var(--ink); box-shadow:4px 4px 0 var(--peri); }
#quely-meetings .ob-buf-pill svg { flex:none; }

/* answer hidden until revealed */
#quely-meetings .ob-answer { opacity:0; transform:translateY(8px); transition:opacity .5s ease, transform .5s cubic-bezier(.2,.7,.3,1); }
#quely-meetings .ob-hero-mascot { opacity:1; }
/* state machine */
#quely-meetings .ob-retr[data-on="1"] .ob-buffer { display:block; }
#quely-meetings .ob-retr[data-on="1"] .ob-answer { display:none; }
#quely-meetings .ob-retr[data-on="2"] .ob-buffer { display:none; }
#quely-meetings .ob-retr[data-on="2"] .ob-answer { opacity:1; transform:none; }
/* before send (typing): both hidden */
#quely-meetings .ob-retr[data-on="0"] .ob-buffer, #quely-meetings .ob-retr[data-on="0"] .ob-answer { display:none; }

/* ============================================================
   HERO — Orbit Chat panel (animated)
   ============================================================ */
#quely-meetings .ob-chat { border:1px solid #E7E2EE; border-radius:16px; box-shadow:0 34px 68px -30px rgba(40,18,84,.42), 0 2px 6px rgba(40,18,84,.05); background:#fff; display:flex; flex-direction:column; overflow:hidden; }
#quely-meetings .ob-chat-head { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid #EFEAF6; background:#F6F1FC; }
#quely-meetings .oc-threads { display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(40,18,84,.06); font-family:var(--font-marketing); font-size:14px; font-weight:700; color:var(--ink); }
#quely-meetings .oc-title { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-marketing); font-size:14px; font-weight:700; color:var(--ink); background:#fff; border:1px solid #E3D2FB; border-radius:999px; padding:7px 13px; box-shadow:0 1px 2px rgba(40,18,84,.06); }
#quely-meetings .oc-title img { width:20px; height:20px; border-radius:50%; }
#quely-meetings .ob-chat-body { padding:20px 18px 8px; display:flex; flex-direction:column; gap:16px; min-height:380px; }
/* user question — borderless lavender bubble */
#quely-meetings .oc-user { align-self:flex-end; max-width:80%; text-align:right; opacity:0; transform:translateY(6px); transition:opacity .35s ease, transform .35s ease; }
#quely-meetings .oc-user.show { opacity:1; transform:none; }
#quely-meetings .oc-bub { display:inline-block; padding:12px 17px; border-radius:16px 16px 5px 16px; background:#F1ECF9; font-family:var(--font-product); font-size:14.5px; line-height:1.4; color:var(--ink-2); }
#quely-meetings .oc-time { display:block; margin-top:7px; font-family:var(--font-product); font-size:11.5px; color:var(--ink-3); }
/* orbit answer card */
#quely-meetings .oc-card { border:1px solid #ECE8F2; border-radius:14px; background:#fff; box-shadow:0 1px 2px rgba(40,18,84,.05); padding:16px 18px 18px; }
#quely-meetings .oc-card-head { display:flex; align-items:center; justify-content:space-between; }
#quely-meetings .oc-ava { width:38px; height:38px; border-radius:50%; object-fit:cover; background:#EDE6F6; }
#quely-meetings .oc-dots { color:var(--ink-3); display:flex; }
/* buffer */
#quely-meetings .oc-buffer { display:none; margin-top:14px; }
#quely-meetings .ob-chat[data-on="buffer"] .oc-buffer { display:block; }
#quely-meetings .oc-analyzing { display:flex; align-items:center; gap:9px; font-family:var(--font-product); font-size:13.5px; color:var(--ink-2); }
#quely-meetings .oc-spin { width:13px; height:13px; flex:none; border:2px solid rgba(92,40,164,.22); border-top-color:var(--purple); border-radius:50%; animation:obspin .7s linear infinite; }
#quely-meetings .oc-retrieving { position:relative; display:flex; align-items:center; gap:10px; margin-top:12px; padding:14px 16px; border-radius:12px; background:#fff; font-family:var(--font-marketing); font-size:15.5px; font-weight:600; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .oc-retrieving::before { content:""; position:absolute; inset:0; border-radius:12px; padding:1.5px; background:linear-gradient(95deg,#E0A9C6,#B58CF0 45%,#8FD9C4); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
#quely-meetings .oc-retrieving svg { flex:none; }
/* answer body */
#quely-meetings .oc-answer { display:none; margin-top:14px; }
#quely-meetings .ob-chat[data-on="answer"] .oc-answer { display:block; }
#quely-meetings .oc-a-block { opacity:0; transform:translateY(6px); transition:opacity .45s ease, transform .45s ease; }
#quely-meetings .ob-chat[data-on="answer"] .oc-a-block.in { opacity:1; transform:none; }
#quely-meetings .oc-a-intro { font-family:var(--font-product); font-size:14.5px; line-height:1.55; color:var(--ink); margin:0; }
#quely-meetings .oc-a-intro b { font-weight:700; }
#quely-meetings .oc-a-ol { margin:14px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:12px; }
#quely-meetings .oc-a-ol > li { font-family:var(--font-product); }
#quely-meetings .oc-a-ol > li::marker { font-size:14px; color:var(--ink-2); }
#quely-meetings .oc-li-h { font-family:var(--font-marketing); font-size:14.5px; font-weight:700; color:var(--ink); margin:0; }
#quely-meetings .oc-li-sub { list-style:none; padding:0; margin:6px 0 0; display:flex; flex-direction:column; gap:5px; }
#quely-meetings .oc-li-sub li { position:relative; padding-left:15px; font-size:13.5px; line-height:1.5; color:var(--ink-2); }
#quely-meetings .oc-li-sub li::before { content:""; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:var(--ink-3); }
#quely-meetings .oc-answer b { font-weight:700; color:var(--ink); }
/* actions row */
#quely-meetings .oc-actions { display:none; align-items:center; gap:10px; padding:14px 16px; border:1px solid #ECE8F2; border-radius:12px; box-shadow:0 1px 2px rgba(40,18,84,.05); }
#quely-meetings .ob-chat[data-on="answer"] .oc-actions.in { display:flex; opacity:0; animation:ocfade .5s ease forwards; }
@keyframes ocfade { to { opacity:1; } }
#quely-meetings .oc-act-spark { display:flex; flex:none; }
#quely-meetings .oc-act-name { font-family:var(--font-marketing); font-size:15px; font-weight:700; color:var(--ink); }
#quely-meetings .oc-act-count { min-width:20px; height:20px; padding:0 6px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#FCE7E4; font-family:var(--font-product); font-size:12px; font-weight:700; color:#C2410C; }
#quely-meetings .oc-beta { font-family:var(--font-product); font-size:11px; font-weight:700; letter-spacing:.04em; color:#2563EB; background:#E7F0FE; border:1px solid #C9DDFB; border-radius:999px; padding:3px 9px; }
#quely-meetings .oc-act-chev { margin-left:auto; color:var(--ink-3); }
/* composer */
#quely-meetings .ob-chat-input { border-top:1px solid #F1EEF6; padding:12px 16px 14px; }
#quely-meetings .oc-pills { display:flex; gap:8px; margin-bottom:10px; }
#quely-meetings .oc-pill { display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border:1px solid #ECE8F2; border-radius:999px; font-family:var(--font-product); font-size:12.5px; font-weight:600; color:var(--ink-2); }
#quely-meetings .oc-field { display:flex; align-items:center; gap:10px; padding:12px 13px; border:1px solid #E7E2EE; border-radius:11px; background:#fff; }
#quely-meetings .oc-typed { flex:1; min-width:0; display:inline-flex; align-items:center; font-family:var(--font-product); font-size:14px; color:var(--ink); min-height:18px; }
#quely-meetings .oc-caret { display:none; width:2px; height:15px; background:var(--purple); margin-left:1px; animation:obcaret .8s step-end infinite; }
#quely-meetings .oc-ph { color:var(--ink-3); }
#quely-meetings .oc-send { width:30px; height:30px; flex:none; display:flex; align-items:center; justify-content:center; border-radius:8px; color:var(--ink-3); }
@media (max-width:560px){
  #quely-meetings .ob-chat-body { min-height:340px; }
}
/* static Orbit Chat (Find anything section) */
#quely-meetings .oc-static2 .oc-a-block { opacity:1 !important; transform:none !important; }
#quely-meetings .oc-static2 .oc-actions { display:flex; }
#quely-meetings .oc-menu { align-self:flex-start; width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #ECE8F2; border-radius:9px; color:var(--ink-2); box-shadow:0 1px 2px rgba(40,18,84,.05); }
#quely-meetings .oc-a-plain { list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:7px; }
#quely-meetings .oc-a-plain li { position:relative; padding-left:18px; font-family:var(--font-product); font-size:13.5px; line-height:1.5; color:var(--ink-2); }
#quely-meetings .oc-a-plain li::before { content:""; position:absolute; left:4px; top:8px; width:5px; height:5px; border-radius:50%; background:var(--ink-3); }
#quely-meetings .oc-a-plain b { font-weight:700; color:var(--ink); }
#quely-meetings .oc-clip { position:relative; max-height:330px; overflow:hidden; }
#quely-meetings .oc-clip::after { content:""; position:absolute; left:0; right:0; bottom:0; height:64px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 88%); pointer-events:none; }

/* ============================================================
   PAIR LAYOUT (copy + visual)
   ============================================================ */
#quely-meetings .ob-pair { display:grid; grid-template-columns:0.92fr 1.08fr; gap:clamp(32px,4vw,64px); align-items:center; }
#quely-meetings .ob-pair.rev { grid-template-columns:1.08fr 0.92fr; }
/* find-anything visual */
#quely-meetings .ob-find { }
#quely-meetings .ob-find-chat { padding:22px 22px 20px; display:flex; flex-direction:column; gap:16px; }
#quely-meetings .ob-find-chat .oc-user { align-self:flex-end; max-width:82%; text-align:right; }
#quely-meetings .ob-find-chat .oc-bub { display:inline-block; padding:12px 16px; border:2px solid var(--line); background:var(--paper); font-family:var(--font-product); font-size:14.5px; line-height:1.4; color:var(--ink); }
#quely-meetings .ob-find-chat .oc-time { display:block; margin-top:7px; font-family:var(--font-product); font-size:11.5px; color:var(--ink-3); }
#quely-meetings .ob-find-answer2 { position:relative; border:2px solid var(--line); background:#fff; box-shadow:5px 5px 0 var(--ink); padding:18px 20px; }
#quely-meetings .ffa-head { display:flex; align-items:center; justify-content:space-between; }
#quely-meetings .ffa-ava { width:36px; height:36px; border-radius:50%; object-fit:cover; background:#EDE6F6; }
#quely-meetings .ffa-dots { color:var(--ink-3); display:flex; }
#quely-meetings .ffa-intro { font-family:var(--font-product); font-size:14.5px; line-height:1.55; color:var(--ink); margin:14px 0 0; }
#quely-meetings .ffa-h { font-family:var(--font-marketing); font-size:15px; font-weight:700; color:var(--ink); margin:16px 0 0; }
#quely-meetings .ffa-p { font-family:var(--font-product); font-size:13.5px; line-height:1.55; color:var(--ink-2); margin:8px 0 0; }
#quely-meetings .ffa-p b { font-weight:700; color:var(--ink); }
#quely-meetings .ffa-ul { list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:7px; }
#quely-meetings .ffa-ul li { position:relative; padding-left:18px; font-family:var(--font-product); font-size:13.5px; line-height:1.5; color:var(--ink-2); }
#quely-meetings .ffa-ul li::before { content:""; position:absolute; left:4px; top:8px; width:5px; height:5px; border-radius:50%; background:var(--ink-3); }
#quely-meetings .ffa-ul b { font-weight:700; color:var(--ink); }
#quely-meetings .ob-find-answer2.oc-clip { max-height:340px; overflow:hidden; }
#quely-meetings .ob-find-answer2.oc-clip::after { content:""; position:absolute; left:0; right:0; bottom:0; height:60px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 90%); pointer-events:none; }
#quely-meetings .ob-find-field { display:flex; align-items:center; gap:10px; padding:13px 14px; border:2px solid var(--line); background:var(--paper); }
#quely-meetings .off-ph { flex:1; min-width:0; font-family:var(--font-product); font-size:14px; color:var(--ink-3); }
#quely-meetings .off-send { width:30px; height:30px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
#quely-meetings .ob-pair-copy .sec-head { max-width:none; }
#quely-meetings .sec-eyebrow { font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--purple); display:inline-flex; align-items:center; gap:11px; }
#quely-meetings .sec-eyebrow::before { content:""; width:24px; height:2px; background:var(--purple); display:inline-block; }
#quely-meetings .sec-head.center .sec-eyebrow { justify-content:center; }
#quely-meetings .sec-head.center .sec-eyebrow::before { display:none; }
#quely-meetings .sec-title { font-family:var(--font-marketing); font-weight:600; font-size:clamp(30px,4vw,46px); line-height:1.05; letter-spacing:-0.04em; color:var(--ink); margin:18px 0 0; text-wrap:balance; }
#quely-meetings .sec-sub { font-size:clamp(16px,1.4vw,19px); line-height:1.55; color:var(--ink-2); margin:18px 0 0; max-width:620px; text-wrap:pretty; }
/* legacy accent -> peri highlight swipe */
#quely-meetings .hl-violet { background:linear-gradient(180deg,transparent 10%, var(--amber) 10%, var(--amber) 90%, transparent 90%); padding:0 .08em; box-decoration-break:clone; -webkit-box-decoration-break:clone; color:var(--ink); }

/* ============================================================
   ASK BETTER QUESTIONS
   ============================================================ */
#quely-meetings .ob-qpanel { padding:0; }
#quely-meetings .ob-qpanel .ob-item-head { display:flex; align-items:center; gap:10px; padding:16px 22px 0; }
#quely-meetings .ob-ico { width:26px; height:26px; border:2px solid var(--line); display:flex; align-items:center; justify-content:center; flex:none; }
#quely-meetings .ob-key { font-family:var(--font-mono); font-size:12px; font-weight:700; color:var(--ink); }
#quely-meetings .ob-srctag { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:11px; font-weight:600; color:var(--ink-2); border:1.5px solid var(--line); padding:3px 9px; }
#quely-meetings .ob-srctag img { width:13px; height:13px; object-fit:contain; }
#quely-meetings .ob-item-title { font-family:var(--font-marketing); font-size:21px; font-weight:600; letter-spacing:-0.02em; color:var(--ink); margin:13px 0 0; padding:0 22px; }
#quely-meetings .ob-q-orbithead { display:flex; align-items:center; gap:10px; margin:18px 0 0; padding:13px 22px; border-top:2px solid var(--line); border-bottom:2px solid var(--line); background:var(--paper-2); }
#quely-meetings .oh-ava { width:28px; height:28px; border-radius:50%; object-fit:cover; background:#EDE6F6; flex:none; }
#quely-meetings .oh-t { font-family:var(--font-marketing); font-size:14px; font-weight:600; color:var(--ink); }
#quely-meetings .oh-meta { font-family:var(--font-mono); font-size:11px; color:var(--ink-3); margin-left:auto; }
#quely-meetings .ob-qlist { display:flex; flex-direction:column; padding:8px 0 14px; }
#quely-meetings .ob-qrow { display:flex; align-items:flex-start; gap:12px; padding:14px 22px; border-bottom:1px solid rgba(26,22,17,.12); }
#quely-meetings .ob-qrow:last-child { border-bottom:none; }
#quely-meetings .ob-q-mark { width:24px; height:24px; flex:none; display:flex; align-items:center; justify-content:center; border:2px solid var(--purple); color:var(--purple); font-family:var(--font-mono); font-size:13px; font-weight:700; }
#quely-meetings .ob-q-txt { flex:1; font-family:var(--font-product); font-size:14px; line-height:1.5; color:var(--ink); }
#quely-meetings .ob-q-tag { flex:none; font-family:var(--font-mono); font-size:9.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--purple); background:var(--peri-soft); padding:4px 8px; align-self:center; }
#quely-meetings .ob-q-foot { border-top:1px solid rgba(26,22,17,.12); padding:18px 22px 20px; }
#quely-meetings .ob-q-mention { display:flex; align-items:center; gap:11px; font-family:var(--font-marketing); font-size:15px; font-weight:600; color:var(--ink); cursor:default; }
#quely-meetings .ob-q-check { width:22px; height:22px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--ink); border:2px solid var(--ink); }
#quely-meetings .ob-q-actions { display:flex; gap:12px; margin-top:16px; }
#quely-meetings .ob-q-actions .btn { flex:1; }

/* ============================================================
   ESTIMATION (bento — 3 ways Orbit supports estimation)
   ============================================================ */
#quely-meetings .ob-bento { display:grid; grid-template-columns:1.04fr 0.96fr; gap:24px; align-items:start; margin-top:clamp(40px,5vw,56px); }
#quely-meetings .ob-bcol { display:flex; flex-direction:column; gap:24px; }
#quely-meetings .ob-ecard { border:2px solid var(--line); background:#fff; box-shadow:6px 6px 0 var(--ink); padding:24px 24px 22px; transition:box-shadow .18s ease, transform .18s ease; }
#quely-meetings .ob-ecard:hover { box-shadow:6px 6px 0 var(--purple); transform:translate(-2px,-2px); }
#quely-meetings .ob-ecard-head { display:flex; align-items:center; gap:11px; }
#quely-meetings .ob-ecard-ico { width:34px; height:34px; flex:none; border:2px solid var(--line); display:flex; align-items:center; justify-content:center; }
#quely-meetings .ob-ecard-t { font-family:var(--font-marketing); font-size:19px; font-weight:600; letter-spacing:-0.02em; color:var(--ink); margin:0; }
#quely-meetings .ob-ecard-meta { margin-left:auto; font-family:var(--font-mono); font-size:11px; color:var(--ink-3); }

/* point picker */
#quely-meetings .ob-pts { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
#quely-meetings .ob-pt { width:42px; height:42px; display:flex; align-items:center; justify-content:center; border:2px solid var(--line); background:#fff; font-family:var(--font-mono); font-size:15px; font-weight:600; color:var(--ink); }
#quely-meetings .ob-pt.sel { background:var(--ink); color:#fff; }

/* seniority inset */
#quely-meetings .ob-sen { margin-top:20px; border:2px solid var(--line); background:var(--paper); padding:16px 16px 14px; }
#quely-meetings .ob-sen-lbl { font-family:var(--font-mono); font-size:10.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin:0; }
#quely-meetings .ob-sen-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:13px; }
#quely-meetings .ob-sen-c { border:2px solid var(--line); background:#fff; padding:12px 11px; display:flex; flex-direction:column; gap:4px; }
#quely-meetings .ob-sen-c.sel { background:var(--peri-soft); border-color:var(--purple); }
#quely-meetings .ob-sen-c .sn { display:flex; align-items:center; gap:5px; font-family:var(--font-marketing); font-size:14px; font-weight:600; color:var(--ink); }
#quely-meetings .ob-sen-c .sv { font-family:var(--font-marketing); font-size:21px; font-weight:700; color:var(--ink); letter-spacing:-0.02em; }
#quely-meetings .ob-sen-c.sel .sv { color:var(--purple); }
#quely-meetings .ob-sen-c .sp { font-family:var(--font-mono); font-size:10.5px; color:var(--ink-3); }
#quely-meetings .ob-sen-c.sel .sp { color:var(--purple); }
#quely-meetings .ob-sen-rec { display:flex; align-items:center; gap:8px; margin:14px 0 0; font-family:var(--font-product); font-size:13px; line-height:1.4; color:var(--ink-2); }
#quely-meetings .ob-sen-rec svg { flex:none; }
#quely-meetings .ob-sen-rec b { color:var(--ink); font-weight:700; }

/* card actions */
#quely-meetings .ob-ecard-actions { display:flex; gap:10px; margin-top:20px; }
#quely-meetings .ob-ecard-actions .btn { flex:1; }

/* submitted band */
#quely-meetings .ob-submitted { display:flex; align-items:center; gap:10px; margin-top:16px; padding:12px 14px; border:2px solid var(--purple); background:var(--peri-soft); font-family:var(--font-product); font-size:13px; font-weight:500; color:var(--purple-deep); }
#quely-meetings .ob-submitted .sy-check { width:20px; height:20px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
#quely-meetings .ob-submitted b { font-weight:700; }

/* subtasks card */
#quely-meetings .ob-sub-desc { font-family:var(--font-product); font-size:14px; line-height:1.5; color:var(--ink-2); margin:16px 0 0; }
#quely-meetings .ob-sub-desc b { color:var(--ink); font-weight:700; }
#quely-meetings .ob-check { width:20px; height:20px; flex:none; border:2px solid var(--line); display:flex; align-items:center; justify-content:center; background:#fff; }
#quely-meetings .ob-check.on { background:var(--ink); }
#quely-meetings .ob-sub-bar { display:flex; align-items:center; gap:10px; margin-top:16px; }
#quely-meetings .ob-sub-selall { font-family:var(--font-marketing); font-size:14px; font-weight:600; color:var(--ink); }
#quely-meetings .ob-sub-create { margin-left:auto; font-family:var(--font-mono); font-size:11px; font-weight:600; color:#fff; background:var(--ink); padding:7px 13px; border-radius:999px; }
#quely-meetings .ob-subtask { margin-top:12px; border:2px solid var(--line); background:var(--paper); padding:13px 14px; }
#quely-meetings .ob-subtask-head { display:flex; align-items:center; gap:10px; }
#quely-meetings .ob-subtask-head .st-name { font-family:var(--font-marketing); font-size:14.5px; font-weight:600; color:var(--ink); }
#quely-meetings .ob-subtask-head .st-sp { font-family:var(--font-mono); font-size:10.5px; font-weight:700; color:var(--purple); background:#fff; border:1.5px solid var(--purple); padding:2px 7px; }
#quely-meetings .ob-subtask-head .st-n { margin-left:auto; font-family:var(--font-mono); font-size:11px; color:var(--ink-3); }
#quely-meetings .ob-subtask-body { margin-top:12px; padding-top:12px; border-top:1px solid rgba(26,22,17,.14); }
#quely-meetings .ob-subtask-body .st-h { display:block; font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--purple); margin-top:10px; }
#quely-meetings .ob-subtask-body .st-h:first-child { margin-top:0; }
#quely-meetings .ob-subtask-body p { font-family:var(--font-product); font-size:12.5px; line-height:1.5; color:var(--ink-2); margin:5px 0 0; }

/* refine card (right column) */
#quely-meetings .ob-refine { height:100%; display:flex; flex-direction:column; }
#quely-meetings .ob-refine-list { display:flex; flex-direction:column; gap:10px; margin-top:16px; }
#quely-meetings .ob-refine-q { border:2px solid var(--line); background:var(--paper); padding:14px 15px; font-family:var(--font-product); font-size:14px; line-height:1.45; font-weight:500; color:var(--ink); }
#quely-meetings .ob-refine .ob-ecard-actions { margin-top:auto; padding-top:20px; }

/* ============================================================
   BENEFITS BENTO
   ============================================================ */
#quely-meetings .ob-benefits { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; margin-top:clamp(40px,5vw,56px); }
#quely-meetings .ob-benefit { grid-column:span 2; border:2px solid var(--line); background:#fff; box-shadow:6px 6px 0 var(--ink); padding:28px 28px 30px; display:flex; flex-direction:column; transition:box-shadow .18s ease, transform .18s ease; }
#quely-meetings .ob-benefit.b-wide { grid-column:span 3; }
#quely-meetings .ob-benefit:hover { box-shadow:6px 6px 0 var(--purple); transform:translate(-2px,-2px); }
#quely-meetings .ob-benefit-ico { width:48px; height:48px; flex:none; border:2px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--purple); background:var(--peri-soft); }
#quely-meetings .ob-benefit-t { font-family:var(--font-marketing); font-size:20px; font-weight:600; letter-spacing:-0.025em; color:var(--ink); margin:20px 0 0; }
#quely-meetings .ob-benefit-b { font-family:var(--font-product); font-size:14.5px; line-height:1.55; color:var(--ink-2); margin:11px 0 0; max-width:52ch; }

/* ============================================================
   MEETING CAPTURE (dark band)
   ============================================================ */
#quely-meetings .sp-dark-band { background:var(--ink); color:var(--paper); border-top:2px solid var(--line); border-bottom:2px solid var(--line); }
#quely-meetings .sp-dark-band .sec-eyebrow { color:var(--peri-soft); }
#quely-meetings .sp-dark-band .sec-eyebrow::before { background:var(--peri); }
#quely-meetings .sp-dark-band .sec-title { color:var(--paper); }
#quely-meetings .sp-dark-band .hl-violet { background:linear-gradient(180deg,transparent 10%, var(--peri) 10%, var(--peri) 90%, transparent 90%); color:#fff; }
#quely-meetings .sp-dark-band .sec-sub { color:rgba(236,231,242,.7); }
#quely-meetings .ob-handoff { display:grid; grid-template-columns:0.82fr 1.18fr; gap:clamp(32px,4vw,56px); align-items:center; margin-top:clamp(36px,4vw,56px); }
/* steps */
#quely-meetings .ob-flow { display:flex; flex-direction:column; }
#quely-meetings .ob-step { display:flex; gap:15px; padding:18px 0; border-bottom:1px solid rgba(201,193,242,.18); opacity:.5; transition:opacity .35s ease; }
#quely-meetings .ob-step:last-child { border-bottom:none; }
#quely-meetings .ob-step.on { opacity:1; }
#quely-meetings .ob-step.dim { opacity:.4; }
#quely-meetings .os-ico { flex:none; width:42px; height:42px; border:2px solid var(--peri); display:flex; align-items:center; justify-content:center; }
#quely-meetings .ob-step h4 { font-family:var(--font-marketing); font-size:16px; font-weight:600; color:var(--paper); margin:0 0 5px; letter-spacing:-0.01em; line-height:1.2; }
#quely-meetings .ob-step p { font-family:var(--font-product); font-size:13.5px; line-height:1.5; color:rgba(236,231,242,.62); margin:0; }
/* meeting card */
#quely-meetings .ob-meet-stage { position:relative; }
#quely-meetings .ob-meet-mascot { position:absolute; top:-26px; right:-12px; width:64px; height:auto; z-index:3; filter:drop-shadow(3px 3px 0 rgba(0,0,0,.4)); animation:qfloat 6s ease-in-out infinite; }
#quely-meetings .ob-meet { border:2px solid var(--peri); background:#221C33; box-shadow:7px 7px 0 var(--purple); overflow:hidden; }
#quely-meetings .ob-meet-bar { display:flex; align-items:center; gap:10px; padding:11px 15px; background:rgba(0,0,0,.25); border-bottom:1px solid rgba(255,255,255,.12); }
#quely-meetings .ob-meet-rec { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.1em; color:#FF8B84; }
#quely-meetings .rdot { width:8px; height:8px; border-radius:50%; background:#FF5F57; animation:qpulse 1.4s ease-in-out infinite; }
@keyframes qpulse { 0%,100% { opacity:.4; } 50% { opacity:1; } }
#quely-meetings .ob-meet-bar .ob-bc { color:rgba(255,255,255,.7); }
#quely-meetings .ob-meet-bar .ob-bc img { filter:brightness(0) invert(1); opacity:.7; }
#quely-meetings .ob-meet-time { margin-left:auto; font-family:var(--font-mono); font-size:12px; font-weight:600; color:rgba(255,255,255,.55); }
#quely-meetings .ob-meet-body { padding:18px 18px 20px; }
#quely-meetings .ob-trans-lbl { font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--peri-soft); }
#quely-meetings .ob-trans { display:flex; flex-direction:column; gap:10px; margin-top:14px; }
#quely-meetings .ob-tr { display:grid; grid-template-columns:60px 1fr; gap:11px; opacity:0; transform:translateY(6px); transition:opacity .4s ease, transform .4s ease; }
#quely-meetings .ob-tr.show { opacity:1; transform:none; }
#quely-meetings .tr-who { font-family:var(--font-mono); font-size:11.5px; font-weight:700; color:#C9B6F0; text-align:right; }
#quely-meetings .tr-txt { font-family:var(--font-product); font-size:13px; line-height:1.45; color:rgba(255,255,255,.82); }
#quely-meetings .ob-meet-out { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); }
#quely-meetings .ob-chip { display:inline-flex; align-items:center; gap:7px; padding:6px 11px; border:1.5px solid rgba(201,193,242,.4); font-family:var(--font-mono); font-size:11px; font-weight:600; color:rgba(255,255,255,.85); }
#quely-meetings .ob-meet-return { display:inline-flex; align-items:center; gap:8px; margin-top:14px; font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--peri-soft); opacity:0; transform:translateX(-6px); transition:opacity .4s ease, transform .4s ease; }
#quely-meetings .ob-meet-return.on { opacity:1; transform:none; }

/* ============================================================
   BRING INTO SPACE (Orbit wizard — Connect step)
   ============================================================ */
#quely-meetings .ob-wiz { border:2px solid var(--line); background:#fff; box-shadow:8px 8px 0 var(--ink); margin-top:clamp(40px,5vw,56px); overflow:hidden; }
#quely-meetings .ob-wiz-steps { display:flex; align-items:center; gap:12px; padding:16px 24px; border-bottom:2px solid var(--line); background:var(--paper); }
#quely-meetings .ows-step { display:inline-flex; align-items:center; gap:10px; font-family:var(--font-marketing); font-size:15px; font-weight:700; color:var(--ink-3); }
#quely-meetings .ows-step.active { color:var(--ink); }
#quely-meetings .ows-num { width:26px; height:26px; flex:none; border-radius:50%; display:flex; align-items:center; justify-content:center; border:2px solid var(--line); font-family:var(--font-mono); font-size:12px; font-weight:700; color:var(--ink-3); }
#quely-meetings .ows-step.done .ows-num { background:var(--purple); border-color:var(--purple); color:#fff; }
#quely-meetings .ows-step.active .ows-num { border-color:var(--purple); color:var(--purple); background:var(--peri-soft); }
#quely-meetings .ows-bar { flex:1; height:2px; background:var(--line); }
#quely-meetings .ows-bar.done { background:var(--purple); }
#quely-meetings .ob-wiz-body { display:grid; grid-template-columns:200px 1fr 260px; align-items:stretch; }
#quely-meetings .owz-rail { padding:20px 18px; border-right:2px solid var(--line); background:var(--paper); }
#quely-meetings .owz-rail-lbl, #quely-meetings .owz-conns-lbl { display:block; font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); margin:0 0 12px; }
#quely-meetings .owz-rail-lbl ~ .owz-rail-lbl { margin-top:20px; }
#quely-meetings .owz-tune, #quely-meetings .owz-source { display:flex; align-items:center; gap:11px; padding:12px 13px; border:2px solid var(--line); background:#fff; }
#quely-meetings .owz-tune.sel { border-color:var(--purple); background:var(--peri-soft); }
#quely-meetings .owz-tune-ico { width:30px; height:30px; flex:none; display:flex; align-items:center; justify-content:center; border:2px solid var(--line); background:#fff; }
#quely-meetings .owz-source img { width:26px; height:26px; flex:none; object-fit:contain; }
#quely-meetings .owz-tune-b { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
#quely-meetings .owz-tune-t { font-family:var(--font-marketing); font-size:14px; font-weight:700; color:var(--ink); }
#quely-meetings .owz-tune-d { font-family:var(--font-product); font-size:12px; color:var(--ink-3); }
#quely-meetings .owz-tune-dot { width:7px; height:7px; border-radius:50%; background:var(--purple); flex:none; }
/* center */
#quely-meetings .owz-main { padding:24px 26px; min-width:0; }
#quely-meetings .owz-eyebrow { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--purple); }
#quely-meetings .owz-eyebrow-ico { width:24px; height:24px; flex:none; border-radius:50%; background:var(--purple); display:flex; align-items:center; justify-content:center; }
#quely-meetings .owz-q { font-family:var(--font-marketing); font-size:24px; font-weight:700; line-height:1.15; letter-spacing:-0.03em; color:var(--ink); margin:12px 0 0; }
#quely-meetings .owz-sub { font-family:var(--font-product); font-size:14px; line-height:1.5; color:var(--ink-2); margin:10px 0 0; }
#quely-meetings .owz-flabel { font-family:var(--font-marketing); font-size:15px; font-weight:600; color:var(--ink); margin:24px 0 0; }
#quely-meetings .owz-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
#quely-meetings .owz-chips span { font-family:var(--font-product); font-size:13.5px; font-weight:500; color:var(--ink); padding:8px 16px; border:2px solid var(--line); background:#fff; }
#quely-meetings .owz-seg { display:inline-flex; margin-top:12px; border:2px solid var(--line); }
#quely-meetings .owz-seg span { font-family:var(--font-product); font-size:13.5px; font-weight:500; color:var(--ink-2); padding:8px 18px; border-right:2px solid var(--line); }
#quely-meetings .owz-seg span:last-child { border-right:none; }
#quely-meetings .owz-seg span.on { background:var(--purple); color:#fff; font-weight:600; }
#quely-meetings .owz-textarea { margin-top:12px; padding:14px 15px; border:2px solid var(--line); background:#fff; font-family:var(--font-product); font-size:13.5px; color:var(--ink-3); min-height:60px; }
/* right connections */
#quely-meetings .owz-conns { padding:20px 18px; border-left:2px solid var(--line); }
#quely-meetings .owz-conns-lbl ~ .owz-conns-lbl { margin-top:22px; }
#quely-meetings .owz-conn { display:flex; align-items:center; gap:11px; padding:12px 13px; border:2px solid var(--line); background:#fff; font-family:var(--font-marketing); font-size:14px; font-weight:700; color:var(--ink); margin-bottom:10px; }
#quely-meetings .owz-conn img { width:22px; height:22px; flex:none; object-fit:contain; }
#quely-meetings .owz-conn.ref { border-color:var(--purple); background:var(--peri-soft); }
#quely-meetings .owz-conn.soon { color:var(--ink-3); }
#quely-meetings .owz-conn.soon img { opacity:.55; }
#quely-meetings .owz-conn-ref { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-product); font-size:11.5px; font-weight:600; color:var(--purple); }
#quely-meetings .owz-conn-check { width:22px; height:22px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
/* footer */
#quely-meetings .ob-wiz-foot { display:flex; align-items:center; gap:16px; padding:16px 24px; border-top:2px solid var(--line); background:var(--paper); }
#quely-meetings .owz-acc { display:flex; align-items:center; gap:11px; flex:1; min-width:0; font-family:var(--font-product); font-size:13px; font-weight:500; color:var(--ink-2); }
#quely-meetings .owz-acc-spark { display:flex; flex:none; }
#quely-meetings .owz-acc-bar { flex:1; max-width:340px; height:8px; background:var(--paper-2); border:1.5px solid var(--line); position:relative; }
#quely-meetings .owz-acc-bar span { position:absolute; inset:0; right:auto; background:var(--purple); }
#quely-meetings .owz-acc b { font-family:var(--font-marketing); font-size:15px; font-weight:700; color:var(--purple); }
#quely-meetings .owz-add { display:inline-flex; align-items:center; gap:8px; flex:none; font-family:var(--font-marketing); font-size:14.5px; font-weight:700; color:#fff; background:var(--ink); padding:12px 20px; }

/* ============================================================
   TICKET SYNC (before → after transformation)
   ============================================================ */
#quely-meetings .ob-tx { display:grid; grid-template-columns:0.86fr auto 1.14fr; gap:clamp(14px,2vw,26px); align-items:center; margin-top:clamp(40px,5vw,56px); }
#quely-meetings .ob-tx-left, #quely-meetings .ob-tx-right { min-width:0; }
#quely-meetings .ob-tx-mid { display:flex; align-items:center; justify-content:center; }
#quely-meetings .ob-tx-arrow { width:44px; height:44px; flex:none; display:flex; align-items:center; justify-content:center; border:2px solid var(--purple); background:#fff; color:var(--purple); box-shadow:4px 4px 0 var(--peri); }
/* static chat card (Actions panel) */
#quely-meetings .oc-static .ob-chat-body { display:flex; flex-direction:column; gap:16px; }
#quely-meetings .oc-thread { display:flex; flex-direction:column; gap:10px; }
#quely-meetings .oc-th-msg { padding:13px 14px; border:2px solid var(--line); background:#fff; }
#quely-meetings .oc-th-top { display:flex; align-items:center; gap:8px; }
#quely-meetings .oc-th-ava { width:24px; height:24px; flex:none; border-radius:50%; background:#DCE6FB; color:#2563EB; display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:9px; font-weight:700; }
#quely-meetings .oc-th-name { font-family:var(--font-marketing); font-size:13px; font-weight:700; color:var(--ink); }
#quely-meetings .oc-th-time { margin-left:auto; font-family:var(--font-product); font-size:11px; color:var(--ink-3); }
#quely-meetings .oc-th-txt { font-family:var(--font-product); font-size:13px; line-height:1.5; color:var(--ink-2); margin:9px 0 0; }
#quely-meetings .oc-th-ctl { display:flex; gap:8px; margin-top:11px; }
#quely-meetings .oc-th-b { display:inline-flex; align-items:center; gap:5px; padding:4px 9px; border:1.5px solid var(--line); font-family:var(--font-product); font-size:11px; font-weight:600; color:var(--ink-3); }
/* actions panel */
#quely-meetings .oc-actions-panel { border:2px solid var(--line); background:#fff; }
#quely-meetings .oc-ap-head { display:flex; align-items:center; gap:10px; padding:13px 15px; border-bottom:2px solid var(--line); }
#quely-meetings .oc-action-row { display:flex; align-items:center; gap:12px; padding:14px 15px; border-bottom:1px solid #EFEAF6; }
#quely-meetings .oc-action-row:last-of-type { border-bottom:none; }
#quely-meetings .oc-action-row.sel { background:var(--peri-soft); }
#quely-meetings .oc-ar-ico { width:34px; height:34px; flex:none; display:flex; align-items:center; justify-content:center; border:2px solid var(--line); background:#fff; }
#quely-meetings .oc-ar-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
#quely-meetings .oc-ar-t { font-family:var(--font-marketing); font-size:14.5px; font-weight:700; color:var(--ink); }
#quely-meetings .oc-ar-d { font-family:var(--font-product); font-size:12.5px; line-height:1.4; color:var(--ink-3); }
#quely-meetings .oc-ar-pick { width:22px; height:22px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
#quely-meetings .oc-ap-foot { display:flex; align-items:center; justify-content:space-between; padding:12px 15px; border-top:2px solid var(--line); font-family:var(--font-product); font-size:12.5px; font-weight:500; color:var(--ink-2); }
#quely-meetings .oc-toggle { width:34px; height:20px; border-radius:999px; background:var(--purple); position:relative; flex:none; }
#quely-meetings .oc-toggle::after { content:""; position:absolute; top:2px; right:2px; width:16px; height:16px; border-radius:50%; background:#fff; }
/* finished description doc */
#quely-meetings .ob-doc { border:2px solid var(--line); background:#fff; box-shadow:6px 6px 0 var(--ink); display:flex; flex-direction:column; }
#quely-meetings .ob-doc-topic { padding:20px 24px 0; }
#quely-meetings .obd-tag { font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.14em; color:var(--purple); }
#quely-meetings .obd-title { font-family:var(--font-marketing); font-size:22px; font-weight:700; letter-spacing:-0.03em; color:var(--ink); margin:8px 0 0; }
#quely-meetings .obd-meta { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:11px; font-family:var(--font-product); font-size:12px; color:var(--ink-3); }
#quely-meetings .obd-ava { width:19px; height:19px; border-radius:50%; background:#DCE6FB; color:#2563EB; display:inline-flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:8.5px; font-weight:700; }
#quely-meetings .obd-dot { color:var(--ink-3); }
#quely-meetings .obd-desc-lbl { display:block; margin:20px 24px 0; padding-top:16px; border-top:2px solid var(--line); font-family:var(--font-mono); font-size:10.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .ob-doc-body { padding:14px 24px 6px; }
#quely-meetings .obd-h { font-family:var(--font-marketing); font-size:19px; font-weight:700; letter-spacing:-0.02em; color:var(--ink); margin:0; text-transform:lowercase; }
#quely-meetings .obd-h ~ .obd-h { margin-top:22px; }
#quely-meetings .obd-p { font-family:var(--font-product); font-size:13.5px; line-height:1.6; color:var(--ink-2); margin:9px 0 0; }
#quely-meetings .obd-ol { margin:11px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:12px; }
#quely-meetings .obd-ol > li { font-family:var(--font-product); font-size:13.5px; line-height:1.5; color:var(--ink); font-weight:600; }
#quely-meetings .obd-ol > li b { font-weight:700; }
#quely-meetings .obd-ol ul { list-style:disc; margin:6px 0 0; padding-left:18px; display:flex; flex-direction:column; gap:5px; }
#quely-meetings .obd-ol ul li { font-weight:400; color:var(--ink-2); line-height:1.5; }
#quely-meetings .obd-ul { margin:11px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:7px; }
#quely-meetings .obd-ul li { font-family:var(--font-product); font-size:13.5px; line-height:1.5; color:var(--ink-2); }
#quely-meetings .ob-sync { display:flex; align-items:center; gap:11px; margin:18px 24px 22px; padding:12px 14px; border:2px solid #16A34A; background:rgba(22,163,74,.08); }
#quely-meetings .sy-check { width:22px; height:22px; flex:none; display:flex; align-items:center; justify-content:center; background:#16A34A; }
#quely-meetings .sy-txt { flex:1; font-family:var(--font-product); font-size:13px; color:var(--ink); }
#quely-meetings .sy-txt b { font-weight:700; }
#quely-meetings .sy-jira { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:11px; font-weight:600; color:var(--ink-2); border:1.5px solid var(--line); padding:4px 9px; background:#fff; }
#quely-meetings .sy-jira img { width:13px; height:13px; object-fit:contain; }

/* ============================================================
   FINAL CTA
   ============================================================ */
#quely-meetings #finalcta { padding-bottom:clamp(72px,8vw,120px); }
#quely-meetings .finalcta { position:relative; border:2px solid var(--line); background:var(--paper-2); box-shadow:8px 8px 0 var(--purple); padding:clamp(48px,6vw,88px) clamp(28px,5vw,72px); text-align:center; overflow:hidden; }
#quely-meetings .fc-glow { display:none; }
#quely-meetings .finalcta-inner { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; }
#quely-meetings .finalcta h2 { font-family:var(--font-marketing); font-weight:600; font-size:clamp(32px,5vw,58px); line-height:1.02; letter-spacing:-0.045em; color:var(--ink); margin:0; text-wrap:balance; max-width:18ch; }
#quely-meetings .finalcta p { font-family:var(--font-product); font-size:clamp(16px,1.5vw,19px); line-height:1.55; color:var(--ink-2); margin:20px auto 0; max-width:52ch; }
#quely-meetings .fc-ctas { display:inline-flex; gap:16px; margin-top:34px; flex-wrap:wrap; justify-content:center; }
/* site-standard buttons inside the CTA */
#quely-meetings .finalcta .btn-ink { box-shadow:4px 4px 0 var(--purple); }

/* ============================================================
   LENS MAP (node graph)
   ============================================================ */
#quely-meetings .ob-lensmap { margin-top:clamp(40px,5vw,56px); }
#quely-meetings .ob-lm-meta { margin-left:auto; font-family:var(--font-mono); font-size:11px; color:var(--ink-3); }
#quely-meetings .ob-lm-body { display:grid; grid-template-columns:268px 1fr; min-height:560px; }
#quely-meetings .ob-lm-explorer { border-right:2px solid var(--line); background:var(--paper); padding:20px 18px; overflow:hidden; }
#quely-meetings .ob-lm-xtitle { font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-3); margin:0; }
#quely-meetings .ob-lm-search { display:flex; align-items:center; gap:8px; margin-top:14px; padding:9px 11px; border:2px solid var(--line); background:#fff; font-family:var(--font-product); font-size:13px; color:var(--ink-3); }
#quely-meetings .ob-lm-cats { margin-top:16px; display:flex; flex-direction:column; gap:4px; }
#quely-meetings .ob-lm-cat { padding:8px 8px; transition:background .15s; }
#quely-meetings .ob-lm-cat.hot { background:#fff; box-shadow:inset 0 0 0 2px var(--line); }
#quely-meetings .ob-lm-cat-head { display:flex; align-items:center; gap:9px; }
#quely-meetings .ob-lm-cat-ico { width:20px; height:20px; flex:none; display:flex; align-items:center; justify-content:center; }
#quely-meetings .ob-lm-cat-name { font-family:var(--font-marketing); font-size:14.5px; font-weight:600; color:var(--ink); }
#quely-meetings .ob-lm-cat-count { margin-left:auto; min-width:22px; height:20px; padding:0 6px; display:inline-flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:11px; font-weight:700; color:var(--ink-2); background:var(--paper-2); border:1.5px solid var(--line); }
#quely-meetings .ob-lm-cat-items { display:flex; flex-direction:column; gap:2px; margin:8px 0 0 4px; }
#quely-meetings .ob-lm-item { display:flex; align-items:center; gap:9px; padding:4px 0; font-family:var(--font-product); font-size:12.5px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#quely-meetings .ob-lm-item::before { content:""; width:6px; height:6px; border-radius:50%; flex:none; background:var(--c,var(--ink-3)); }

/* canvas */
#quely-meetings .ob-lm-canvas { position:relative; background:#fff; overflow:hidden; }
#quely-meetings .ob-lm-canvas::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(26,22,17,.07) 1px, transparent 1px); background-size:22px 22px; pointer-events:none; }
#quely-meetings .ob-edges { position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
#quely-meetings .ob-edge { stroke:rgba(26,22,17,.16); stroke-width:1; vector-effect:non-scaling-stroke; transition:stroke .25s ease, stroke-width .25s ease; }
#quely-meetings .ob-edge.on { stroke:var(--ink); stroke-width:1.6; }

#quely-meetings .ob-node { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); z-index:2; display:flex; flex-direction:column; align-items:center; gap:6px; width:120px; cursor:default; }
#quely-meetings .ob-node-tile { width:42px; height:42px; border:2px solid var(--nb,var(--line)); background:var(--nbg,#fff); display:flex; align-items:center; justify-content:center; border-radius:9px; transition:transform .25s cubic-bezier(.2,.7,.3,1), box-shadow .25s ease; }
#quely-meetings .ob-node.ref .ob-node-tile, #quely-meetings .ob-node.comment .ob-node-tile { border-radius:50%; width:36px; height:36px; }
#quely-meetings .ob-node-lbl { font-family:var(--font-product); font-size:10.5px; line-height:1.2; color:var(--ink-2); text-align:center; max-width:108px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#quely-meetings .ob-node.dim { opacity:.42; transition:opacity .25s ease; }
#quely-meetings .ob-node.hot { z-index:5; opacity:1; }
#quely-meetings .ob-node.hot .ob-node-tile { transform:scale(1.18); box-shadow:3px 3px 0 var(--nb,var(--line)); }
#quely-meetings .ob-node.hot .ob-node-lbl { color:var(--ink); font-weight:600; }
/* lens colors */
#quely-meetings .ob-node.dec { --nb:#16A34A; --nbg:#EAF7EF; --c:#16A34A; }
#quely-meetings .ob-node.act { --nb:#2563EB; --nbg:#EAF0FE; --c:#2563EB; }
#quely-meetings .ob-node.opp { --nb:#D97706; --nbg:#FDF3E5; --c:#D97706; }
#quely-meetings .ob-node.risk { --nb:#DC2626; --nbg:#FDECEC; --c:#DC2626; }
#quely-meetings .ob-node.next { --nb:#5C28A4; --nbg:#F1EAFA; --c:#5C28A4; }
#quely-meetings .ob-node.ref { --nb:#2563EB; --nbg:#EAF2FE; --c:#2563EB; }
#quely-meetings .ob-node.comment { --nb:#857B69; --nbg:#F4F1ED; --c:#857B69; }

/* tooltip */
#quely-meetings .ob-lm-tip { position:absolute; z-index:8; max-width:280px; padding:14px 16px; border:2px solid var(--line); background:#fff; box-shadow:5px 5px 0 var(--ink); opacity:0; transform:translateY(6px); transition:opacity .22s ease, transform .22s ease; pointer-events:none; }
#quely-meetings .ob-lm-tip.on { opacity:1; transform:none; }
#quely-meetings .ob-lm-tip .tt-title { font-family:var(--font-product); font-size:13.5px; font-weight:600; line-height:1.4; color:var(--ink); }
#quely-meetings .ob-lm-tip .tt-refs { display:inline-block; margin-top:9px; font-family:var(--font-mono); font-size:11px; font-weight:600; color:var(--purple); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:900px){
  #quely-meetings .hero-grid { grid-template-columns:1fr; }
  #quely-meetings .ob-retr { grid-template-columns:1fr; }
  #quely-meetings .ob-retr-l { border-right:none; border-bottom:2px solid var(--line); }
  #quely-meetings .ob-pair { grid-template-columns:1fr; }
  #quely-meetings .ob-pair.rev { grid-template-columns:1fr; }
  #quely-meetings .ob-pair.rev > *:first-child { order:2; }
  #quely-meetings .ob-twofold { grid-template-columns:1fr; }
  #quely-meetings .ob-benefits { grid-template-columns:1fr 1fr; }
  #quely-meetings .ob-tx { grid-template-columns:1fr; }
  #quely-meetings .ob-wiz-body { grid-template-columns:1fr; }
  #quely-meetings .owz-rail { border-right:none; border-bottom:2px solid var(--line); }
  #quely-meetings .owz-conns { border-left:none; border-top:2px solid var(--line); }
  #quely-meetings .ob-tx-mid { padding:4px 0; }
  #quely-meetings .ob-tx-arrow { transform:rotate(90deg); }
  #quely-meetings .ob-benefit, #quely-meetings .ob-benefit.b-wide { grid-column:span 1; }
  #quely-meetings .ob-handoff { grid-template-columns:1fr; }
  #quely-meetings .ob-bento { grid-template-columns:1fr; }
  #quely-meetings .ob-lm-body { grid-template-columns:1fr; }
  #quely-meetings .ob-lm-explorer { border-right:none; border-bottom:2px solid var(--line); }
}
@media (max-width:560px){
  #quely-meetings .wrap { padding:0 22px; }
  #quely-meetings .ob-lenses { grid-template-columns:1fr; }
  #quely-meetings .ob-meet-mascot { display:none; }
  #quely-meetings .ob-sen-grid { grid-template-columns:1fr; }
  #quely-meetings .ob-benefits { grid-template-columns:1fr; }
  #quely-meetings .ob-ecard-actions { flex-direction:column; }
}


/* ============================================================
   BEFORE / AFTER WORKFLOW  (.mw-)  — animated comparison
   ============================================================ */
#quely-meetings .mw { margin-top:clamp(40px,5vw,60px); }
#quely-meetings .mw-toolbar { display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:26px; }
#quely-meetings .mw-progress { display:flex; align-items:center; gap:8px; }
#quely-meetings .mw-dot3 { width:9px; height:9px; border-radius:50%; border:2px solid var(--line); background:var(--paper); transition:background .3s ease; }
#quely-meetings .mw-dot3.on { background:var(--purple); border-color:var(--purple); }
#quely-meetings .mw-replay { display:inline-flex; align-items:center; gap:8px; height:38px; padding:0 16px; border:2px solid var(--line); background:#fff; font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink); cursor:pointer; box-shadow:3px 3px 0 var(--ink); transition:transform .14s ease, box-shadow .14s ease; }
#quely-meetings .mw-replay:hover { transform:translate(-2px,-2px); box-shadow:5px 5px 0 var(--purple); }
#quely-meetings .mw-replay svg { transition:transform .5s ease; }
#quely-meetings .mw-replay:hover svg { transform:rotate(-180deg); }

#quely-meetings .mw-panels { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch; }
#quely-meetings .mw-panel { position:relative; border:2px solid var(--line); background:#fff; box-shadow:6px 6px 0 var(--ink); display:flex; flex-direction:column; min-height:560px; transition:opacity .55s ease, filter .55s ease; }
#quely-meetings .mw-panel.rightp { box-shadow:6px 6px 0 var(--purple); }
#quely-meetings .mw-panel.mw-dim { opacity:.4; filter:saturate(.55); }
#quely-meetings .mw-phead { display:flex; align-items:center; gap:11px; padding:15px 20px; border-bottom:2px solid var(--line); background:var(--paper-2); }
#quely-meetings .mw-panel.rightp .mw-phead { background:var(--peri-soft); }
#quely-meetings .mw-pnum { width:26px; height:26px; flex:none; border:2px solid var(--line); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:13px; font-weight:700; color:var(--ink); background:#fff; }
#quely-meetings .mw-panel.rightp .mw-pnum { border-color:var(--purple); color:var(--purple); }
#quely-meetings .mw-ptitle { font-family:var(--font-marketing); font-size:16px; font-weight:600; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .mw-pstatus { margin-left:auto; font-family:var(--font-mono); font-size:10.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .mw-panel.rightp .mw-pstatus { color:var(--purple); }
#quely-meetings .mw-stage { position:relative; flex:1; padding:20px; }
#quely-meetings .mw-caption { position:relative; z-index:4; margin:0 20px; padding:12px 15px; border:2px solid var(--line); background:var(--paper); font-family:var(--font-product); font-size:13px; font-weight:500; line-height:1.45; color:var(--ink-2); min-height:44px; display:flex; align-items:center; }
#quely-meetings .mw-panel.rightp .mw-caption { border-color:var(--purple); background:#fff; }
#quely-meetings .mw-cap-txt { opacity:0; transition:opacity .35s ease; }
#quely-meetings .mw-cap-txt.on { opacity:1; }
#quely-meetings .mw-final { margin:0 20px 20px; padding:14px 16px; border:2px solid var(--line); font-family:var(--font-marketing); font-size:14px; font-weight:600; line-height:1.4; letter-spacing:-0.01em; color:var(--ink); opacity:0; transform:translateY(8px); transition:opacity .5s ease, transform .5s ease; }
#quely-meetings .mw-final.on { opacity:1; transform:none; }
#quely-meetings .mw-final.frag { background:#FBEDEC; border-color:#D98A82; color:#8A2F27; }
#quely-meetings .mw-final.unif { background:var(--peri-soft); border-color:var(--purple); color:var(--purple-deep); }

/* generic reveal + fly */
#quely-meetings .mw-r { opacity:0; transform:translateY(12px) scale(.98); transition:opacity .5s ease, transform .5s cubic-bezier(.2,.7,.3,1); }
#quely-meetings .mw-r.on { opacity:1; transform:none; }

/* mini product card shell */
#quely-meetings .mw-card { border:2px solid var(--line); background:#fff; }
#quely-meetings .mw-card-bar { display:flex; align-items:center; gap:8px; padding:8px 11px; border-bottom:2px solid var(--line); background:var(--paper); }
#quely-meetings .mw-card-bar .mw-logo { width:16px; height:16px; object-fit:contain; flex:none; }
#quely-meetings .mw-card-name { font-family:var(--font-mono); font-size:11px; font-weight:600; color:var(--ink-2); }
#quely-meetings .mw-tag { margin-left:auto; font-family:var(--font-mono); font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); border:1.5px solid var(--line); padding:2px 6px; }

/* --- LEFT stage: meeting funnels out to separate tools --- */
#quely-meetings .mw-stage.leftst { display:flex; flex-direction:column; }
#quely-meetings .mw-meet { }
#quely-meetings .mw-distribute { display:flex; align-items:center; gap:12px; margin:14px 0; }
#quely-meetings .mw-distribute .ln { flex:1; height:0; border-top:2px dotted rgba(26,22,17,.4); }
#quely-meetings .mw-distribute .lbl { font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .mw-dests { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#quely-meetings .mw-dest-slot { position:relative; }
#quely-meetings .mw-dest-slot::before { content:""; position:absolute; left:50%; top:-16px; width:0; height:14px; border-left:2px dotted rgba(26,22,17,.32); }
#quely-meetings .mw-meet-top { display:flex; align-items:center; gap:10px; padding:12px 14px; }
#quely-meetings .mw-avatars { display:flex; }
#quely-meetings .mw-av { width:26px; height:26px; border-radius:50%; border:2px solid var(--line); background:var(--peri-soft); margin-left:-8px; display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:9px; font-weight:700; color:var(--purple-deep); }
#quely-meetings .mw-av:first-child { margin-left:0; }
#quely-meetings .mw-av.bot { background:var(--ink); color:#fff; }
#quely-meetings .mw-meet-t { font-family:var(--font-marketing); font-size:14px; font-weight:700; color:var(--ink); }
#quely-meetings .mw-meet-live { margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; color:#C2410C; }
#quely-meetings .mw-meet-live .rd { width:7px; height:7px; border-radius:50%; background:#EF4444; animation:qpulse 1.4s ease-in-out infinite; }
#quely-meetings .mw-inds { display:flex; gap:7px; padding:0 14px 12px; flex-wrap:wrap; }
#quely-meetings .mw-ind { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border:1.5px solid var(--line); background:var(--paper); font-family:var(--font-mono); font-size:10px; font-weight:600; color:var(--ink-2); opacity:0; transform:translateY(4px); transition:opacity .35s ease, transform .35s ease; }
#quely-meetings .mw-ind.on { opacity:1; transform:none; }
#quely-meetings .mw-ind .sp { width:9px; height:9px; border:1.5px solid rgba(92,40,164,.3); border-top-color:var(--purple); border-radius:50%; animation:obspin .7s linear infinite; }

/* scattered destination tiles */
#quely-meetings .mw-out { padding:9px 11px; }
#quely-meetings .mw-out-line { font-family:var(--font-product); font-size:11px; line-height:1.35; color:var(--ink); }
#quely-meetings .mw-out-line + .mw-out-line { margin-top:4px; color:var(--ink-2); font-size:10.5px; }
#quely-meetings .mw-out-kind { display:inline-block; margin-bottom:6px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:2px 6px; border:1.5px solid var(--line); color:var(--ink-2); }
#quely-meetings .mw-slackrow { display:flex; align-items:baseline; gap:6px; padding:2px 0; font-family:var(--font-product); font-size:10px; color:var(--ink-3); }
#quely-meetings .mw-slackrow b { color:var(--ink); font-weight:600; }
#quely-meetings .mw-slackrow.hot b { color:var(--purple); }
#quely-meetings .mw-nmark { width:16px; height:16px; flex:none; border:1.5px solid var(--line); display:flex; align-items:center; justify-content:center; font-family:var(--font-marketing); font-size:11px; font-weight:800; color:var(--ink); background:#fff; }
#quely-meetings .mw-gen { width:16px; height:16px; flex:none; display:flex; align-items:center; justify-content:center; color:var(--ink-2); }

/* --- RIGHT stage: one Space --- */
#quely-meetings .mw-space { position:relative; display:flex; flex-direction:column; height:auto; }
#quely-meetings .mw-space-head { display:flex; align-items:center; gap:9px; padding:11px 14px; border:2px solid var(--purple); border-bottom:none; background:var(--peri-soft); }
#quely-meetings .mw-space-mark { width:20px; height:20px; object-fit:contain; }
#quely-meetings .mw-space-t { font-family:var(--font-marketing); font-size:15px; font-weight:700; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .mw-space-meta { margin-left:auto; font-family:var(--font-mono); font-size:10px; font-weight:600; color:var(--purple-deep); }
#quely-meetings .mw-space-body { flex:1 0 auto; border:2px solid var(--purple); background:#fff; padding:10px; display:flex; flex-direction:column; gap:7px; overflow:visible; }
#quely-meetings .mw-item { display:flex; align-items:center; gap:10px; padding:9px 11px; border:1.5px solid var(--line); background:#fff; }
#quely-meetings .mw-item-ico { width:26px; height:26px; flex:none; border:1.5px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--ink-2); background:var(--paper); }
#quely-meetings .mw-item-ico img { width:15px; height:15px; object-fit:contain; }
#quely-meetings .mw-item-t { font-family:var(--font-marketing); font-size:12.5px; font-weight:600; color:var(--ink); }
#quely-meetings .mw-item-d { font-family:var(--font-product); font-size:10.5px; color:var(--ink-3); margin-top:1px; }
#quely-meetings .mw-item-tag { margin-left:auto; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .mw-item.meeting { border-color:var(--purple); background:var(--peri-soft); }
#quely-meetings .mw-item.meeting .mw-item-ico { border-color:var(--purple); color:var(--purple); background:#fff; }
#quely-meetings .mw-item.meeting .mw-item-tag { color:var(--purple); }
#quely-meetings .mw-item.async .mw-item-ico { color:var(--purple); }
#quely-meetings .mw-mchip { display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border:1.5px solid var(--line); background:#fff; font-family:var(--font-mono); font-size:10px; font-weight:600; color:var(--ink-2); }
#quely-meetings .mw-mchip .dt { width:6px; height:6px; border-radius:50%; background:var(--purple); flex:none; }
#quely-meetings .mw-meet-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:0; max-height:0; overflow:hidden; opacity:0; transition:opacity .5s ease, max-height .5s ease, margin-top .5s ease; }
#quely-meetings .mw-meet-chips.on { max-height:90px; opacity:1; margin-top:8px; }
#quely-meetings .mw-orbit { margin-top:7px; }
#quely-meetings .mw-orbit-q { display:flex; align-items:center; gap:9px; padding:10px 12px; border:2px solid var(--purple); background:#fff; }
#quely-meetings .mw-orbit-q img { width:22px; height:22px; border-radius:50%; flex:none; }
#quely-meetings .mw-orbit-qt { font-family:var(--font-product); font-size:12px; font-weight:500; color:var(--ink); }
#quely-meetings .mw-orbit-a { margin-top:7px; padding:11px 13px; border:1.5px solid var(--line); background:var(--paper); }
#quely-meetings .mw-orbit-a p { font-family:var(--font-product); font-size:11.5px; line-height:1.5; color:var(--ink); margin:0; }
#quely-meetings .mw-orbit-a b { font-weight:700; }
#quely-meetings .mw-refs { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
#quely-meetings .mw-ref { display:inline-flex; align-items:center; gap:5px; padding:3px 8px; border:1.5px solid var(--line); background:#fff; font-family:var(--font-mono); font-size:9.5px; font-weight:600; color:var(--ink-2); }
#quely-meetings .mw-ref .dt { width:6px; height:6px; border-radius:50%; background:var(--purple); }

/* ============================================================
   RECURRING MEETINGS BENTO  (.rm-)  — moving marquee of types
   ============================================================ */
#quely-meetings .rm { margin-top:clamp(40px,5vw,56px); display:flex; flex-direction:column; gap:20px; }
#quely-meetings .rm-row { overflow:hidden; -webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
#quely-meetings .rm-track { display:inline-flex; gap:20px; padding-right:20px; white-space:nowrap; animation:rm-slide 34s linear infinite; }
#quely-meetings .rm-row.rev .rm-track { animation-direction:reverse; animation-duration:40s; }
#quely-meetings .rm-row:hover .rm-track { animation-play-state:paused; }
#quely-meetings .rm-card { display:inline-flex; align-items:center; gap:14px; padding:18px 22px; border:2px solid var(--line); background:#fff; box-shadow:5px 5px 0 var(--ink); min-width:300px; transition:box-shadow .18s ease, transform .18s ease; }
#quely-meetings .rm-card:hover { box-shadow:5px 5px 0 var(--purple); transform:translate(-2px,-2px); }
#quely-meetings .rm-ico { width:44px; height:44px; flex:none; border:2px solid var(--line); background:var(--peri-soft); color:var(--purple); display:flex; align-items:center; justify-content:center; }
#quely-meetings .rm-b { display:flex; flex-direction:column; gap:3px; }
#quely-meetings .rm-t { font-family:var(--font-marketing); font-size:17px; font-weight:600; letter-spacing:-0.02em; color:var(--ink); }
#quely-meetings .rm-m { font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.04em; color:var(--ink-3); }
@keyframes rm-slide { from { transform:translateX(0); } to { transform:translateX(-50%); } }

/* ============================================================
   DO MORE FEATURE LIST  (.dm-)
   ============================================================ */
#quely-meetings .dm { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; margin-top:clamp(40px,5vw,56px); }
#quely-meetings .dm-card { grid-column:span 2; border:2px solid var(--line); background:#fff; box-shadow:6px 6px 0 var(--ink); padding:26px 26px 28px; display:flex; flex-direction:column; transition:box-shadow .18s ease, transform .18s ease; }
#quely-meetings .dm-card.wide { grid-column:span 3; }
#quely-meetings .dm-card:hover { box-shadow:6px 6px 0 var(--purple); transform:translate(-2px,-2px); }
#quely-meetings .dm-ico { width:46px; height:46px; flex:none; border:2px solid var(--line); background:var(--peri-soft); color:var(--purple); display:flex; align-items:center; justify-content:center; }
#quely-meetings .dm-t { font-family:var(--font-marketing); font-size:19px; font-weight:600; letter-spacing:-0.02em; color:var(--ink); margin:20px 0 0; }
#quely-meetings .dm-b { font-family:var(--font-product); font-size:14px; line-height:1.55; color:var(--ink-2); margin:10px 0 0; }

@media (max-width:900px){
  #quely-meetings .mw-panels { grid-template-columns:1fr; }
  #quely-meetings .mw-panel.mw-dim { opacity:1; filter:none; }
  #quely-meetings .dm { grid-template-columns:1fr 1fr; }
  #quely-meetings .dm-card, #quely-meetings .dm-card.wide { grid-column:span 1; }
}
@media (max-width:560px){
  #quely-meetings .dm { grid-template-columns:1fr; }
  #quely-meetings .rm-card { min-width:260px; }
}


/* ============================================================
   WF — before/after workflow v2 (diagram style)
   ============================================================ */
#quely-meetings .wf-stage { flex:1; padding:18px; display:flex; flex-direction:column; gap:14px; justify-content:space-between; }
#quely-meetings .wf-tag { margin:0; font-family:var(--font-product); font-size:12.5px; font-weight:500; color:var(--ink-3); text-align:center; }
#quely-meetings .rightp .wf-tag { color:var(--purple-deep); }
#quely-meetings .wf-steps { display:flex; align-items:stretch; gap:6px; }
#quely-meetings .wf-step { flex:1; min-width:0; border:2px solid var(--line); background:#fff; padding:13px 5px 10px; display:flex; flex-direction:column; align-items:center; gap:7px; text-align:center; position:relative; }
#quely-meetings .wf-num { position:absolute; top:-9px; left:-9px; width:18px; height:18px; border:2px solid var(--ink); background:var(--ink); color:#fff; font-family:var(--font-mono); font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center; }
#quely-meetings .rightp .wf-num { background:var(--purple); border-color:var(--purple); }
#quely-meetings .wf-ico { width:34px; height:34px; flex:none; border:2px solid var(--line); background:var(--paper); color:var(--ink); display:flex; align-items:center; justify-content:center; }
#quely-meetings .rightp .wf-ico { background:var(--peri-soft); color:var(--purple); }
#quely-meetings .wf-lbl { font-family:var(--font-mono); font-size:9.5px; font-weight:600; letter-spacing:.02em; text-transform:uppercase; line-height:1.35; color:var(--ink-2); }
#quely-meetings .wf-arr { align-self:center; flex:none; color:var(--ink-3); line-height:0; }
#quely-meetings .rightp .wf-arr { color:var(--purple); }
#quely-meetings .wf-steps.five { gap:4px; }
#quely-meetings .wf-steps.five .wf-lbl { font-size:8.5px; }
#quely-meetings .wf-steps.five .wf-step { padding:13px 3px 9px; }

#quely-meetings .wf-pop { opacity:0; transform:scale(.55); transition:opacity .28s ease, transform .32s cubic-bezier(.2,.7,.3,1); }
#quely-meetings .wf-pop.on { opacity:1; transform:none; }
#quely-meetings .wf-r { opacity:0; transform:translateY(10px); transition:opacity .45s ease, transform .45s ease; }
#quely-meetings .wf-r.on { opacity:1; transform:none; }
#quely-meetings .wf-stagger > * { opacity:0; transform:translateY(6px); transition:opacity .4s ease, transform .4s ease; }
#quely-meetings .wf-stagger.on > * { opacity:1; transform:none; }
#quely-meetings .wf-stagger.on > *:nth-child(2) { transition-delay:.1s; }
#quely-meetings .wf-stagger.on > *:nth-child(3) { transition-delay:.2s; }
#quely-meetings .wf-stagger.on > *:nth-child(4) { transition-delay:.3s; }
#quely-meetings .wf-stagger.on > *:nth-child(5) { transition-delay:.4s; }
#quely-meetings .wf-stagger.on > *:nth-child(6) { transition-delay:.5s; }

#quely-meetings .wf-down { display:flex; align-items:center; gap:10px; }
#quely-meetings .wf-down .ln { flex:1; height:0; border-top:2px dotted rgba(26,22,17,.35); }
#quely-meetings .rightp .wf-down .ln { border-top-color:rgba(92,40,164,.45); }
#quely-meetings .wf-down .lbl { font-family:var(--font-mono); font-size:9.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .rightp .wf-down .lbl { color:var(--purple-deep); }

#quely-meetings .wf-branch { display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
#quely-meetings .wf-col { display:flex; flex-direction:column; align-items:center; gap:6px; }
#quely-meetings .wf-chip { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; border:2px solid var(--line); background:#fff; padding:9px 10px; font-family:var(--font-marketing); font-size:12.5px; font-weight:600; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .wf-chip svg { color:var(--ink-2); flex:none; }
#quely-meetings .wf-varr { color:var(--ink-3); line-height:0; }
#quely-meetings .wf-tool { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; border:2px solid var(--line); background:var(--paper); padding:9px 10px; font-family:var(--font-marketing); font-size:12.5px; font-weight:700; color:var(--ink); }
#quely-meetings .wf-tool img { width:16px; height:16px; object-fit:contain; flex:none; }
#quely-meetings .wf-tool .mw-nmark { border-width:2px; }

#quely-meetings .wf-outcome { border:2px solid; background:#fff; }
#quely-meetings .wf-outcome.bad { border-color:#D98A82; }
#quely-meetings .wf-outcome.good { border-color:var(--purple); }
#quely-meetings .wf-out-head { display:flex; align-items:center; gap:8px; padding:9px 14px; font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
#quely-meetings .bad .wf-out-head { background:#FBEDEC; border-bottom:2px solid #D98A82; color:#8A2F27; }
#quely-meetings .good .wf-out-head { background:var(--peri-soft); border-bottom:2px solid var(--purple); color:var(--purple-deep); }
#quely-meetings .wf-out-x { width:18px; height:18px; flex:none; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; }
#quely-meetings .bad .wf-out-x { background:#DC2626; }
#quely-meetings .good .wf-out-x { background:#16A34A; }
#quely-meetings .wf-out-body { padding:14px; display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:center; }
#quely-meetings .wf-out-body p { margin:0; font-family:var(--font-product); font-size:12.5px; line-height:1.55; color:var(--ink-2); }

#quely-meetings .wf-scatter { position:relative; height:130px; }
#quely-meetings .wf-squigwrap { position:absolute; inset:0; width:100%; height:100%; }
#quely-meetings .wf-squig { stroke:#DC2626; stroke-width:1.5; stroke-dasharray:4 5; fill:none; opacity:.7; vector-effect:non-scaling-stroke; }
#quely-meetings .wf-si { position:absolute; width:34px; height:34px; border:2px solid var(--line); background:#fff; color:var(--ink-2); display:flex; align-items:center; justify-content:center; box-shadow:2px 2px 0 rgba(26,22,17,.35); }
#quely-meetings .wf-si img { width:18px; height:18px; object-fit:contain; }

#quely-meetings .wf-chips { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
#quely-meetings .wf-chips .chip { display:inline-flex; align-items:center; gap:7px; border:2px solid var(--purple); background:#fff; padding:7px 11px; font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--purple-deep); }

#quely-meetings .wf-space { border:2px solid var(--purple); background:#fff; }
#quely-meetings .wf-space-head { display:flex; align-items:center; gap:9px; padding:10px 14px; border-bottom:2px solid var(--purple); background:var(--peri-soft); }
#quely-meetings .wf-space-head img { width:18px; height:18px; object-fit:contain; }
#quely-meetings .wf-space-head .t { font-family:var(--font-marketing); font-size:14px; font-weight:700; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .wf-space-head .meta { margin-left:auto; font-family:var(--font-mono); font-size:10px; font-weight:600; color:var(--purple-deep); }
#quely-meetings .wf-space-body { display:grid; grid-template-columns:98px 1fr; }
#quely-meetings .wf-side { border-right:2px solid var(--line); padding:8px 0; display:flex; flex-direction:column; }
#quely-meetings .wf-side span { padding:6px 12px; font-family:var(--font-mono); font-size:10px; font-weight:600; color:var(--ink-3); }
#quely-meetings .wf-side .act { background:var(--peri-soft); color:var(--purple-deep); box-shadow:inset 3px 0 0 var(--purple); }
#quely-meetings .wf-main { padding:10px; display:flex; flex-direction:column; gap:8px; min-width:0; }
#quely-meetings .wf-meetcard { border:1.5px solid var(--line); padding:10px 12px; }
#quely-meetings .wf-meetcard .ttl { display:flex; align-items:baseline; gap:8px; justify-content:space-between; font-family:var(--font-marketing); font-size:12.5px; font-weight:700; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .wf-meetcard .dur { font-family:var(--font-mono); font-size:9.5px; font-weight:600; color:var(--ink-3); }
#quely-meetings .wf-meetcard .avs { display:flex; gap:4px; margin-top:8px; }
#quely-meetings .wf-meetcard .avs span { width:22px; height:22px; border:1.5px solid var(--line); background:var(--peri-soft); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:8px; font-weight:700; color:var(--purple-deep); }
#quely-meetings .wf-meetcard .wave { margin-top:9px; height:14px; background:repeating-linear-gradient(90deg, var(--purple) 0 2px, transparent 2px 6px); opacity:.7; }
#quely-meetings .wf-upd { border:1.5px solid var(--line); }
#quely-meetings .wf-upd .h { padding:6px 10px; background:var(--paper); border-bottom:1.5px solid var(--line); font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .wf-upd .row { display:flex; align-items:baseline; gap:5px; padding:6px 10px; font-family:var(--font-product); font-size:11px; color:var(--ink-2); }
#quely-meetings .wf-upd .row + .row { border-top:1.5px solid var(--paper-2); }
#quely-meetings .wf-upd .row b { font-weight:700; color:var(--ink); }
#quely-meetings .wf-upd .row span { margin-left:auto; font-family:var(--font-mono); font-size:9px; color:var(--ink-3); }
#quely-meetings .wf-orbit2 { border:1.5px solid var(--purple); background:var(--peri-soft); padding:9px 11px; display:flex; flex-direction:column; gap:6px; }
#quely-meetings .wf-orbit2 .h { display:flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--purple-deep); }
#quely-meetings .wf-orbit2 .qs { font-family:var(--font-product); font-size:11px; line-height:1.5; color:var(--ink-2); }
#quely-meetings .wf-orbit2 .ask { align-self:flex-start; border:2px solid var(--purple); background:var(--purple); color:#fff; padding:5px 10px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }

#quely-meetings .wf-connect { position:relative; width:100%; max-width:250px; height:120px; margin:0 auto; }
#quely-meetings .wf-connect svg { position:absolute; inset:0; width:100%; height:100%; }
#quely-meetings .wf-wire { stroke:var(--purple); stroke-width:2; stroke-dasharray:110; stroke-dashoffset:110; transition:stroke-dashoffset .8s ease; }
#quely-meetings .wf-wire.on { stroke-dashoffset:0; }
#quely-meetings .wf-node { position:absolute; width:32px; height:32px; border:2px solid var(--line); background:#fff; color:var(--ink-2); display:flex; align-items:center; justify-content:center; }
#quely-meetings .wf-qmark { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:52px; height:52px; border:2px solid var(--purple); background:#fff; box-shadow:4px 4px 0 var(--purple); display:flex; align-items:center; justify-content:center; }
#quely-meetings .wf-qmark img { width:30px; height:30px; object-fit:contain; }

@media (max-width:1280px){
  #quely-meetings .wf-ico { width:28px; height:28px; }
  #quely-meetings .wf-ico svg { width:17px; height:17px; }
  #quely-meetings .wf-steps { gap:4px; }
  #quely-meetings .wf-steps.five { gap:3px; }
  #quely-meetings .wf-lbl { font-size:8.5px; }
  #quely-meetings .wf-steps.five .wf-lbl { font-size:8px; letter-spacing:0; }
  #quely-meetings .wf-arr svg { width:10px; height:10px; }
  #quely-meetings .wf-step { padding:11px 3px 8px; }
}
@media (max-width:900px){
  #quely-meetings .mw-panels { grid-template-columns:1fr; }
  #quely-meetings .mw-panel.mw-dim { opacity:1; filter:none; }
}
@media (max-width:560px){
  #quely-meetings .wf-steps, #quely-meetings .wf-steps.five { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  #quely-meetings .wf-arr { display:none; }
  #quely-meetings .wf-out-body { grid-template-columns:1fr; }
  #quely-meetings .wf-space-body { grid-template-columns:1fr; }
  #quely-meetings .wf-side { flex-direction:row; flex-wrap:wrap; border-right:none; border-bottom:2px solid var(--line); }
}


/* ---- WF color pass ---- */
#quely-meetings .leftp .wf-stage { background:#F8F0ED; }
#quely-meetings .rightp .wf-stage { background:#EDE9F9; }
#quely-meetings .leftp .mw-phead { background:#F3E4E1; }
#quely-meetings [data-r="s1"] .wf-ico { background:var(--peri-soft); color:var(--purple-deep); }
#quely-meetings [data-r="s2"] .wf-ico { background:var(--purple); border-color:var(--purple); color:#fff; }
#quely-meetings [data-r="s3"] .wf-ico { background:var(--peri); color:var(--ink); }
#quely-meetings [data-r="s4"] .wf-ico { background:var(--purple-deep); border-color:var(--purple-deep); color:#fff; }
#quely-meetings [data-r="s5"] .wf-ico { background:var(--purple); border-color:var(--purple); color:#fff; box-shadow:3px 3px 0 var(--peri); }
#quely-meetings .wf-chips .chip { background:var(--peri-soft); }
#quely-meetings .bad .wf-out-body { background:#FDF6F4; }
#quely-meetings .good .wf-out-body { background:#F0FAF4; }
#quely-meetings .good .wf-node { border-color:var(--purple); background:var(--peri-soft); color:var(--purple-deep); }
#quely-meetings .wf-si { box-shadow:2px 2px 0 rgba(220,38,38,.4); }
#quely-meetings .wf-meetcard .wave { background-size:6px 100%; animation:wf-wave 1.1s linear infinite; }
@keyframes wf-wave { to { background-position:6px 0; } }
#quely-meetings .leftp .wf-tool { background:#fff; }
#quely-meetings .leftp .wf-step .wf-ico { background:var(--paper-2); }


/* ---- Marquee + benefit color pass ---- */
#quely-meetings .rm-card:nth-child(4n+2) { background:var(--peri-soft); }
#quely-meetings .rm-card:nth-child(4n+3) { background:var(--paper-2); }
#quely-meetings .rm-card:nth-child(4n) { background:var(--peri); }
#quely-meetings .rm-card:nth-child(4n+2) .rm-ico { background:#fff; }
#quely-meetings .rm-card:nth-child(4n+3) .rm-ico { background:var(--peri-soft); }
#quely-meetings .rm-card:nth-child(4n) .rm-ico { background:var(--purple-deep); border-color:var(--purple-deep); color:#fff; }
#quely-meetings .rm-card:nth-child(4n) .rm-m { color:var(--ink-2); }
#quely-meetings .rm-card:hover { box-shadow:5px 5px 0 var(--purple); }
#quely-meetings .rm-card:nth-child(4n):hover, #quely-meetings .rm-card:nth-child(4n+2):hover { box-shadow:5px 5px 0 var(--ink); }

#quely-meetings .dm-card:nth-child(1) .dm-ico { background:var(--purple); border-color:var(--purple); color:#fff; }
#quely-meetings .dm-card:nth-child(2) .dm-ico { background:var(--peri); color:var(--ink); }
#quely-meetings .dm-card:nth-child(3) .dm-ico { background:var(--peri-soft); color:var(--purple-deep); }
#quely-meetings .dm-card:nth-child(4) .dm-ico { background:var(--purple-deep); border-color:var(--purple-deep); color:#fff; }
#quely-meetings .dm-card:nth-child(5) .dm-ico { background:var(--paper-2); color:var(--purple); }
#quely-meetings .dm-card:hover { box-shadow:6px 6px 0 var(--peri); }

/* ---- HERO animation (.ha) ---- */
#quely-meetings .ha { border:2px solid var(--line); background:#fff; box-shadow:8px 8px 0 var(--purple); padding:14px; display:flex; flex-direction:column; gap:12px; }
#quely-meetings .ha-meetings { border:2px solid var(--line); background:var(--paper); opacity:.92; }
#quely-meetings .ha-mh { padding:7px 12px; border-bottom:2px solid var(--line); font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .ha-mrow { display:flex; align-items:center; gap:8px; padding:6px 12px; font-family:var(--font-product); font-size:11.5px; color:var(--ink-3); }
#quely-meetings .ha-mrow + .ha-mrow { border-top:1.5px solid var(--paper-2); }
#quely-meetings .ha-mrow .wh { margin-left:auto; font-family:var(--font-mono); font-size:9px; }
#quely-meetings .ha-mrow.hot { color:var(--ink); font-weight:600; background:#fff; }
#quely-meetings .ha-mrow.hot .wh { color:#C2410C; font-weight:700; }
#quely-meetings .ha-mrow .rd, #quely-meetings .ha-chip .rd { width:7px; height:7px; border-radius:50%; background:#EF4444; flex:none; animation:qpulse 1.4s ease-in-out infinite; }
#quely-meetings .ha-mid { display:grid; grid-template-columns:0.9fr 1.4fr; gap:10px; align-items:stretch; }
#quely-meetings .ha-lane { position:relative; min-height:210px; overflow:hidden; }
#quely-meetings .ha-chip { position:absolute; left:0; display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border:2px solid var(--line); font-family:var(--font-mono); font-size:9px; font-weight:600; color:var(--ink); white-space:nowrap; opacity:0; animation:ha-drift 6.6s linear infinite; }
#quely-meetings .ha-chip.c1 { background:var(--peri-soft); }
#quely-meetings .ha-chip.c2 { background:#fff; border-color:var(--purple); color:var(--purple-deep); }
#quely-meetings .ha-chip.c3 { background:var(--peri); }
#quely-meetings .ha-chip.c4 { background:var(--paper-2); }
@keyframes ha-drift { 0% { transform:translateX(-30%) scale(1); opacity:0; } 12% { opacity:1; } 70% { opacity:1; transform:translateX(65%) scale(1); } 100% { transform:translateX(130%) scale(.5); opacity:0; } }
#quely-meetings .ha-space { border:2px solid var(--purple); background:#fff; display:flex; flex-direction:column; }
#quely-meetings .ha-sh { display:flex; align-items:center; gap:8px; padding:8px 12px; border-bottom:2px solid var(--purple); background:var(--peri-soft); }
#quely-meetings .ha-sh img { width:16px; height:16px; object-fit:contain; }
#quely-meetings .ha-sh .t { font-family:var(--font-marketing); font-size:13px; font-weight:700; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .ha-sh .meta { margin-left:auto; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--purple-deep); }
#quely-meetings .ha-sb { padding:10px; display:flex; flex-direction:column; gap:8px; flex:1; }
#quely-meetings .ha-msg { display:flex; gap:7px; align-items:flex-start; }
#quely-meetings .ha-msg .av { width:20px; height:20px; flex:none; border:1.5px solid var(--line); background:var(--peri-soft); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:7.5px; font-weight:700; color:var(--purple-deep); }
#quely-meetings .ha-msg .b { border:1.5px solid var(--line); background:var(--paper); padding:5px 9px; font-family:var(--font-product); font-size:10.5px; line-height:1.4; color:var(--ink-2); }
#quely-meetings .ha-msg .b b { color:var(--ink); font-weight:700; margin-right:4px; }
#quely-meetings .ha-meetin { display:flex; align-items:center; gap:8px; border:2px dashed var(--purple); background:var(--peri-soft); padding:7px 10px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--purple-deep); animation:ha-in 6.6s ease-in-out infinite; }
#quely-meetings .ha-meetin .ico { color:var(--purple); line-height:0; }
@keyframes ha-in { 0%,8% { opacity:.35; } 30%,100% { opacity:1; } }
#quely-meetings .ha-orbit { margin-top:auto; display:flex; align-items:center; gap:7px; border:2px solid var(--purple); background:var(--purple); color:#fff; padding:7px 10px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
#quely-meetings .ha-orbit .spark { animation:ha-spark 1.6s ease-in-out infinite; }
@keyframes ha-spark { 0%,100% { transform:scale(1) rotate(0deg); } 50% { transform:scale(1.35) rotate(18deg); } }
#quely-meetings .ha-orbit .dots { display:inline-flex; gap:3px; margin-left:auto; }
#quely-meetings .ha-orbit .dots i { width:4px; height:4px; border-radius:50%; background:#fff; animation:ha-dot 1.2s ease-in-out infinite; }
#quely-meetings .ha-orbit .dots i:nth-child(2) { animation-delay:.2s; }
#quely-meetings .ha-orbit .dots i:nth-child(3) { animation-delay:.4s; }
@keyframes ha-dot { 0%,100% { opacity:.3; } 50% { opacity:1; } }
#quely-meetings .ha-outrow { display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:8px; }
#quely-meetings .ha-out { border:2px solid var(--purple); background:var(--peri-soft); padding:8px 10px; font-family:var(--font-product); font-size:10.5px; font-weight:600; line-height:1.35; color:var(--ink); opacity:0; transform:translateY(8px); animation:ha-pop 6.6s ease-in-out infinite; }
#quely-meetings .ha-out .k { display:block; margin-bottom:3px; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--purple-deep); }
#quely-meetings .ha-out.o1 { animation-delay:.5s; }
#quely-meetings .ha-out.o2 { animation-delay:1s; background:#F0FAF4; border-color:#16A34A; }
#quely-meetings .ha-out.o2 .k { color:#136340; }
#quely-meetings .ha-out.o3 { animation-delay:1.5s; background:#fff; }
@keyframes ha-pop { 0%,18% { opacity:0; transform:translateY(8px); } 32%,90% { opacity:1; transform:none; } 100% { opacity:0; transform:translateY(8px); } }
@media (prefers-reduced-motion: reduce){ #quely-meetings .ha-chip, #quely-meetings .ha-out, #quely-meetings .ha-meetin { animation:none; opacity:1; transform:none; } }

/* ---- HERO story animation (.hb) ---- */
#quely-meetings .hb { border:2px solid var(--line); background:#fff; box-shadow:8px 8px 0 var(--purple); padding:14px; display:flex; flex-direction:column; gap:0; }
#quely-meetings .hb-meet { border:2px solid var(--line); background:var(--paper); transition:opacity .5s ease; }
#quely-meetings .hb-meet.dim { opacity:.45; }
#quely-meetings .hb-mbar { display:flex; align-items:center; gap:9px; padding:9px 12px; border-bottom:2px solid var(--line); background:#fff; }
#quely-meetings .hb-mbar .rd { width:8px; height:8px; border-radius:50%; background:#EF4444; flex:none; animation:qpulse 1.4s ease-in-out infinite; }
#quely-meetings .hb-meet.dim .rd { animation:none; background:var(--ink-3); }
#quely-meetings .hb-mbar .t { font-family:var(--font-marketing); font-size:13px; font-weight:700; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .hb-mbar .avs { display:flex; margin-left:auto; }
#quely-meetings .hb-mbar .avs span { width:20px; height:20px; margin-left:-6px; border:1.5px solid var(--line); background:var(--peri-soft); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:7.5px; font-weight:700; color:var(--purple-deep); }
#quely-meetings .hb-mbar .dur { font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.08em; color:#C2410C; }
#quely-meetings .hb-meet.dim .dur { color:var(--ink-3); }
#quely-meetings .hb-lines { padding:9px 12px; display:flex; flex-direction:column; gap:6px; min-height:88px; }
#quely-meetings .hb-line { display:flex; gap:8px; align-items:baseline; font-family:var(--font-product); font-size:11.5px; line-height:1.4; color:var(--ink-2); opacity:0; transform:translateY(6px); transition:opacity .4s ease, transform .4s ease; }
#quely-meetings .hb-line.on { opacity:1; transform:none; }
#quely-meetings .hb-line b { font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--purple-deep); flex:none; }
#quely-meetings .hb-flow { display:flex; align-items:center; gap:10px; padding:7px 0; opacity:0; transition:opacity .5s ease; }
#quely-meetings .hb-flow.on { opacity:1; }
#quely-meetings .hb-flow .stem { flex:1; height:0; border-top:2px dashed var(--purple); animation:hb-dash .7s linear infinite; }
@keyframes hb-dash { to { transform:translateX(6px); } }
#quely-meetings .hb-flow .lbl { font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--purple-deep); }
#quely-meetings .hb-space { border:2px solid var(--purple); background:#fff; }
#quely-meetings .hb-sh { display:flex; align-items:center; gap:8px; padding:8px 12px; border-bottom:2px solid var(--purple); background:var(--peri-soft); }
#quely-meetings .hb-sh img { width:16px; height:16px; object-fit:contain; }
#quely-meetings .hb-sh .t { font-family:var(--font-marketing); font-size:13px; font-weight:700; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .hb-sh .meta { margin-left:auto; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--purple-deep); }
#quely-meetings .hb-sb { padding:10px; display:flex; flex-direction:column; gap:7px; }
#quely-meetings .hb-tag { font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .hb-msg { display:flex; gap:7px; align-items:flex-start; }
#quely-meetings .hb-msg .av { width:20px; height:20px; flex:none; border:1.5px solid var(--line); background:var(--peri-soft); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:7.5px; font-weight:700; color:var(--purple-deep); }
#quely-meetings .hb-msg .b { border:1.5px solid var(--line); background:var(--paper); padding:5px 9px; font-family:var(--font-product); font-size:10.5px; line-height:1.4; color:var(--ink-2); }
#quely-meetings .hb-msg .b b { color:var(--ink); font-weight:700; margin-right:4px; }
#quely-meetings .hb-slot { position:relative; min-height:40px; }
#quely-meetings .hb-slot .empty { position:absolute; inset:0; border:2px dashed var(--peri); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); transition:opacity .35s ease; }
#quely-meetings .hb-slot .fill { display:flex; align-items:center; gap:8px; border:2px solid var(--purple); background:var(--peri-soft); padding:9px 11px; opacity:0; transform:translateY(-12px) scale(.92); transition:opacity .45s ease, transform .45s cubic-bezier(.2,.7,.3,1); }
#quely-meetings .hb-slot.on .empty { opacity:0; }
#quely-meetings .hb-slot.on .fill { opacity:1; transform:none; }
#quely-meetings .hb-slot .ico { color:var(--purple); line-height:0; flex:none; }
#quely-meetings .hb-slot .t { font-family:var(--font-marketing); font-size:12px; font-weight:700; color:var(--ink); }
#quely-meetings .hb-slot .meta { margin-left:auto; font-family:var(--font-mono); font-size:8.5px; font-weight:600; color:var(--purple-deep); }
#quely-meetings .hb-orbit { display:flex; align-items:center; gap:7px; border:2px solid var(--purple); background:var(--purple); color:#fff; padding:7px 10px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; opacity:0; transition:opacity .4s ease; }
#quely-meetings .hb-orbit.on { opacity:1; }
#quely-meetings .hb-orbit .spark { animation:ha-spark 1.6s ease-in-out infinite; }
#quely-meetings .hb-orbit .dots { display:inline-flex; gap:3px; margin-left:auto; }
#quely-meetings .hb-orbit .dots i { width:4px; height:4px; border-radius:50%; background:#fff; animation:ha-dot 1.2s ease-in-out infinite; }
#quely-meetings .hb-orbit .dots i:nth-child(2) { animation-delay:.2s; }
#quely-meetings .hb-orbit .dots i:nth-child(3) { animation-delay:.4s; }
#quely-meetings .hb-orbit.done .dots { display:none; }
#quely-meetings .hb-orbit.done .spark { animation:none; }
#quely-meetings .hb-out { display:flex; align-items:baseline; gap:9px; border:2px solid var(--purple); background:var(--peri-soft); padding:8px 11px; font-family:var(--font-product); font-size:11px; font-weight:600; color:var(--ink); opacity:0; transform:translateY(8px); transition:opacity .45s ease, transform .45s ease; }
#quely-meetings .hb-out.on { opacity:1; transform:none; }
#quely-meetings .hb-out .k { flex:none; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
#quely-meetings .hb-out .k.dec { color:#136340; }
#quely-meetings .hb-out[data-h="o1"] { background:#F0FAF4; border-color:#16A34A; }
#quely-meetings .hb-out .k.nxt { color:var(--purple-deep); }
#quely-meetings .hb-cap { display:flex; align-items:center; gap:10px; margin-top:12px; padding-top:10px; border-top:2px solid var(--line); }
#quely-meetings .hb-cap .txt { font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-2); opacity:0; transition:opacity .3s ease; }
#quely-meetings .hb-cap .txt.on { opacity:1; }
#quely-meetings .hb-cap .ph { margin-left:auto; font-family:var(--font-mono); font-size:9px; font-weight:700; color:var(--purple); border:1.5px solid var(--purple); padding:2px 6px; }
@media (prefers-reduced-motion: reduce){ #quely-meetings .hb-line, #quely-meetings .hb-flow, #quely-meetings .hb-orbit, #quely-meetings .hb-out, #quely-meetings .hb-cap .txt { opacity:1 !important; transform:none !important; } #quely-meetings .hb-slot .empty { opacity:0; } #quely-meetings .hb-slot .fill { opacity:1; transform:none; } }

/* ---- HERO pipeline (.hp) ---- */
#quely-meetings .hp { margin-top:clamp(36px,4.5vw,56px); border:2px solid var(--line); background:#fff; box-shadow:10px 10px 0 var(--purple); padding:26px 24px 20px; }
#quely-meetings .hp-grid { display:grid; grid-template-columns:225px minmax(150px,1fr) minmax(300px,360px) minmax(120px,1fr) 250px; align-items:center; column-gap:0; row-gap:14px; }
#quely-meetings .hp-lbl { grid-row:2; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); text-align:center; border-top:2px solid var(--line); padding-top:9px; }
#quely-meetings .hp-lbl.mid { color:var(--purple-deep); border-top-color:var(--purple); }
#quely-meetings .hp-meetings { border:2px solid var(--line); background:var(--paper); }
#quely-meetings .hp-mh { padding:7px 12px; border-bottom:2px solid var(--line); background:#fff; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .hp-mrow { display:flex; align-items:center; gap:8px; padding:8px 12px; font-family:var(--font-product); font-size:11.5px; color:var(--ink-3); opacity:.65; }
#quely-meetings .hp-mrow img { width:15px; height:15px; object-fit:contain; flex:none; filter:grayscale(1); opacity:.7; }
#quely-meetings .hp-mrow + .hp-mrow { border-top:1.5px solid var(--paper-2); }
#quely-meetings .hp-mrow .wh { margin-left:auto; font-family:var(--font-mono); font-size:8.5px; display:inline-flex; align-items:center; gap:5px; }
#quely-meetings .hp-mrow.hot { opacity:1; color:var(--ink); font-weight:600; background:#fff; }
#quely-meetings .hp-mrow.hot img { filter:none; opacity:1; }
#quely-meetings .hp-mrow.hot .wh { color:#C2410C; font-weight:700; }
#quely-meetings .hp-mrow .rd, #quely-meetings .hp-chip .rd { width:7px; height:7px; border-radius:50%; background:#EF4444; flex:none; animation:qpulse 1.4s ease-in-out infinite; display:inline-block; }
#quely-meetings .hp-lane { position:relative; height:200px; overflow:visible; z-index:3; }
#quely-meetings .hp-lane.in::before, #quely-meetings .hp-lane.out::before { content:""; position:absolute; left:0; right:0; top:50%; border-top:2px dashed var(--peri); animation:hb-dash .7s linear infinite; }
#quely-meetings .hp-chip { position:absolute; left:-4px; top:50%; animation-duration:7s; display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border:2px solid var(--line); box-shadow:3px 3px 0 rgba(26,22,17,.18); font-family:var(--font-mono); font-size:11.5px; font-weight:600; color:var(--ink); white-space:nowrap; opacity:0; animation:hp-drift 7s linear infinite; z-index:2; }
#quely-meetings .hp-chip.c1 { background:var(--peri-soft); }
#quely-meetings .hp-chip.c2 { background:#fff; border-color:var(--purple); color:var(--purple-deep); }
#quely-meetings .hp-chip.c3 { background:var(--peri); }
#quely-meetings .hp-chip.c4 { background:var(--paper-2); }
@keyframes hp-drift {
  0% { transform:translate(-40%, calc(var(--ty, 0px) - 50%)) scale(1); opacity:0; }
  6% { opacity:1; }
  30% { opacity:1; }
  42% { transform:translate(90%, -50%) scale(.4); opacity:0; }
  100% { transform:translate(90%, -50%) scale(.4); opacity:0; }
}
#quely-meetings .hp-lane .hp-chip { left:0; width:max-content; }
#quely-meetings .hp-space { border:2px solid var(--purple); background:#fff; box-shadow:6px 6px 0 var(--peri); animation:hp-breathe 7s ease-in-out infinite; }
@keyframes hp-breathe { 0%,50%,100% { box-shadow:6px 6px 0 var(--peri); } 14%,38% { box-shadow:6px 6px 0 var(--purple); } }
#quely-meetings .hp-sh { display:flex; align-items:center; gap:8px; padding:9px 13px; border-bottom:2px solid var(--purple); background:var(--peri-soft); }
#quely-meetings .hp-sh img { width:17px; height:17px; object-fit:contain; }
#quely-meetings .hp-sh .t { font-family:var(--font-marketing); font-size:14px; font-weight:700; letter-spacing:-0.01em; color:var(--ink); }
#quely-meetings .hp-sh .meta { margin-left:auto; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--purple-deep); }
#quely-meetings .hp-sb { padding:11px; display:flex; flex-direction:column; gap:8px; }
#quely-meetings .hp-tag { font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
#quely-meetings .hp-msg { display:flex; gap:7px; align-items:flex-start; }
#quely-meetings .hp-msg .av { width:20px; height:20px; flex:none; border:1.5px solid var(--line); background:var(--peri-soft); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:7.5px; font-weight:700; color:var(--purple-deep); }
#quely-meetings .hp-msg .b { border:1.5px solid var(--line); background:var(--paper); padding:5px 9px; font-family:var(--font-product); font-size:10.5px; line-height:1.4; color:var(--ink-2); }
#quely-meetings .hp-msg .b b { color:var(--ink); font-weight:700; margin-right:4px; }
#quely-meetings .hp-meetrow { display:flex; align-items:center; gap:8px; border:2px solid var(--purple); background:var(--peri-soft); padding:8px 10px; }
#quely-meetings .hp-meetrow .ico { color:var(--purple); line-height:0; flex:none; }
#quely-meetings .hp-meetrow .t { font-family:var(--font-marketing); font-size:12px; font-weight:700; color:var(--ink); }
#quely-meetings .hp-meetrow .meta { margin-left:auto; font-family:var(--font-mono); font-size:8.5px; font-weight:600; color:var(--purple-deep); }
#quely-meetings .hp-orbit { display:flex; align-items:center; gap:7px; border:2px solid var(--purple); background:var(--purple); color:#fff; padding:7px 10px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
#quely-meetings .hp-orbit .spark { animation:ha-spark 1.6s ease-in-out infinite; }
#quely-meetings .hp-orbit .dots { display:inline-flex; gap:3px; margin-left:auto; }
#quely-meetings .hp-orbit .dots i { width:4px; height:4px; border-radius:50%; background:#fff; animation:ha-dot 1.2s ease-in-out infinite; }
#quely-meetings .hp-orbit .dots i:nth-child(2) { animation-delay:.2s; }
#quely-meetings .hp-orbit .dots i:nth-child(3) { animation-delay:.4s; }
#quely-meetings .hp-lane.out .hp-flowline { position:absolute; left:8%; right:8%; top:calc(50% + var(--ty, 0px)); border-top:2px dashed var(--purple); opacity:0; animation:hp-flow 7s ease-in-out infinite; }
#quely-meetings .hp-lane.out .hp-flowline:nth-child(2) { animation-delay:.35s; }
#quely-meetings .hp-lane.out .hp-flowline:nth-child(3) { animation-delay:.7s; }
#quely-meetings .hp-lane.out::before { border-top-color:transparent; }
@keyframes hp-flow { 0%,71% { opacity:0; } 78%,96% { opacity:1; } 100% { opacity:0; } }
#quely-meetings .hp-outs { display:flex; flex-direction:column; gap:9px; }
#quely-meetings .hp-out { border:2px solid var(--purple); background:var(--peri-soft); padding:9px 12px; font-family:var(--font-product); font-size:11px; font-weight:600; line-height:1.4; color:var(--ink); opacity:0; transform:translateX(-14px); animation:hp-pop 7s ease-in-out infinite; }
#quely-meetings .hp-out .k { display:block; margin-bottom:3px; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
#quely-meetings .hp-out.o1 { background:#F0FAF4; border-color:#16A34A; animation-delay:.2s; }
#quely-meetings .hp-out.o1 .k { color:#136340; }
#quely-meetings .hp-out.o2 { animation-delay:.55s; }
#quely-meetings .hp-out.o2 .k { color:var(--purple-deep); }
#quely-meetings .hp-out.o3 { background:#fff; animation-delay:.9s; }
#quely-meetings .hp-out.o3 .k { color:var(--purple-deep); }
@keyframes hp-pop { 0%,74% { opacity:0; transform:translateX(-14px); } 82%,97% { opacity:1; transform:none; } 100% { opacity:0; transform:translateX(-14px); } }
@media (max-width:1180px){
  #quely-meetings .hp-grid { grid-template-columns:150px minmax(105px,1fr) minmax(230px,300px) minmax(65px,1fr) 150px; }
  #quely-meetings .hp-outs { gap:6px; }
  #quely-meetings .hp-out { font-size:9px; padding:6px 8px; line-height:1.35; }
  #quely-meetings .hp-mrow { font-size:9.5px; }
  #quely-meetings .hp-mrow .wh { display:none; }
  #quely-meetings .hp-sb { padding:8px; gap:6px; }
  #quely-meetings .hp-msg .b { font-size:9.5px; }
  #quely-meetings .hp-chip { font-size:9.5px; padding:5px 9px; border-width:1.5px; }
  #quely-meetings .hp-mrow { padding:7px 10px; font-size:10.5px; }
  #quely-meetings .hp-out { font-size:10px; padding:8px 10px; }
  #quely-meetings .hp { padding:20px 16px 16px; }
}
@media (max-width:880px){
  #quely-meetings .hp-grid { grid-template-columns:1fr; row-gap:12px; }
  #quely-meetings .hp-lane { display:none; }
  #quely-meetings .hp-lbl, #quely-meetings .hp-lbl.mid { grid-column:1 !important; grid-row:auto; text-align:left; border-top:none; padding-top:0; }
  #quely-meetings .hp-out { opacity:1; transform:none; animation:none; }
}
@media (prefers-reduced-motion: reduce){
  #quely-meetings .hp-chip { animation:none; opacity:1; transform:translate(20%, calc(var(--ty,0px) - 50%)); }
  #quely-meetings .hp-out { animation:none; opacity:1; transform:none; }
  #quely-meetings .hp-flowline { animation:none; opacity:1; }
  #quely-meetings .hp-lane.in::before, #quely-meetings .hp-space { animation:none; }
}

/* ---- Orbit engine (.hp-orbit2), 7s clock: absorb 0-43%, synth 43-71%, emit 71-100% ---- */
#quely-meetings .hp-orbit2 { border:2px solid var(--purple); background:#fff; }
#quely-meetings .hp-oh { display:flex; align-items:center; gap:7px; padding:6px 10px; border-bottom:2px solid var(--purple); background:var(--purple); color:#fff; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
#quely-meetings .hp-oh .spark { animation:hp-spark2 7s ease-in-out infinite; }
@keyframes hp-spark2 { 0%,40%,74%,100% { transform:scale(1) rotate(0deg); } 50%,62% { transform:scale(1.5) rotate(20deg); } }
#quely-meetings .hp-oh .st { margin-left:auto; font-size:8.5px; letter-spacing:.08em; }
#quely-meetings .hp-oh .st.raw { animation:hp-straw 7s linear infinite; }
#quely-meetings .hp-oh .st.done { display:none; }
@keyframes hp-straw { 0%,68% { opacity:1; } 71%,100% { opacity:0; } }
#quely-meetings .hp-ob { position:relative; padding:8px 10px; min-height:58px; overflow:hidden; }
#quely-meetings .hp-ob .raws { display:flex; flex-direction:column; gap:4px; }
#quely-meetings .hp-ob .raw { font-family:var(--font-mono); font-size:10px; font-weight:600; color:var(--ink-2); opacity:0; animation:hp-raw2 7s linear infinite; }
#quely-meetings .hp-ob .raw.r1 { animation-delay:2.4s; }
#quely-meetings .hp-ob .raw.r2 { animation-delay:2.9s; }
#quely-meetings .hp-ob .raw.r3 { animation-delay:3.4s; }
@keyframes hp-raw { 0% { opacity:0; transform:translateX(-8px); } 4%,26% { opacity:1; transform:none; } 34%,100% { opacity:0; transform:none; } }
#quely-meetings .hp-ob .sum { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:8px 10px; background:var(--peri-soft); font-family:var(--font-product); font-size:11px; color:var(--purple-deep); opacity:0; animation:hp-sum 7s linear infinite; }
@keyframes hp-sum { 0%,64% { opacity:0; } 70%,96% { opacity:1; } 100% { opacity:0; } }
#quely-meetings .hp-ob .sweep { position:absolute; top:0; bottom:0; width:34%; left:-40%; background:linear-gradient(90deg, transparent, rgba(147,133,230,.35), transparent); animation:hp-sweep 7s linear infinite; }
@keyframes hp-sweep { 0%,44% { left:-40%; opacity:0; } 48% { opacity:1; } 66% { left:110%; opacity:1; } 67%,100% { left:110%; opacity:0; } }
@media (prefers-reduced-motion: reduce){
  #quely-meetings .hp-ob .raw { animation:none; opacity:1; }
  #quely-meetings .hp-ob .sum, #quely-meetings .hp-ob .sweep { animation:none; opacity:0; }
  #quely-meetings .hp-oh .st.raw { animation:none; }
}


/* ---- scrollytelling for #how ---- */
#quely-meetings .mw-scrolly { height:340vh; position:relative; }
#quely-meetings .mw-sticky { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; justify-content:center; overflow:hidden; }
#quely-meetings .mw-sticky .wrap { width:100%; }
#quely-meetings .mw-scaler { transform-origin:top center; max-width:none; position:relative; left:50%; transform:translateX(-50%); }
#quely-meetings .mw-sticky .sec-head { margin-bottom:10px; }
#quely-meetings .mw-sticky .sec-sub { font-size:13px; max-width:760px; margin-left:auto; margin-right:auto; }
#quely-meetings .mw-sticky .sec-eyebrow { margin-bottom:6px; }
#quely-meetings .mw-sticky .sec-head { margin-bottom:18px; }
#quely-meetings .mw-sticky .mw { margin-top:0; }
#quely-meetings .mw-sticky .sec-title { font-size:clamp(22px,2.2vw,32px); }
#quely-meetings .mw-sticky .sec-sub { font-size:14px; }
@media (max-width:880px){
  #quely-meetings .mw-scrolly { height:auto; }
  #quely-meetings .mw-sticky { position:static; min-height:0; overflow:visible; }
}

/* ---- Orbit working: more pronounced ---- */
#quely-meetings .hp-orbit2 { animation:hp-oglow 7s linear infinite; }
@keyframes hp-oglow { 0%,40%,70%,100% { box-shadow:none; } 46%,64% { box-shadow:0 0 0 3px var(--peri), 5px 5px 0 var(--purple); } }
#quely-meetings .hp-oh { position:relative; overflow:hidden; }
#quely-meetings .hp-oh::after { content:""; position:absolute; top:0; bottom:0; width:40%; left:-50%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent); animation:hp-ohsweep 7s linear infinite; }
@keyframes hp-ohsweep { 0%,44% { left:-50%; } 66% { left:120%; } 67%,100% { left:120%; } }
#quely-meetings .hp-ob .raw { position:relative; }
#quely-meetings .hp-ob .raw::before { content:"›"; margin-right:6px; color:var(--purple); font-weight:700; }
@keyframes hp-raw2 { 0% { opacity:0; transform:translateX(-8px); } 4%,22% { opacity:1; transform:none; } 30%,34% { opacity:1; transform:translateX(4px) scale(.96); color:var(--purple-deep); } 40%,100% { opacity:0; transform:translateX(10px) scale(.85); } }
#quely-meetings .hp-ob .sweep { width:44%; background:linear-gradient(90deg, transparent, rgba(92,40,164,.28), rgba(147,133,230,.5), transparent); }
#quely-meetings .hp-ob .sum { animation-name:hp-sum2; }
@keyframes hp-sum2 { 0%,62% { opacity:0; transform:scale(.9); } 68% { opacity:1; transform:scale(1.04); } 72%,96% { opacity:1; transform:scale(1); } 100% { opacity:0; transform:scale(.9); } }
@keyframes hp-spark3 { 0%,38%,72%,100% { transform:scale(1) rotate(0deg); filter:none; } 44% { transform:scale(1.7) rotate(-15deg); } 52% { transform:scale(1.3) rotate(25deg); } 60% { transform:scale(1.8) rotate(-10deg); } 66% { transform:scale(1.2) rotate(15deg); } }
#quely-meetings .hp-oh .spark { animation-name:hp-spark3; display:inline-block; }


/* pinned mode: compact so the whole story (incl. Outcome cards) fits */
#quely-meetings .mw-sticky .sec-head { margin-bottom:8px; }
#quely-meetings .mw-sticky .sec-eyebrow { margin-bottom:4px; font-size:10px; }
#quely-meetings .mw-sticky .sec-title { font-size:clamp(19px,1.7vw,26px); line-height:1.15; margin:0; }
#quely-meetings .mw-sticky .sec-sub { font-size:12.5px; line-height:1.45; margin-top:7px; }
#quely-meetings .mw-sticky .mw-toolbar { margin-bottom:12px; }
#quely-meetings .mw-sticky .mw-panel { min-height:0; }
#quely-meetings .mw-sticky .wf-stage { padding:13px; gap:10px; }
#quely-meetings .mw-sticky .wf-step { padding:10px 4px 8px; }
#quely-meetings .mw-sticky .wf-branch { gap:10px; }
#quely-meetings .mw-sticky .wf-out-body { padding:11px; gap:11px; }
#quely-meetings .mw-sticky .wf-scatter { height:104px; }
#quely-meetings .mw-sticky .wf-connect { height:104px; }
#quely-meetings .mw-sticky .wf-space-body { grid-template-columns:88px 1fr; }
#quely-meetings .mw-sticky .wf-main { padding:8px; gap:6px; }

/* Production responsive pass. Tablet and touch layouts show the completed
   comparison in normal document flow, avoiding a long pinned interaction. */
@media (max-width:1024px){
  #quely-meetings .wrap { padding-left:28px; padding-right:28px; }
  #quely-meetings .mw-scrolly { height:auto; }
  #quely-meetings .mw-sticky {
    position:static;
    height:auto;
    min-height:0;
    overflow:visible;
    justify-content:flex-start;
  }
  #quely-meetings .mw-scaler {
    width:100% !important;
    height:auto !important;
    left:auto;
    transform:none !important;
  }
  #quely-meetings .mw-panels { grid-template-columns:1fr; }
  #quely-meetings .mw-panel,
  #quely-meetings .mw-panel.mw-dim { opacity:1; filter:none; }
  #quely-meetings .mw-sticky .sec-head { margin-bottom:28px; }
  #quely-meetings .mw-sticky .sec-eyebrow { font-size:11px; margin-bottom:8px; }
  #quely-meetings .mw-sticky .sec-title { font-size:clamp(28px,4vw,40px); line-height:1.08; }
  #quely-meetings .mw-sticky .sec-sub { font-size:16px; line-height:1.55; margin-top:14px; }
  #quely-meetings .mw-sticky .wf-stage { padding:18px; gap:14px; }
  #quely-meetings .mw-toolbar { display:none; }
}

@media (max-width:767px){
  #quely-meetings .wrap { padding-left:18px; padding-right:18px; }
  #quely-meetings .section,
  #quely-meetings .sec { padding:64px 0; }
  #quely-meetings .hero { padding-top:54px; padding-bottom:54px; }
  #quely-meetings .hero h1 { font-size:clamp(35px,10vw,44px); line-height:1.04; }
  #quely-meetings .hero .lead { font-size:17px; line-height:1.55; }
  #quely-meetings .hero-ctas { width:100%; gap:18px; }
  #quely-meetings .hero-ctas .btn { width:100%; }
  #quely-meetings .hero-secondary { min-height:44px; justify-content:center; width:100%; }
  #quely-meetings .hp { padding:20px 14px 16px; box-shadow:6px 6px 0 var(--purple); }
  #quely-meetings .hp > img { width:56px !important; top:-31px !important; right:-2px !important; }
  #quely-meetings .hp-stage-meetings { order:1; }
  #quely-meetings .hp-label-meetings { order:2; }
  #quely-meetings .hp-stage-space { order:3; }
  #quely-meetings .hp-label-space { order:4; }
  #quely-meetings .hp-stage-outcomes { order:5; }
  #quely-meetings .hp-label-outcomes { order:6; }
  #quely-meetings .hp-lbl { padding:8px 0 2px; border-bottom:2px solid var(--line); }
  #quely-meetings .integ-strip { align-items:stretch; flex-direction:column; gap:15px; padding:16px 0; }
  #quely-meetings .integ-strip > .label { padding-left:18px !important; padding-right:18px !important; }
  #quely-meetings .integ-strip .integ-name { font-size:17px; }
  #quely-meetings .marquee-track { gap:32px; padding-right:32px; }
  #quely-meetings .mw-sticky .sec-title { font-size:30px; }
  #quely-meetings .mw-sticky .sec-sub { font-size:15px; }
  #quely-meetings .mw-sticky .wf-stage { padding:14px; gap:12px; }
  #quely-meetings .mw-phead { padding:13px 14px; }
  #quely-meetings .mw-ptitle { font-size:17px; }
  #quely-meetings .mw-pstatus { font-size:9px; }
  #quely-meetings .wf-steps,
  #quely-meetings .wf-steps.five { grid-template-columns:1fr; }
  #quely-meetings .wf-step { min-height:92px; }
  #quely-meetings .wf-branch { grid-template-columns:1fr; }
  #quely-meetings .wf-scatter { min-height:130px; }
  #quely-meetings .rm-card { min-width:244px; padding:16px 18px; }
  #quely-meetings .dm-card { padding:22px 20px 24px; }
  #quely-meetings .finalcta { padding:46px 20px; box-shadow:6px 6px 0 var(--purple); }
  #quely-meetings .finalcta h2 { font-size:36px; }
  #quely-meetings .fc-ctas { width:100%; }
  #quely-meetings .fc-ctas .btn { width:100%; }
}

@media (max-width:359px){
  #quely-meetings .wrap { padding-left:14px; padding-right:14px; }
  #quely-meetings .hero h1 { font-size:33px; }
  #quely-meetings .wf-out-body { padding:10px; }
  #quely-meetings .wf-side span { padding:6px 9px; }
}

#quely-meetings a:focus-visible,
#quely-meetings button:focus-visible {
  outline:3px solid var(--purple);
  outline-offset:4px;
}