.demo{position:relative;border-radius:22px;background:#0e0e13;border:1px solid rgba(255,255,255,.1);overflow:hidden;color:#f2f2f2;font-size:13px;box-shadow:0 40px 100px -40px #000c}.demo .d-bar{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff08}.d-dots{display:flex;gap:6px}.d-dots i{width:10px;height:10px;border-radius:50%;background:#2a2a33}.d-dots i:first-child{background:#ff5f57}.d-dots i:nth-child(2){background:#febc2e}.d-dots i:nth-child(3){background:#28c840}.d-title{font-weight:600;font-size:12px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-eye{margin-left:auto;flex:none;padding:5px 10px;border-radius:999px;font:500 11px var(--f);background:#d4ff3a1f;color:var(--volt)}.demo .d-body{position:relative;padding:16px;min-height:340px}.demo.compact .d-body{min-height:200px;padding:12px;font-size:11px}.demo.compact{font-size:11px}.demo .bl{filter:blur(4px);transition:filter .4s}.demo .bl-s{filter:blur(3px);transition:filter .4s}.demo.reveal .bl,.demo.reveal .bl-s{filter:none}.demo [data-z]{transition:box-shadow .5s var(--ease),transform .5s var(--ease),background .5s;border-radius:12px}.demo [data-z].hl{box-shadow:0 0 0 2px var(--volt),0 0 40px -6px #d4ff3a8c;transform:scale(1.02);position:relative;z-index:2}.pill{display:inline-flex;padding:6px 12px;border-radius:999px;font-weight:600;font-size:12px;background:#ffffff1a}.pill.hot{background:var(--volt);color:var(--ink)}.t-g{color:#86efac}.t-y{color:#fde047}.t-r{color:#fca5a5}.orb{display:inline-block;width:14px;height:14px;border-radius:50%;background:conic-gradient(var(--ultra),var(--rose),var(--flare),var(--volt),var(--ultra));animation:orb 2s linear infinite;vertical-align:-2px;margin-right:8px}@keyframes orb{to{transform:rotate(360deg)}}.k-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.k-col{display:grid;gap:8px;align-content:start;padding:10px;background:#ffffff09}.k-col>b{font-size:12px;color:#ffffffa6;font-weight:600}.k-card{display:grid;gap:3px;padding:10px;border-radius:10px;background:#ffffff0f;border-left:3px solid #555;animation:kcard 6s infinite}.k-card.t-r{border-color:#f87171;color:inherit}.k-card.t-y{border-color:#facc15;color:inherit}.k-card.t-g{border-color:#4ade80;color:inherit}.k-card.t-n{border-color:var(--ultra)}.k-card small{color:#ffffff80}@keyframes kcard{50%{transform:translateY(-2px)}}.db{display:grid;gap:12px}.db-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.db-kpi{padding:12px;border-radius:12px;background:#ffffff0d;display:grid;gap:4px}.db-kpi small{color:#ffffff8c;font-size:11px}.db-kpi b{font-size:20px;letter-spacing:-.03em}.db-lights{display:grid;gap:8px;padding:10px;background:#ffffff08}.db-light{display:grid;grid-template-columns:1.1fr 2fr auto;gap:10px;align-items:center}.db-light>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffbf;display:flex;gap:6px}.db-light em{font-style:normal;color:#ffffff80;font-size:11px}.medal{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;background:var(--volt);color:var(--ink);font-size:10px}.bar{display:flex;height:8px;border-radius:6px;overflow:hidden;background:#ffffff0f}.bar i{height:100%;animation:barIn 2s var(--ease) both;transform-origin:left}.bar .g{background:#4ade80}.bar .y{background:#facc15}.bar .r{background:#f87171}.bar .u{background:var(--grad)}@keyframes barIn{0%{transform:scaleX(0)}}.db-chart{height:70px;background:#ffffff08}.db-chart svg{width:100%;height:100%}.draw{fill:none;stroke:url(#none);stroke:var(--rose);stroke-width:2.5;stroke-dasharray:500;stroke-dashoffset:500;animation:draw 4s var(--ease) infinite}.draw.b{stroke:var(--ultra);animation-delay:.4s;opacity:.7}@keyframes draw{60%,to{stroke-dashoffset:0}}.db-ai{padding:10px 12px;background:#7b5cff1f;color:#fffc}.calc{display:grid;grid-template-columns:1fr 1fr;gap:12px}.c-in,.c-out{display:grid;gap:8px;align-content:start;padding:12px;background:#ffffff0a}.c-in label{display:grid;gap:4px}.c-in small,.c-out small{color:#ffffff8c;font-size:11px}.c-in span{padding:9px 11px;border-radius:9px;background:#ffffff12}.c-pk{display:grid;gap:6px}.c-pk span{display:flex;justify-content:space-between;padding:8px 10px;border-radius:9px;background:#ffffff0d}.c-pk span.on{background:#d4ff3a26;box-shadow:inset 0 0 0 1px var(--volt)}.c-out>div{display:grid;gap:2px;padding-bottom:8px;border-bottom:1px dashed rgba(255,255,255,.1)}.c-out b{font-size:15px}.c-out .big b{font-size:22px;color:var(--volt);letter-spacing:-.03em}.c-act{grid-column:1 / -1;display:flex;gap:8px}.c-act span{flex:1;text-align:center;padding:10px;border-radius:10px;background:#ffffff12;font-weight:600}.c-act span:last-child{background:var(--volt);color:var(--ink)}.ftc{display:grid;grid-template-columns:1.2fr 40px 1fr;gap:8px;align-items:center}.ftc-form{display:grid;gap:8px;padding:10px;background:#ffffff0a}.q{padding:10px;border-radius:10px;background:#ffffff0d}.q small{color:var(--volt);font-size:10px}.q p{margin:4px 0 8px}.ans{display:flex;gap:6px}.ans i{flex:1;height:8px;border-radius:4px;background:#ffffff1f}.ans i.on{background:var(--ultra)}.ftc-arrow{height:2px;background:#ffffff1a;position:relative;overflow:hidden}.ftc-arrow span{position:absolute;inset:0;width:40%;background:var(--grad);animation:flow 1.6s linear infinite}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(260%)}}.ftc-lead{display:grid;gap:6px;padding:14px;background:#2fc6f61a;border:1px solid #2fc6f655}.ftc-lead small{color:#fff9}.ftc-lead b{font-size:16px}.ftc-lead .row{display:flex;gap:6px;flex-wrap:wrap}.ch{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.ch-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:5px;padding:8px;background:#ffffff08}.u{padding:7px 6px;border-radius:7px;display:grid;gap:1px;animation:uin .8s var(--ease) both}.u b{font-size:12px}.u small{font-size:10px;opacity:.75}.u-free{background:#4ade802e;color:#bbf7d0}.u-reserved{background:#facc1538;color:#fef08a}.u-sold{background:#ffffff0f;color:#fff6}.u-interest{background:#7b5cff40;color:#ddd6fe}@keyframes uin{0%{opacity:0;transform:scale(.8)}}.ch-side{display:grid;gap:10px;align-content:start}.ch-legend{display:grid;gap:6px;padding:10px}.ch-legend span{padding:6px 10px;border-radius:8px;font-size:11px}.ch-card{display:grid;gap:6px;padding:12px;background:#ffffff0d}.ch-card small{color:#ffffff8c}.ch-card b{font-size:18px}.ch-crm{padding:10px;text-align:center;background:#2fc6f61a;color:#9ee6ff;font-weight:600}.ai{display:grid;gap:10px}.ai-wave{display:flex;align-items:center;gap:3px;height:54px;padding:0 8px;background:#ffffff08}.ai-wave i{flex:1;border-radius:2px;background:var(--grad);animation:wave 1.3s calc(var(--i) * -60ms) infinite ease-in-out}@keyframes wave{0%,to{height:14%}50%{height:92%}}.ai-list{display:grid;gap:6px;padding:8px;background:#ffffff08}.ai-row{display:grid;grid-template-columns:1fr auto 36px;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#ffffff0a}.ai-row small{color:#ffffff80}.ai-row b{text-align:center;padding:3px 0;border-radius:7px}.ai-row b.g{background:#4ade8033;color:#86efac}.ai-row b.y{background:#facc1533;color:#fde047}.ai-row b.r{background:#f8717133;color:#fca5a5}.ai-row em{grid-column:1 / -1;font-style:normal;font-size:11px;color:#fca5a5;padding:4px 8px;background:#f8717114}.ai-cqr{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#7b5cff26}.ai-cqr b{font-size:26px;letter-spacing:-.04em}.ln{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ln-cats{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap;padding:4px}.ln-cats span{padding:6px 12px;border-radius:999px;background:#ffffff0f}.ln-cats span.on{background:var(--volt);color:var(--ink);font-weight:600}.ln-list{display:grid;gap:6px;align-content:start;padding:6px}.ln-list div{display:grid;gap:2px;padding:10px;border-radius:10px;background:#ffffff0d}.ln-list small{color:#ffffff80;font-size:10px}.ln-list span{color:var(--volt);font-size:11px}.ln-form{display:grid;gap:8px;align-content:start;padding:12px;background:#7b5cff1f}.ln-form label{display:grid;gap:4px}.ln-form small{color:#fff9}.ln-form i{height:26px;border-radius:8px;background:#ffffff14}.dl{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.demo .dl-ring{position:relative;width:110px;height:110px;border-radius:50%;background:var(--grad);display:grid;place-items:center}.dl-ring b{font-size:34px;color:#fff}.dl-ring span{position:absolute;inset:0;border-radius:50%;border:2px solid var(--rose);animation:ring 2.4s infinite ease-out}.dl-ring span:nth-child(2){animation-delay:.8s}.dl-ring span:nth-child(3){animation-delay:1.6s}@keyframes ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}.dl-q{display:grid;gap:6px;padding:6px}.dl-q>div{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:9px 10px;border-radius:10px;background:#ffffff0d;color:inherit}.dl-q em{font-style:normal;font-weight:600}.dl-q .t-r em{color:#fca5a5}.dl-q .t-y em{color:#fde047}.dl-q .t-g em{color:#86efac}.dl-crm{grid-column:1 / -1;padding:10px;text-align:center;background:#2fc6f61a;color:#9ee6ff;font-weight:600}.tb table{width:100%;border-collapse:collapse;font-size:12px}.tb th{text-align:left;font-weight:500;color:#ffffff80;padding:8px;border-bottom:1px solid rgba(255,255,255,.08)}.tb td{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.tb-foot{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tb-foot span{padding:8px 12px;background:#ffffff0f}.mp-office{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 16px)}.room{padding:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;display:grid;gap:6px}.room small{color:#ffffff8c}.room em{color:#fca5a5;font-style:normal}.ppl{display:flex;flex-wrap:wrap;gap:4px}.ppl i{width:12px;height:12px;border-radius:3px;background:var(--grad);animation:walk 2s infinite steps(2)}.ppl i:nth-child(2n){animation-delay:.5s}@keyframes walk{50%{transform:translateY(-2px)}}.mp-pixels{position:relative;display:grid;grid-template-columns:repeat(16,1fr);gap:3px;padding:8px}.mp-pixels i{aspect-ratio:1;border-radius:3px;background:#ffffff0f}.mp-pixels i.on{background:var(--ultra)}.mp-pixels i.on2{background:var(--flare)}.mp-tip{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:#0009}.mb{display:grid;grid-template-columns:200px 1fr;gap:14px;align-items:center}.phone{padding:12px 10px;border-radius:28px;border:6px solid #22222a;background:#121218;display:grid;gap:6px;min-height:300px;align-content:start}.demo.compact .phone{min-height:0}.ph-status{font-size:10px;color:#fff9;text-align:center;padding-bottom:6px}.ph-row{display:grid;gap:2px;padding:9px;border-radius:12px;background:#ffffff0f}.ph-row small{color:#ffffff80}.ph-row em{font-style:normal;font-size:11px}.ph-cat{display:grid;gap:4px}.ph-cat span{display:flex;justify-content:space-between;padding:7px 9px;border-radius:9px;background:#d4ff3a14}.mb-sync{padding:12px;background:#7b5cff26}.mb-sync.s2{background:#ffffff0d;margin-top:-40px}.mb>.mb-sync{grid-column:2}.mb{grid-template-rows:auto auto}.phone{grid-row:span 2}.mb-sync.s2{margin-top:0}.st{display:grid;gap:10px}.st-nav{display:flex;gap:12px;align-items:center;padding:8px 10px;background:#ffffff0a;font-size:11px;color:#fff9}.st-nav b{color:var(--flare)}.st-hero{display:grid;gap:8px;padding:20px 14px;background:linear-gradient(120deg,#7b5cff4d,#ff6a3d40);justify-items:start}.st-hero i{height:14px;width:70%;border-radius:6px;background:#fffc}.st-hero i.s{width:45%;background:#fff6}.st-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.st-cards div{padding:10px;border-radius:10px;background:#ffffff0d;display:grid;gap:2px}.st-cards small{color:#ffffff80}.st-cards .taken{opacity:.45;text-decoration:line-through}.st-lead{padding:10px;text-align:center;background:#2fc6f61a;color:#9ee6ff;font-weight:600}.bt{display:grid;gap:8px}.bt p{margin:0;max-width:75%;padding:10px 12px;border-radius:14px}.bt .b{background:#ffffff12}.bt .u{justify-self:end;background:var(--ultra)}@media(max-width:600px){.calc,.ch,.ln,.ftc,.dl,.mb{grid-template-columns:1fr}.ftc-arrow{display:none}.mb>.mb-sync{grid-column:1}.phone{grid-row:auto}}