/* ============================================================
   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-orbit.qpage.
   ============================================================ */

/* ============================================================
   HERO
   ============================================================ */
#quely-orbit .hero { padding-top:clamp(48px,6vw,92px); padding-bottom:clamp(40px,5vw,72px); }
#quely-orbit .hero-grid { display:grid; grid-template-columns:minmax(300px,0.82fr) 1.18fr; gap:clamp(32px,4vw,60px); align-items:center; }
#quely-orbit .hero-copy .sec-eyebrow { justify-content:flex-start; }
#quely-orbit .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-orbit .hero-em { color:var(--purple); }
#quely-orbit .hero .lead { margin:22px 0 0; max-width:48ch; }
#quely-orbit .hero-ctas { display:flex; align-items:center; gap:16px; margin-top:32px; flex-wrap:wrap; justify-content:flex-start; }
#quely-orbit .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-orbit .hero-secondary:hover { color:var(--purple); }
#quely-orbit .hero-secondary svg { transition:transform .2s ease; }
#quely-orbit .hero-secondary:hover svg { transform:translate(2px,-2px); }

/* hero retrieve-from-stack chip rail */
#quely-orbit .hero-logos { margin-top:42px; display:flex; flex-direction:column; align-items:center; gap:16px; }
#quely-orbit .hl-label { font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-3); }
#quely-orbit .hl-marquee { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; max-width:780px; }
#quely-orbit .hl-marquee .hl-track:nth-child(2) { display:none; }
#quely-orbit .hl-track { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
#quely-orbit .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-orbit .hl-chip .hl-logo { width:18px; height:18px; display:flex; align-items:center; justify-content:center; flex:none; }
#quely-orbit .hl-chip .hl-logo img { width:18px; height:18px; object-fit:contain; }
#quely-orbit .hl-chip .hl-name { font-family:var(--font-mono); font-size:12px; font-weight:600; color:var(--ink); }

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

/* ============================================================
   GENERIC PRODUCT FRAME (window mock)
   ============================================================ */
#quely-orbit .ob-frame { position:relative; border:2px solid var(--line); background:#fff; box-shadow:6px 6px 0 var(--ink); overflow:hidden; }
#quely-orbit .ob-bar { display:flex; align-items:center; gap:8px; padding:11px 15px; background:var(--paper-2); border-bottom:2px solid var(--line); }
#quely-orbit .ob-bar .tl { width:11px; height:11px; border-radius:50%; border:1.5px solid var(--line); }
#quely-orbit .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-orbit .ob-bc img { width:16px; height:16px; object-fit:contain; }
#quely-orbit .ob-bc b { color:var(--ink); font-weight:700; }
#quely-orbit .ob-bc-sep { color:var(--ink-3); }
#quely-orbit .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-orbit .ob-hero-card { box-shadow:8px 8px 0 var(--purple); }
#quely-orbit .ob-retr { display:grid; grid-template-columns:0.92fr 1.08fr; }
#quely-orbit .ob-retr-l { padding:26px 28px; border-right:2px solid var(--line); }
#quely-orbit .ob-retr-r { padding:26px 28px; position:relative; background:var(--paper); }
#quely-orbit .ob-ask { display:flex; align-items:center; gap:11px; padding:11px 12px; border:2px solid var(--line); background:#fff; }
#quely-orbit .ob-ask-ava { width:30px; height:30px; border-radius:50%; object-fit:cover; background:#EDE6F6; flex:none; }
#quely-orbit .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-orbit .ob-ask-caret { display:none; width:2px; height:16px; background:var(--purple); margin-left:1px; animation:obcaret .8s step-end infinite; }
#quely-orbit .ob-ask-ph { color:var(--ink-3); font-weight:400; }
@keyframes obcaret { 50% { opacity:0; } }
#quely-orbit .ob-ask-go { width:30px; height:30px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
/* answer */
#quely-orbit .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-orbit .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-orbit .ob-ans-body { font-family:var(--font-product); font-size:15px; line-height:1.55; color:var(--ink); margin:14px 0 0; }
#quely-orbit .ob-ans-body b { font-weight:700; background:linear-gradient(180deg,transparent 12%, var(--peri-soft) 12%, var(--peri-soft) 88%, transparent 88%); }
#quely-orbit .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-orbit .ob-cites { display:flex; flex-wrap:wrap; gap:8px; margin-top:11px; }
#quely-orbit .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-orbit .ob-cite-logo { width:15px; height:15px; display:flex; flex:none; }
#quely-orbit .ob-cite-logo img { width:15px; height:15px; object-fit:contain; }
#quely-orbit .ob-cite-k { font-family:var(--font-mono); color:var(--purple); font-weight:600; }
#quely-orbit .ob-hero-mascot { position:absolute; right:18px; bottom:14px; width:74px; height:auto; filter:drop-shadow(3px 3px 0 var(--ink)); }

