/* Austin booth kiosk — guided floor demo. Teal system, touch-first. */
.kiosk{min-height:100vh;display:flex;flex-direction:column;}
.k-top{display:flex;align-items:center;justify-content:space-between;padding:22px 36px;border-bottom:1px solid var(--line);}
.k-top .kb{display:flex;align-items:center;gap:13px;font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:1.4px;text-transform:uppercase;}
.k-top .kb img{width:34px;height:34px;}
.k-top .kb span{color:var(--teal);}
.k-top .kmeta{font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mute);}
.k-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 36px;}
.k-screen{display:none;width:100%;max-width:1000px;}
.k-screen.active{display:block;animation:kf .4s ease;}
@keyframes kf{from{transform:translateY(12px);}to{transform:none;}}

/* attract */
.k-attract{text-align:center;}
.k-attract .eyebrow{justify-content:center;}
.k-attract h1{font-size:clamp(46px,7vw,86px);margin:24px auto 0;max-width:18ch;}
.k-attract .lede{margin:26px auto 0;text-align:center;}
.k-attract .pulse-cta{margin-top:40px;display:inline-flex;align-items:center;gap:14px;background:var(--teal);color:#f6f2e6;
  font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:20px 38px;cursor:pointer;border:none;
  animation:kpulse 2s infinite;}
@keyframes kpulse{0%,100%{box-shadow:0 0 0 0 rgba(26,110,110,0.4);}50%{box-shadow:0 0 0 16px rgba(26,110,110,0);}}
.k-attract .runline{margin-top:30px;font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--mute);}

/* step header */
.k-step-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap;}
.k-step-h .sl{font-family:var(--mono);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--teal);}
.k-step-h h2{margin:8px 0 0;}
.k-dots{display:flex;gap:8px;}
.k-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--line2);}
.k-dots .dot.on{background:var(--teal);}

/* agent picker grid */
.k-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line2);}
@media(max-width:820px){.k-pick{grid-template-columns:repeat(2,1fr);}}
.k-pick button{background:var(--surface);border:none;cursor:pointer;text-align:left;padding:22px 22px;display:flex;flex-direction:column;gap:7px;transition:background .12s;min-height:130px;}
.k-pick button:hover,.k-pick button:focus{background:var(--teal-soft);outline:none;}
.k-pick .pc{font-family:var(--mono);font-size:9.5px;letter-spacing:0.6px;text-transform:uppercase;color:var(--teal);}
.k-pick .pn{font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:-0.3px;line-height:1.1;}
.k-pick .pt{font-size:12.5px;color:var(--mute);line-height:1.4;margin-top:auto;}

/* task choice */
.k-tasks{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line2);}
.k-tasks button{background:var(--surface);border:none;cursor:pointer;text-align:left;padding:24px 26px;display:flex;align-items:center;
  justify-content:space-between;gap:18px;transition:background .12s;}
.k-tasks button:hover{background:var(--teal-soft);}
.k-tasks .tq{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink);line-height:1.3;}
.k-tasks .tgo{font-family:var(--mono);font-size:11px;letter-spacing:0.8px;text-transform:uppercase;color:var(--teal);flex:none;}

/* run / automation visual */
.k-run{border:1px solid var(--line2);background:var(--surface);padding:30px 34px;}
.k-run .rq{font-family:var(--serif);font-size:22px;font-style:italic;color:var(--ink);line-height:1.4;padding-bottom:20px;border-bottom:1px solid var(--line);}
.k-run .rq .rqlabel{display:block;font-family:var(--mono);font-size:10px;font-style:normal;letter-spacing:1px;text-transform:uppercase;color:var(--teal);margin-bottom:10px;}
.k-pipe{display:flex;flex-direction:column;gap:1px;margin-top:20px;background:var(--line);border:1px solid var(--line);}
.k-pipe .pstep{background:var(--field);padding:14px 18px;display:flex;align-items:center;gap:14px;opacity:0.4;transition:opacity .3s,background .3s;}
.k-pipe .pstep.on{opacity:1;background:var(--surface);}
.k-pipe .pstep.done{opacity:1;}
.k-pipe .pstep .pi{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid var(--line2);display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:11px;color:var(--mute);}
.k-pipe .pstep.on .pi{border-color:var(--teal);color:var(--teal);}
.k-pipe .pstep.done .pi{border-color:var(--ok);background:var(--ok);color:#f6f2e6;}
.k-pipe .pstep .pl{font-family:var(--mono);font-size:13px;letter-spacing:0.3px;color:var(--ink);}
.k-pipe .pstep .pspin{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:0.8px;text-transform:uppercase;color:var(--teal);}
.k-pipe .pstep.done .pspin{color:var(--ok);}

/* result */
.k-result{border:1px solid var(--teal-line);border-left:3px solid var(--teal);background:var(--field);padding:28px 32px;margin-top:20px;display:none;}
.k-result.show{display:block;animation:kf .4s ease;}
.k-result .rt{font-family:var(--serif);font-weight:700;font-size:24px;letter-spacing:-0.4px;}
.k-result .rbody{font-size:16px;line-height:1.6;color:var(--dim);margin-top:12px;}
.k-result .rbody b{color:var(--ink);}
.k-seal{display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--line2);flex-wrap:wrap;}
.k-seal .stag{font-family:var(--mono);font-size:11px;letter-spacing:0.6px;text-transform:uppercase;color:var(--ok);
  border:1px solid rgba(31,138,91,0.4);background:rgba(31,138,91,0.08);padding:6px 12px;}
.k-seal .sref{font-family:var(--mono);font-size:12px;color:var(--teal);}

/* controls */
.k-controls{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}
.k-controls .kbtn{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:16px 30px;cursor:pointer;border:1px solid transparent;}
.k-controls .kbtn.p{background:var(--teal);color:#f6f2e6;border-color:var(--teal);}
.k-controls .kbtn.p:hover{background:var(--teal-deep);}
.k-controls .kbtn.g{background:none;border-color:var(--line2);color:var(--ink);}
.k-controls .kbtn.g:hover{border-color:var(--teal);color:var(--teal);}

/* footer ribbon */
.k-foot{padding:18px 36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:0.8px;text-transform:uppercase;color:var(--mute);}
.k-foot .kqr{display:flex;align-items:center;gap:12px;}
.k-foot .kqr .qbox{width:46px;height:46px;background:repeating-conic-gradient(var(--ink) 0% 25%,transparent 0% 50%) 0/10px 10px;border:3px solid var(--ink);}
.k-idle{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);}