body:has(.site-root){--bg:#06090d;--surface:#0c1018;--surface-light:#111827;--teal:#00e5b0;--blue:#3b9eff;--purple:#8b5cf6;--orange:#ff6b35;--green:#22c55e;--gray:#6b7280}.site-root,.site-root *{box-sizing:border-box;margin:0;padding:0}body:has(.site-root){background-color:var(--bg);color:#f3f4f6;font-family:var(--font-jakarta), sans-serif;flex-direction:column;min-height:100vh;display:flex}.site-root a{color:inherit;text-decoration:none}.site-root .demo-topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06090de6;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.site-root .back-link{color:#fff;border-bottom:2px solid #00e5b066;align-items:center;gap:6px;padding-bottom:2px;font-size:.9rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.site-root .back-link:hover{border-color:var(--teal);color:var(--teal)}.site-root .demo-label{color:#9ca3af;letter-spacing:.02em;font-size:.85rem;font-weight:600}.site-root .demo-label b{color:#f3f4f6;font-weight:700}.site-root .topbar-spacer{width:130px}.site-root .demo-pill{z-index:60;letter-spacing:.04em;color:#cbd5e1;background:#0c1018eb;border:1px solid #00e5b04d;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.72rem;font-weight:700;display:inline-flex;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #0006}.site-root .pulse-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 10px var(--teal);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.site-root .workspace{flex:1;grid-template-columns:30% 1fr 25%;gap:16px;width:100%;max-width:1500px;margin:0 auto;padding:16px;display:grid}.site-root .panel{background:var(--surface);border:1px solid #ffffff0f;border-radius:14px;padding:18px;overflow:hidden}.site-root .panel-title{letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;margin-bottom:14px;font-size:.72rem;font-weight:800}.site-root .panel-title b{color:var(--teal)}.site-root .quote-list{flex-direction:column;gap:10px;display:flex}.site-root .quote-card{background:var(--surface-light);border:1px solid #ffffff0d;border-left:3px solid var(--teal);cursor:pointer;border-radius:10px;padding:12px 14px;transition:transform .2s,border-color .2s,background .2s}.site-root .quote-card:hover{background:#141b29;transform:translate(3px)}.site-root .quote-card.selected{background:#141b29;border-color:#00e5b080;box-shadow:0 0 0 1px #00e5b033}.site-root .quote-card.s-awaiting,.site-root .quote-card.s-followup{border-left-color:var(--teal)}.site-root .quote-card.s-replied{border-left-color:var(--blue)}.site-root .quote-card.s-won{border-left-color:var(--green)}.site-root .quote-card.s-lost{border-left-color:var(--gray);opacity:.7}.site-root .qc-name{font-size:.95rem;font-weight:700}.site-root .qc-meta{color:#9ca3af;margin-top:2px;font-size:.74rem}.site-root .qc-bottom{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.site-root .qc-value{color:#e5e7eb;font-size:.9rem;font-weight:700}.site-root .badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.64rem;font-weight:800}.site-root .b-awaiting,.site-root .b-followup{color:var(--teal);background:#00e5b024}.site-root .b-replied{color:var(--blue);background:#3b9eff29}.site-root .b-won{color:#4ade80;background:#22c55e29}.site-root .b-lost{color:#9ca3af;background:#6b72802e}.site-root .detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.site-root .detail-customer{letter-spacing:-.03em;font-size:1.6rem;font-weight:800;line-height:1.1}.site-root .detail-sub{color:#9ca3af;margin-top:4px;font-size:.8rem}.site-root table.items{border-collapse:collapse;width:100%;margin-bottom:6px;font-size:.82rem}.site-root table.items th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;border-bottom:1px solid #ffffff14;padding:6px 8px;font-size:.66rem}.site-root table.items td{color:#d1d5db;border-bottom:1px solid #ffffff0a;padding:8px}.site-root table.items td.num,.site-root table.items th.num{text-align:right}.site-root .items-total{justify-content:flex-end;align-items:baseline;gap:16px;padding:12px 8px 0;display:flex}.site-root .items-total .lbl{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-size:.72rem}.site-root .items-total .amt{color:var(--teal);font-size:1.3rem;font-weight:800}.site-root .email-preview{color:#cbd5e1;background:#0a0e16;border:1px solid #3b9eff33;border-radius:10px;margin:18px 0;padding:14px 16px;font-size:.84rem;line-height:1.55;display:none}.site-root .email-preview.show{display:block}.site-root .email-preview .from{color:#6b7280;border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding-bottom:8px;font-size:.7rem}.site-root .typing-cursor{background:var(--teal);vertical-align:-2px;width:7px;height:1em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.site-root .timeline-head{letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;margin:6px 0 14px;font-size:.78rem;font-weight:800}.site-root .tl{padding-left:6px;list-style:none;position:relative}.site-root .tl-item{padding:0 0 18px 30px;position:relative}.site-root .tl-item:not(:last-child):before{content:"";background:#ffffff14;width:2px;position:absolute;top:18px;bottom:-2px;left:7px}.site-root .tl-dot{background:var(--surface-light);border:2px solid var(--gray);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:0}.site-root .tl-item.done .tl-dot{background:var(--teal);border-color:var(--teal);box-shadow:0 0 10px #00e5b080}.site-root .tl-when{color:#6b7280;letter-spacing:.03em;font-size:.7rem;font-weight:600}.site-root .tl-label{align-items:center;gap:6px;margin-top:2px;font-size:.88rem;font-weight:600;display:flex}.site-root .tl-item:not(.done) .tl-label{color:#6b7280}.site-root .tl-note{color:#9ca3af;margin-top:3px;font-size:.78rem;font-style:italic}.site-root .tl-ic{vertical-align:middle;width:1.05rem;height:1.05rem}.site-root .tl-check{display:inline-block}.site-root .sim-btn{background:var(--teal);color:#04130f;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:12px 20px;font-size:.9rem;font-weight:800;transition:transform .15s,opacity .2s;display:inline-flex}.site-root .sim-btn:hover:not(:disabled){transform:translateY(-2px)}.site-root .sim-btn:disabled{opacity:.45;cursor:not-allowed}.site-root .sim-done-note{color:var(--teal);margin-top:10px;font-size:.78rem;display:none}.site-root .sim-done-note.show{display:block}.site-root .metric{background:var(--surface-light);border:1px solid #ffffff0d;border-radius:10px;margin-bottom:12px;padding:14px}.site-root .metric .m-lbl{color:#9ca3af;font-size:.72rem;font-weight:600}.site-root .metric .m-val{letter-spacing:-.02em;margin-top:4px;font-size:1.55rem;font-weight:800}.site-root .metric .m-delta{color:#4ade80;margin-top:2px;font-size:.74rem;font-weight:700}.site-root .m-val.teal{color:var(--teal)}.site-root .demo-foot{text-align:center;max-width:760px;margin:0 auto;padding:28px 20px 80px}.site-root .demo-foot .credit{color:#6b7280;margin-bottom:18px;font-size:.78rem}.site-root .consult-cta{background:var(--teal);color:#04130f;border-radius:10px;padding:14px 26px;font-size:1rem;font-weight:800;transition:transform .15s;display:inline-block}.site-root .consult-cta:hover{transform:translateY(-2px)}@media (max-width:980px){.site-root .workspace{grid-template-columns:1fr}.site-root .demo-label{font-size:.74rem}.site-root .topbar-spacer{display:none}.site-root .detail-customer{font-size:1.3rem}}body:has(.site-root){animation:.4s pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}body:has(.site-root).page-exit{animation:.3s forwards pageOut}@keyframes pageOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.site-root{font-family:var(--font-jakarta), sans-serif}