/* buffering block */
#quely-orbit .ob-buffer { display:none; }
#quely-orbit .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-orbit .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-orbit .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-orbit .ob-buf-pill svg { flex:none; }

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

/* ============================================================
   HERO — Orbit Chat panel (animated)
   ============================================================ */
#quely-orbit .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-orbit .ob-chat-head { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid #EFEAF6; background:#F6F1FC; }
#quely-orbit .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-orbit .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-orbit .oc-title img { width:20px; height:20px; border-radius:50%; }
#quely-orbit .ob-chat-body { padding:20px 18px 8px; display:flex; flex-direction:column; gap:16px; height:400px; flex:0 0 auto; overflow-y:auto; scroll-behavior:smooth; overscroll-behavior:contain; }
#quely-orbit .ob-chat-body::-webkit-scrollbar { width:0; height:0; }
#quely-orbit .ob-chat-body { scrollbar-width:none; }
/* user question — borderless lavender bubble */
#quely-orbit .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-orbit .oc-user.show { opacity:1; transform:none; }
#quely-orbit .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-orbit .oc-time { display:block; margin-top:7px; font-family:var(--font-product); font-size:11.5px; color:var(--ink-3); }
/* orbit answer card */
#quely-orbit .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-orbit .oc-card-head { display:flex; align-items:center; justify-content:space-between; }
#quely-orbit .oc-ava { width:38px; height:38px; border-radius:50%; object-fit:cover; background:#EDE6F6; }
#quely-orbit .oc-dots { color:var(--ink-3); display:flex; }
/* buffer */
#quely-orbit .oc-buffer { display:none; margin-top:14px; }
#quely-orbit .ob-chat[data-on="buffer"] .oc-buffer { display:block; }
#quely-orbit .oc-analyzing { display:flex; align-items:center; gap:9px; font-family:var(--font-product); font-size:13.5px; color:var(--ink-2); }
#quely-orbit .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-orbit .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-orbit .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-orbit .oc-retrieving svg { flex:none; }
/* answer body */
#quely-orbit .oc-answer { display:none; margin-top:14px; }
#quely-orbit .ob-chat[data-on="answer"] .oc-answer { display:block; }
#quely-orbit .oc-a-block { opacity:0; transform:translateY(6px); transition:opacity .45s ease, transform .45s ease; }
#quely-orbit .ob-chat[data-on="answer"] .oc-a-block.in { opacity:1; transform:none; }
#quely-orbit .oc-a-intro { font-family:var(--font-product); font-size:14.5px; line-height:1.55; color:var(--ink); margin:0; }
#quely-orbit .oc-a-intro b { font-weight:700; }
#quely-orbit .oc-a-ol { margin:14px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:12px; }
#quely-orbit .oc-a-ol > li { font-family:var(--font-product); }
#quely-orbit .oc-a-ol > li::marker { font-size:14px; color:var(--ink-2); }
#quely-orbit .oc-li-h { font-family:var(--font-marketing); font-size:14.5px; font-weight:700; color:var(--ink); margin:0; }
#quely-orbit .oc-li-sub { list-style:none; padding:0; margin:6px 0 0; display:flex; flex-direction:column; gap:5px; }
#quely-orbit .oc-li-sub li { position:relative; padding-left:15px; font-size:13.5px; line-height:1.5; color:var(--ink-2); }
#quely-orbit .oc-li-sub li::before { content:""; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:var(--ink-3); }
#quely-orbit .oc-answer b { font-weight:700; color:var(--ink); }
/* actions row */
#quely-orbit .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-orbit .ob-chat[data-on="answer"] .oc-actions.in { display:flex; opacity:0; animation:ocfade .5s ease forwards; }
@keyframes ocfade { to { opacity:1; } }
#quely-orbit .oc-act-spark { display:flex; flex:none; }
#quely-orbit .oc-act-name { font-family:var(--font-marketing); font-size:15px; font-weight:700; color:var(--ink); }
#quely-orbit .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-orbit .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-orbit .oc-act-chev { margin-left:auto; color:var(--ink-3); }
/* composer */
#quely-orbit .ob-chat-input { border-top:1px solid #F1EEF6; padding:12px 16px 14px; }
#quely-orbit .oc-pills { display:flex; gap:8px; margin-bottom:10px; }
#quely-orbit .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-orbit .oc-field { display:flex; align-items:center; gap:10px; padding:12px 13px; border:1px solid #E7E2EE; border-radius:11px; background:#fff; }
#quely-orbit .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-orbit .oc-caret { display:none; width:2px; height:15px; background:var(--purple); margin-left:1px; animation:obcaret .8s step-end infinite; }
#quely-orbit .oc-ph { color:var(--ink-3); }
#quely-orbit .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-orbit .ob-chat-body { height:360px; }
}
/* static Orbit Chat (Find anything section) */
#quely-orbit .oc-static2 .oc-a-block { opacity:1 !important; transform:none !important; }
#quely-orbit .oc-static2 .oc-actions { display:flex; }
#quely-orbit .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-orbit .oc-a-plain { list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:7px; }
#quely-orbit .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-orbit .oc-a-plain li::before { content:""; position:absolute; left:4px; top:8px; width:5px; height:5px; border-radius:50%; background:var(--ink-3); }
#quely-orbit .oc-a-plain b { font-weight:700; color:var(--ink); }
#quely-orbit .oc-clip { position:relative; max-height:330px; overflow:hidden; }
#quely-orbit .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-orbit .ob-pair { display:grid; grid-template-columns:0.92fr 1.08fr; gap:clamp(32px,4vw,64px); align-items:center; }
#quely-orbit .ob-pair.rev { grid-template-columns:1.08fr 0.92fr; }
/* find-anything visual */
#quely-orbit .ob-find { }
#quely-orbit .ob-find-chat { padding:22px 22px 20px; display:flex; flex-direction:column; gap:16px; }
#quely-orbit .ob-find-chat .oc-user { align-self:flex-end; max-width:82%; text-align:right; }
#quely-orbit .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-orbit .ob-find-chat .oc-time { display:block; margin-top:7px; font-family:var(--font-product); font-size:11.5px; color:var(--ink-3); }
#quely-orbit .ob-find-answer2 { position:relative; border:2px solid var(--line); background:#fff; box-shadow:5px 5px 0 var(--ink); padding:18px 20px; }
#quely-orbit .ffa-head { display:flex; align-items:center; justify-content:space-between; }
#quely-orbit .ffa-ava { width:36px; height:36px; border-radius:50%; object-fit:cover; background:#EDE6F6; }
#quely-orbit .ffa-dots { color:var(--ink-3); display:flex; }
#quely-orbit .ffa-intro { font-family:var(--font-product); font-size:14.5px; line-height:1.55; color:var(--ink); margin:14px 0 0; }
#quely-orbit .ffa-h { font-family:var(--font-marketing); font-size:15px; font-weight:700; color:var(--ink); margin:16px 0 0; }
#quely-orbit .ffa-p { font-family:var(--font-product); font-size:13.5px; line-height:1.55; color:var(--ink-2); margin:8px 0 0; }
#quely-orbit .ffa-p b { font-weight:700; color:var(--ink); }
#quely-orbit .ffa-ul { list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:7px; }
#quely-orbit .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-orbit .ffa-ul li::before { content:""; position:absolute; left:4px; top:8px; width:5px; height:5px; border-radius:50%; background:var(--ink-3); }
#quely-orbit .ffa-ul b { font-weight:700; color:var(--ink); }
#quely-orbit .ob-find-answer2.oc-clip { max-height:340px; overflow:hidden; }
#quely-orbit .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-orbit .ob-find-field { display:flex; align-items:center; gap:10px; padding:13px 14px; border:2px solid var(--line); background:var(--paper); }
#quely-orbit .off-ph { flex:1; min-width:0; font-family:var(--font-product); font-size:14px; color:var(--ink-3); }
#quely-orbit .off-send { width:30px; height:30px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
#quely-orbit .ob-pair-copy .sec-head { max-width:none; }
#quely-orbit .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-orbit .sec-eyebrow::before { content:""; width:24px; height:2px; background:var(--purple); display:inline-block; }
#quely-orbit .sec-head.center .sec-eyebrow { justify-content:flex-start; }
#quely-orbit .sec-head.center .sec-eyebrow::before { display:inline-block; }
#quely-orbit .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-orbit .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-orbit .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-orbit .ob-qpanel { padding:0; }
#quely-orbit .ob-qpanel .ob-item-head { display:flex; align-items:center; gap:10px; padding:16px 22px 0; }
#quely-orbit .ob-ico { width:26px; height:26px; border:2px solid var(--line); display:flex; align-items:center; justify-content:center; flex:none; }
#quely-orbit .ob-key { font-family:var(--font-mono); font-size:12px; font-weight:700; color:var(--ink); }
#quely-orbit .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-orbit .ob-srctag img { width:13px; height:13px; object-fit:contain; }
#quely-orbit .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-orbit .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-orbit .oh-ava { width:28px; height:28px; border-radius:50%; object-fit:cover; background:#EDE6F6; flex:none; }
#quely-orbit .oh-t { font-family:var(--font-marketing); font-size:14px; font-weight:600; color:var(--ink); }
#quely-orbit .oh-meta { font-family:var(--font-mono); font-size:11px; color:var(--ink-3); margin-left:auto; }
#quely-orbit .ob-qlist { display:flex; flex-direction:column; padding:8px 0 14px; }
#quely-orbit .ob-qrow { display:flex; align-items:flex-start; gap:12px; padding:14px 22px; border-bottom:1px solid rgba(26,22,17,.12); }
#quely-orbit .ob-qrow:last-child { border-bottom:none; }
#quely-orbit .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-orbit .ob-q-txt { flex:1; font-family:var(--font-product); font-size:14px; line-height:1.5; color:var(--ink); }
#quely-orbit .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-orbit .ob-q-foot { border-top:1px solid rgba(26,22,17,.12); padding:18px 22px 20px; }
#quely-orbit .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-orbit .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-orbit .ob-q-actions { display:flex; gap:12px; margin-top:16px; }
#quely-orbit .ob-q-actions .btn { flex:1; }

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

