/* GENERATED by src/build.py from src/css/tour.css — edit the source, not this file. */
/* CEEZ AI — the live demo page: scripted simulation, access form, and the feature-by-feature tour.
   Loaded after site.css / inner.css / pages.css. */
.sim-k{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
/* ── simulation ── */
.sim-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.sim-tabs button{padding:9px 16px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:transparent;color:var(--muted);font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.sim-tabs button:hover{color:var(--text)}
.sim-tabs button[aria-selected="true"]{color:var(--text);border-color:var(--acc-border);background:var(--glass)}
.sim{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);overflow:hidden;border-radius:20px}
.sim-intent{position:relative;padding:clamp(22px,2.6vw,34px);border-right:1px solid var(--border)}
.sim-intent h3{margin-top:14px;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.3vw,30px);line-height:1.1;color:var(--text)}
.sim-desc{margin-top:12px;font-size:15.5px;line-height:1.55;font-weight:300;color:var(--muted)}
.sim-run{margin-top:22px;width:100%;justify-content:center}
.sim-run[disabled]{opacity:.7;cursor:default}
.sim-status{min-height:1.4em;margin-top:12px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sage)}
.sim-note{margin-top:22px;font:500 11px/1.6 var(--mono);letter-spacing:.06em;color:var(--faint)}
.sim-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border)}
.sim-state{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}
.sim-pad{padding:clamp(18px,2.2vw,28px)}
.sim-obj{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sim-obj b{font-size:14px;font-weight:500;color:var(--text)}
.sim-agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;padding:0;list-style:none}
.sim-agents li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
.sim-agents li.is-on{border-color:rgba(156,187,170,.5);background:rgba(156,187,170,.08)}
.sim-agents b{display:block;font-size:14.5px;font-weight:500;color:var(--text)}
.sim-agents em{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--faint)}
.sim-agents i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--border-strong);transition:background .3s,box-shadow .3s}
.sim-agents li.is-on i{background:var(--sage);box-shadow:0 0 10px var(--sage)}
.sim-result{display:flex;align-items:center;gap:16px;margin-top:16px;padding:14px 18px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02);font-size:14.5px;color:var(--text)}
.sim-cap{margin-top:14px;text-align:center;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
@media(max-width:900px){.sim{grid-template-columns:minmax(0,1fr)}.sim-intent{border-right:0;border-bottom:1px solid var(--border)}}
@media(max-width:560px){.sim-agents{grid-template-columns:minmax(0,1fr)}}
/* ── access form ── */
.access{max-width:720px;margin:0 auto;padding:clamp(24px,3vw,40px)}
.access .h3{margin-top:12px;max-width:none}
.access-lede{margin-top:12px;font-size:16px;line-height:1.6;font-weight:300;color:var(--muted)}
.access-form{margin-top:22px}
.access-form .btn{width:100%;justify-content:center;margin-top:4px}
.access-err{font-size:14px;color:var(--danger);margin-top:10px}
.access-err:empty{display:none}
.access-fine{font-size:13px;color:var(--faint);margin-top:12px}
.access-done{padding:18px 20px;border:1px solid rgba(156,187,170,.45);border-radius:12px;background:rgba(156,187,170,.1);font-size:15px;color:var(--muted)}
.access-done-t{font-size:16px;font-weight:600;color:var(--text)}
.access-more{margin-top:20px}
/* ── feature tour ── */
.tf-list{display:grid;gap:16px}
.tf{padding:clamp(20px,2.4vw,30px)}
.tf.is-star{border-color:var(--acc-border);background:linear-gradient(170deg,rgb(var(--acc-rgb) / .10),var(--glass))}
.tf-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}
.tf-num{font:500 12px var(--mono);letter-spacing:.06em;color:var(--acc2)}
.tf-head h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.4vw,32px);line-height:1.1;color:var(--text)}
.tf-star{padding:3px 10px;border:1px solid rgba(226,174,108,.5);border-radius:var(--r-pill);background:rgba(226,174,108,.12);font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#E9C48E}
.tf-where{margin-left:auto;padding:3px 10px;border:1px solid var(--border-strong);border-radius:var(--r-pill);font:500 11px var(--mono);letter-spacing:.06em;color:var(--soft)}
.tf-what{margin-top:10px;max-width:78ch;font-size:16px;line-height:1.6;font-weight:300;color:var(--muted)}
.tf-body{display:grid;gap:22px;margin-top:16px}
.tf.has-shot .tf-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.tf-steps{display:grid;gap:10px;padding:0;list-style:none}
.tf-steps li{display:flex;gap:12px;font-size:15px;line-height:1.55;font-weight:300;color:var(--muted)}
.tf-steps b,.tf-value b{font-weight:500;color:var(--text)}
.tf-steps code,.tf-what code,.tf-value code,.section-head code{padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.07);font:500 .88em var(--mono);color:var(--ink-strong)}
.tf-n{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:2px;border:1px solid var(--acc-border);border-radius:50%;background:var(--acc-tint);font:500 11px var(--mono);color:var(--acc2)}
.tf-value{margin-top:16px;padding:12px 16px;border-left:2px solid var(--sage);border-radius:0 10px 10px 0;background:rgba(156,187,170,.07);font-size:15px;line-height:1.55;font-weight:300;color:var(--muted)}
.tf-shot{margin:0}
.tf-shot img{display:block;width:100%;height:auto;border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 18px 44px -20px rgba(0,0,0,.7)}
.tf-shot figcaption{margin-top:8px;text-align:center;font-size:13px;line-height:1.5;color:var(--faint)}
.ab-card p b{font-weight:500;color:var(--text)}
.tour-fine{max-width:56ch;margin:22px auto 0;font-size:13.5px;line-height:1.6;color:var(--faint)}
@media(max-width:1000px){.tf.has-shot .tf-body{grid-template-columns:minmax(0,1fr)}.tf-shot{order:-1}}
.section-head .lede a.link{display:inline;padding-bottom:1px}