/* point picker */
#quely-orbit .ob-pts { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
#quely-orbit .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-orbit .ob-pt.sel { background:var(--ink); color:#fff; }

/* seniority inset */
#quely-orbit .ob-sen { margin-top:20px; border:2px solid var(--line); background:var(--paper); padding:16px 16px 14px; }
#quely-orbit .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-orbit .ob-sen-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:13px; }
#quely-orbit .ob-sen-c { border:2px solid var(--line); background:#fff; padding:12px 11px; display:flex; flex-direction:column; gap:4px; }
#quely-orbit .ob-sen-c.sel { background:var(--peri-soft); border-color:var(--purple); }
#quely-orbit .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-orbit .ob-sen-c .sv { font-family:var(--font-marketing); font-size:21px; font-weight:700; color:var(--ink); letter-spacing:-0.02em; }
#quely-orbit .ob-sen-c.sel .sv { color:var(--purple); }
#quely-orbit .ob-sen-c .sp { font-family:var(--font-mono); font-size:10.5px; color:var(--ink-3); }
#quely-orbit .ob-sen-c.sel .sp { color:var(--purple); }
#quely-orbit .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-orbit .ob-sen-rec svg { flex:none; }
#quely-orbit .ob-sen-rec b { color:var(--ink); font-weight:700; }

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

/* submitted band */
#quely-orbit .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-orbit .ob-submitted .sy-check { width:20px; height:20px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
#quely-orbit .ob-submitted b { font-weight:700; }

/* subtasks card */
#quely-orbit .ob-sub-desc { font-family:var(--font-product); font-size:14px; line-height:1.5; color:var(--ink-2); margin:16px 0 0; }
#quely-orbit .ob-sub-desc b { color:var(--ink); font-weight:700; }
#quely-orbit .ob-check { width:20px; height:20px; flex:none; border:2px solid var(--line); display:flex; align-items:center; justify-content:center; background:#fff; }
#quely-orbit .ob-check.on { background:var(--ink); }
#quely-orbit .ob-sub-bar { display:flex; align-items:center; gap:10px; margin-top:16px; }
#quely-orbit .ob-sub-selall { font-family:var(--font-marketing); font-size:14px; font-weight:600; color:var(--ink); }
#quely-orbit .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-orbit .ob-subtask { margin-top:12px; border:2px solid var(--line); background:var(--paper); padding:13px 14px; }
#quely-orbit .ob-subtask-head { display:flex; align-items:center; gap:10px; }
#quely-orbit .ob-subtask-head .st-name { font-family:var(--font-marketing); font-size:14.5px; font-weight:600; color:var(--ink); }
#quely-orbit .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-orbit .ob-subtask-head .st-n { margin-left:auto; font-family:var(--font-mono); font-size:11px; color:var(--ink-3); }
#quely-orbit .ob-subtask-body { margin-top:12px; padding-top:12px; border-top:1px solid rgba(26,22,17,.14); }
#quely-orbit .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-orbit .ob-subtask-body .st-h:first-child { margin-top:0; }
#quely-orbit .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-orbit .ob-refine { height:100%; display:flex; flex-direction:column; }
#quely-orbit .ob-refine-list { display:flex; flex-direction:column; gap:10px; margin-top:16px; }
#quely-orbit .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-orbit .ob-refine .ob-ecard-actions { margin-top:auto; padding-top:20px; }

/* ============================================================
   BENEFITS BENTO
   ============================================================ */