/* ── screenshot lightbox ── */
.tf-zoom{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;text-align:left;font:inherit;color:inherit}
.tf-zoom::after{content:"Click to enlarge  ⤢";position:absolute;right:12px;bottom:12px;padding:6px 11px;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-pill);background:rgba(8,10,24,.82);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);transition:background .2s,border-color .2s}
.tf-zoom:hover::after,.tf-zoom:focus-visible::after{background:var(--acc);border-color:var(--acc);color:#0A0A0F}
.tf-zoom:hover img{border-color:var(--acc-border)}
html.lb-lock{overflow:hidden}
.lb{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center}
.lb[hidden]{display:none}
.lb-back{position:absolute;inset:0;background:rgba(4,6,18,.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.lb-frame{position:relative;z-index:1;display:flex;flex-direction:column;width:min(98vw,1760px);max-height:96vh;padding:12px 56px}
.lb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px}
.lb-count{font:500 12px var(--mono);letter-spacing:.14em;color:var(--soft)}
.lb-actions{display:flex;align-items:center;gap:8px}
.lb-open{font:500 12px var(--mono);letter-spacing:.08em;color:var(--soft);padding:7px 12px}
.lb-open:hover{color:var(--text)}
.lb-btn{padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:rgba(255,255,255,.06);color:var(--text);font:500 12px var(--mono);letter-spacing:.06em;cursor:pointer;transition:background .2s,border-color .2s}
.lb-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4)}
.lb-stage{overflow:auto;border:1px solid var(--border-strong);border-radius:12px;background:#07080B;text-align:center;cursor:zoom-in}
.lb-stage img{display:block;margin:0 auto;max-width:100%;max-height:calc(96vh - 130px);width:auto;height:auto;object-fit:contain}
.lb.is-actual .lb-stage{cursor:zoom-out}
.lb.is-actual .lb-stage img{max-width:none;max-height:none}
.lb-cap{padding:12px 4px 0;text-align:center;font-size:15px;line-height:1.5;color:var(--muted)}
.lb-nav{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border:1px solid var(--border-strong);border-radius:50%;background:rgba(255,255,255,.08);color:var(--text);font-size:20px;cursor:pointer;transition:background .2s}
.lb-nav:hover{background:rgba(255,255,255,.2)}
.lb-nav.is-prev{left:4px}.lb-nav.is-next{right:4px}
@media(max-width:700px){.lb-frame{padding:10px 8px 8px}.lb-nav{top:auto;bottom:8px;margin-top:0}.lb-nav.is-prev{left:8px}.lb-nav.is-next{right:8px}.lb-open{display:none}.lb-cap{padding-bottom:52px}}