#quely-orbit .ob-benefits { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; margin-top:clamp(40px,5vw,56px); }
#quely-orbit .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-orbit .ob-benefit.b-wide { grid-column:span 3; }
#quely-orbit .ob-benefit:hover { box-shadow:6px 6px 0 var(--purple); transform:translate(-2px,-2px); }
#quely-orbit .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-orbit .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-orbit .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-orbit .sp-dark-band { background:var(--ink); color:var(--paper); border-top:2px solid var(--line); border-bottom:2px solid var(--line); }
#quely-orbit .sp-dark-band .sec-eyebrow { color:var(--peri-soft); }
#quely-orbit .sp-dark-band .sec-eyebrow::before { background:var(--peri); }
#quely-orbit .sp-dark-band .sec-title { color:var(--paper); }
#quely-orbit .sp-dark-band .hl-violet { background:linear-gradient(180deg,transparent 10%, var(--peri) 10%, var(--peri) 90%, transparent 90%); color:#fff; }
#quely-orbit .sp-dark-band .sec-sub { color:rgba(236,231,242,.7); }
#quely-orbit .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-orbit .ob-flow { display:flex; flex-direction:column; }
#quely-orbit .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-orbit .ob-step:last-child { border-bottom:none; }
#quely-orbit .ob-step.on { opacity:1; }
#quely-orbit .ob-step.dim { opacity:.4; }
#quely-orbit .os-ico { flex:none; width:42px; height:42px; border:2px solid var(--peri); display:flex; align-items:center; justify-content:center; }
#quely-orbit .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-orbit .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-orbit .ob-meet-stage { position:relative; }
#quely-orbit .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-orbit .ob-meet { border:2px solid var(--peri); background:#221C33; box-shadow:7px 7px 0 var(--purple); overflow:hidden; }
#quely-orbit .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-orbit .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-orbit .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-orbit .ob-meet-bar .ob-bc { color:rgba(255,255,255,.7); }
#quely-orbit .ob-meet-bar .ob-bc img { filter:brightness(0) invert(1); opacity:.7; }
#quely-orbit .ob-meet-time { margin-left:auto; font-family:var(--font-mono); font-size:12px; font-weight:600; color:rgba(255,255,255,.55); }
#quely-orbit .ob-meet-body { padding:18px 18px 20px; }
#quely-orbit .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-orbit .ob-trans { display:flex; flex-direction:column; gap:10px; margin-top:14px; }
#quely-orbit .ob-tr { display:grid; grid-template-columns:60px 1fr; gap:11px; opacity:0; transform:translateY(6px); transition:opacity .4s ease, transform .4s ease; }
#quely-orbit .ob-tr.show { opacity:1; transform:none; }
#quely-orbit .tr-who { font-family:var(--font-mono); font-size:11.5px; font-weight:700; color:#C9B6F0; text-align:right; }
#quely-orbit .tr-txt { font-family:var(--font-product); font-size:13px; line-height:1.45; color:rgba(255,255,255,.82); }
#quely-orbit .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-orbit .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-orbit .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-orbit .ob-meet-return.on { opacity:1; transform:none; }

/* ============================================================
   BRING INTO SPACE (Orbit wizard — Connect step)
   ============================================================ */
#quely-orbit .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-orbit .ob-wiz-steps { display:flex; align-items:center; gap:12px; padding:16px 24px; border-bottom:2px solid var(--line); background:var(--paper); }
#quely-orbit .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-orbit .ows-step.active { color:var(--ink); }
#quely-orbit .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-orbit .ows-step.done .ows-num { background:var(--purple); border-color:var(--purple); color:#fff; }
#quely-orbit .ows-step.active .ows-num { border-color:var(--purple); color:var(--purple); background:var(--peri-soft); }
#quely-orbit .ows-bar { flex:1; height:2px; background:var(--line); }
#quely-orbit .ows-bar.done { background:var(--purple); }
#quely-orbit .ob-wiz-body { display:grid; grid-template-columns:200px 1fr 260px; align-items:stretch; }
#quely-orbit .owz-rail { padding:20px 18px; border-right:2px solid var(--line); background:var(--paper); }
#quely-orbit .owz-rail-lbl, #quely-orbit .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-orbit .owz-rail-lbl ~ .owz-rail-lbl { margin-top:20px; }
#quely-orbit .owz-tune, #quely-orbit .owz-source { display:flex; align-items:center; gap:11px; padding:12px 13px; border:2px solid var(--line); background:#fff; }
#quely-orbit .owz-tune.sel { border-color:var(--purple); background:var(--peri-soft); }
#quely-orbit .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-orbit .owz-source img { width:26px; height:26px; flex:none; object-fit:contain; }
#quely-orbit .owz-tune-b { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
#quely-orbit .owz-tune-t { font-family:var(--font-marketing); font-size:14px; font-weight:700; color:var(--ink); }
#quely-orbit .owz-tune-d { font-family:var(--font-product); font-size:12px; color:var(--ink-3); }
#quely-orbit .owz-tune-dot { width:7px; height:7px; border-radius:50%; background:var(--purple); flex:none; }
/* center */
#quely-orbit .owz-main { padding:24px 26px; min-width:0; }
#quely-orbit .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-orbit .owz-eyebrow-ico { width:24px; height:24px; flex:none; border-radius:50%; background:var(--purple); display:flex; align-items:center; justify-content:center; }
#quely-orbit .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-orbit .owz-sub { font-family:var(--font-product); font-size:14px; line-height:1.5; color:var(--ink-2); margin:10px 0 0; }
#quely-orbit .owz-flabel { font-family:var(--font-marketing); font-size:15px; font-weight:600; color:var(--ink); margin:24px 0 0; }
#quely-orbit .owz-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
#quely-orbit .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-orbit .owz-seg { display:inline-flex; margin-top:12px; border:2px solid var(--line); }
#quely-orbit .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-orbit .owz-seg span:last-child { border-right:none; }
#quely-orbit .owz-seg span.on { background:var(--purple); color:#fff; font-weight:600; }
#quely-orbit .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-orbit .owz-conns { padding:20px 18px; border-left:2px solid var(--line); }
#quely-orbit .owz-conns-lbl ~ .owz-conns-lbl { margin-top:22px; }
#quely-orbit .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-orbit .owz-conn img { width:22px; height:22px; flex:none; object-fit:contain; }
#quely-orbit .owz-conn.ref { border-color:var(--purple); background:var(--peri-soft); }
#quely-orbit .owz-conn.soon { color:var(--ink-3); }
#quely-orbit .owz-conn.soon img { opacity:.55; }
#quely-orbit .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-orbit .owz-conn-check { width:22px; height:22px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
/* footer */
#quely-orbit .ob-wiz-foot { display:flex; align-items:center; gap:16px; padding:16px 24px; border-top:2px solid var(--line); background:var(--paper); }
#quely-orbit .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-orbit .owz-acc-spark { display:flex; flex:none; }
#quely-orbit .owz-acc-bar { flex:1; max-width:340px; height:8px; background:var(--paper-2); border:1.5px solid var(--line); position:relative; }
#quely-orbit .owz-acc-bar span { position:absolute; inset:0; right:auto; background:var(--purple); }
#quely-orbit .owz-acc b { font-family:var(--font-marketing); font-size:15px; font-weight:700; color:var(--purple); }
#quely-orbit .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-orbit .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-orbit .ob-tx-left, #quely-orbit .ob-tx-right { min-width:0; }
#quely-orbit .ob-tx-mid { display:flex; align-items:center; justify-content:center; }
#quely-orbit .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) — fixed height, auto-scrolls, no cursor interaction */
#quely-orbit .oc-static .ob-chat-body { display:flex; flex-direction:column; gap:16px; height:430px; overflow:hidden; }
#quely-orbit .oc-thread { display:flex; flex-direction:column; gap:10px; }
#quely-orbit .oc-th-msg { padding:13px 14px; border:2px solid var(--line); background:#fff; }
#quely-orbit .oc-th-top { display:flex; align-items:center; gap:8px; }
#quely-orbit .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-orbit .oc-th-name { font-family:var(--font-marketing); font-size:13px; font-weight:700; color:var(--ink); }
#quely-orbit .oc-th-time { margin-left:auto; font-family:var(--font-product); font-size:11px; color:var(--ink-3); }
#quely-orbit .oc-th-txt { font-family:var(--font-product); font-size:13px; line-height:1.5; color:var(--ink-2); margin:9px 0 0; }
#quely-orbit .oc-th-ctl { display:flex; gap:8px; margin-top:11px; }
#quely-orbit .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-orbit .oc-actions-panel { border:2px solid var(--line); background:#fff; }
#quely-orbit .oc-ap-head { display:flex; align-items:center; gap:10px; padding:13px 15px; border-bottom:2px solid var(--line); }
#quely-orbit .oc-action-row { display:flex; align-items:center; gap:12px; padding:14px 15px; border-bottom:1px solid #EFEAF6; }
#quely-orbit .oc-action-row:last-of-type { border-bottom:none; }
#quely-orbit .oc-action-row.sel { background:var(--peri-soft); }
#quely-orbit .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-orbit .oc-ar-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
#quely-orbit .oc-ar-t { font-family:var(--font-marketing); font-size:14.5px; font-weight:700; color:var(--ink); }
#quely-orbit .oc-ar-d { font-family:var(--font-product); font-size:12.5px; line-height:1.4; color:var(--ink-3); }
#quely-orbit .oc-ar-pick { width:22px; height:22px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--purple); }
#quely-orbit .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-orbit .oc-toggle { width:34px; height:20px; border-radius:999px; background:var(--purple); position:relative; flex:none; }
#quely-orbit .oc-toggle::after { content:""; position:absolute; top:2px; right:2px; width:16px; height:16px; border-radius:50%; background:#fff; }
/* finished description doc */
#quely-orbit .ob-doc { border:2px solid var(--line); background:#fff; box-shadow:6px 6px 0 var(--ink); display:flex; flex-direction:column; }
#quely-orbit .ob-doc-topic { padding:20px 24px 0; }
#quely-orbit .obd-tag { font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.14em; color:var(--purple); }
#quely-orbit .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-orbit .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-orbit .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-orbit .obd-dot { color:var(--ink-3); }
#quely-orbit .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-orbit .ob-doc-body { padding:14px 24px 6px; }
#quely-orbit .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-orbit .obd-h ~ .obd-h { margin-top:22px; }
#quely-orbit .obd-p { font-family:var(--font-product); font-size:13.5px; line-height:1.6; color:var(--ink-2); margin:9px 0 0; }
#quely-orbit .obd-ol { margin:11px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:12px; }
#quely-orbit .obd-ol > li { font-family:var(--font-product); font-size:13.5px; line-height:1.5; color:var(--ink); font-weight:600; }
#quely-orbit .obd-ol > li b { font-weight:700; }
#quely-orbit .obd-ol ul { list-style:disc; margin:6px 0 0; padding-left:18px; display:flex; flex-direction:column; gap:5px; }
#quely-orbit .obd-ol ul li { font-weight:400; color:var(--ink-2); line-height:1.5; }
#quely-orbit .obd-ul { margin:11px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:7px; }
#quely-orbit .obd-ul li { font-family:var(--font-product); font-size:13.5px; line-height:1.5; color:var(--ink-2); }
#quely-orbit .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-orbit .sy-check { width:22px; height:22px; flex:none; display:flex; align-items:center; justify-content:center; background:#16A34A; }
#quely-orbit .sy-txt { flex:1; font-family:var(--font-product); font-size:13px; color:var(--ink); }
#quely-orbit .sy-txt b { font-weight:700; }
#quely-orbit .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-orbit .sy-jira img { width:13px; height:13px; object-fit:contain; }

/* ============================================================
   FINAL CTA
   ============================================================ */
#quely-orbit #finalcta { padding-bottom:clamp(72px,8vw,120px); }
/* full-bleed brand-purple field with concentric rings (matches home / blog) */
#quely-orbit .ob-cta { position:relative; overflow:hidden; background:var(--purple-deep); border-top:2px solid var(--line); border-bottom:2px solid var(--line); }
#quely-orbit .ob-cta-deco { position:absolute; inset:0; pointer-events:none; z-index:0; }
#quely-orbit .ob-cta-deco .ring { position:absolute; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); border:1.5px solid rgba(201,193,242,.16); }
#quely-orbit .ob-cta-deco .r1 { width:520px; height:520px; }
#quely-orbit .ob-cta-deco .r2 { width:840px; height:840px; border-color:rgba(201,193,242,.10); }
#quely-orbit .ob-cta-deco .r3 { width:1180px; height:1180px; border-color:rgba(201,193,242,.06); }
#quely-orbit .ob-cta-inner { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; }
#quely-orbit .ob-cta-mascot { width:92px; height:auto; margin-bottom:16px; filter:drop-shadow(0 18px 34px rgba(0,0,0,0.4)); }
#quely-orbit .ob-cta-eyebrow { font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--peri-soft); }
#quely-orbit .ob-cta h2 { font-family:var(--font-marketing); font-weight:600; font-size:clamp(36px,5.2vw,66px); line-height:1.02; letter-spacing:-0.045em; color:var(--paper); margin:16px auto 0; text-wrap:balance; max-width:16ch; }
#quely-orbit .ob-cta p { font-family:var(--font-product); font-size:clamp(16px,1.5vw,19px); line-height:1.55; color:rgba(236,231,242,.72); margin:22px auto 0; max-width:56ch; }
#quely-orbit .fc-ctas { display:inline-flex; gap:16px; margin-top:34px; flex-wrap:wrap; justify-content:center; }
/* amber button gets an ink offset shadow on the purple field (contrast, not same tone) */
#quely-orbit .ob-cta .btn-amber { box-shadow:4px 4px 0 var(--ink); }
#quely-orbit .ob-cta .btn-amber:hover { box-shadow:6px 6px 0 var(--ink); }

/* ============================================================
   LENS MAP (node graph)
   ============================================================ */
#quely-orbit .ob-lensmap { margin-top:clamp(40px,5vw,56px); }
#quely-orbit .ob-lm-meta { margin-left:auto; font-family:var(--font-mono); font-size:11px; color:var(--ink-3); }
#quely-orbit .ob-lm-body { display:grid; grid-template-columns:268px 1fr; min-height:560px; }
#quely-orbit .ob-lm-explorer { border-right:2px solid var(--line); background:var(--paper); padding:20px 18px; overflow:hidden; }
#quely-orbit .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-orbit .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-orbit .ob-lm-cats { margin-top:16px; display:flex; flex-direction:column; gap:4px; }
#quely-orbit .ob-lm-cat { padding:8px 8px; transition:background .15s; }
#quely-orbit .ob-lm-cat.hot { background:#fff; box-shadow:inset 0 0 0 2px var(--line); }
#quely-orbit .ob-lm-cat-head { display:flex; align-items:center; gap:9px; }
#quely-orbit .ob-lm-cat-ico { width:20px; height:20px; flex:none; display:flex; align-items:center; justify-content:center; }
#quely-orbit .ob-lm-cat-name { font-family:var(--font-marketing); font-size:14.5px; font-weight:600; color:var(--ink); }
#quely-orbit .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-orbit .ob-lm-cat-items { display:flex; flex-direction:column; gap:2px; margin:8px 0 0 4px; }
#quely-orbit .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-orbit .ob-lm-item::before { content:""; width:6px; height:6px; border-radius:50%; flex:none; background:var(--c,var(--ink-3)); }

/* canvas */
#quely-orbit .ob-lm-canvas { position:relative; background:#fff; overflow:hidden; }
#quely-orbit .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-orbit .ob-edges { position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
#quely-orbit .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-orbit .ob-edge.on { stroke:var(--ink); stroke-width:1.6; }

#quely-orbit .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-orbit .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-orbit .ob-node.ref .ob-node-tile, #quely-orbit .ob-node.comment .ob-node-tile { border-radius:50%; width:36px; height:36px; }
#quely-orbit .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-orbit .ob-node.dim { opacity:.42; transition:opacity .25s ease; }
#quely-orbit .ob-node.hot { z-index:5; opacity:1; }
#quely-orbit .ob-node.hot .ob-node-tile { transform:scale(1.18); box-shadow:3px 3px 0 var(--nb,var(--line)); }
#quely-orbit .ob-node.hot .ob-node-lbl { color:var(--ink); font-weight:600; }
/* lens colors */
#quely-orbit .ob-node.dec { --nb:#16A34A; --nbg:#EAF7EF; --c:#16A34A; }
#quely-orbit .ob-node.act { --nb:#2563EB; --nbg:#EAF0FE; --c:#2563EB; }
#quely-orbit .ob-node.opp { --nb:#D97706; --nbg:#FDF3E5; --c:#D97706; }
#quely-orbit .ob-node.risk { --nb:#DC2626; --nbg:#FDECEC; --c:#DC2626; }
#quely-orbit .ob-node.next { --nb:#5C28A4; --nbg:#F1EAFA; --c:#5C28A4; }
#quely-orbit .ob-node.ref { --nb:#2563EB; --nbg:#EAF2FE; --c:#2563EB; }
#quely-orbit .ob-node.comment { --nb:#857B69; --nbg:#F4F1ED; --c:#857B69; }

/* tooltip */
#quely-orbit .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-orbit .ob-lm-tip.on { opacity:1; transform:none; }
#quely-orbit .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-orbit .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-orbit .hero-grid { grid-template-columns:1fr; }
  #quely-orbit .ob-retr { grid-template-columns:1fr; }
  #quely-orbit .ob-retr-l { border-right:none; border-bottom:2px solid var(--line); }
  #quely-orbit .ob-pair { grid-template-columns:1fr; }
  #quely-orbit .ob-pair.rev { grid-template-columns:1fr; }
  #quely-orbit .ob-pair.rev > *:first-child { order:2; }
  #quely-orbit .ob-twofold { grid-template-columns:1fr; }
  #quely-orbit .ob-benefits { grid-template-columns:1fr 1fr; }
  #quely-orbit .ob-tx { grid-template-columns:1fr; }
  #quely-orbit .ob-wiz-body { grid-template-columns:1fr; }
  #quely-orbit .owz-rail { border-right:none; border-bottom:2px solid var(--line); }
  #quely-orbit .owz-conns { border-left:none; border-top:2px solid var(--line); }
  #quely-orbit .ob-tx-mid { padding:4px 0; }
  #quely-orbit .ob-tx-arrow { transform:rotate(90deg); }
  #quely-orbit .ob-benefit, #quely-orbit .ob-benefit.b-wide { grid-column:span 1; }
  #quely-orbit .ob-handoff { grid-template-columns:1fr; }
  #quely-orbit .ob-bento { grid-template-columns:1fr; }
  #quely-orbit .ob-lm-body { grid-template-columns:1fr; min-height:0; }
  #quely-orbit .ob-lm-explorer { border-right:none; border-bottom:2px solid var(--line); }
  /* stacked layout puts explorer + canvas in separate auto-height rows —
     .ob-lm-canvas only ever contains absolutely-positioned nodes (--x/--y
     percentages), so with no explicit height it collapses to 0px and the
     whole node graph silently disappears. Give it real height back. */
  #quely-orbit .ob-lm-canvas { min-height:440px; }
}
@media (max-width:560px){
  #quely-orbit .wrap { padding:0 22px; }
  #quely-orbit .ob-lenses { grid-template-columns:1fr; }
  #quely-orbit .ob-meet-mascot { display:none; }
  #quely-orbit .ob-sen-grid { grid-template-columns:1fr; }
  #quely-orbit .ob-benefits { grid-template-columns:1fr; }
  #quely-orbit .ob-ecard-actions { flex-direction:column; }
}