.container-scroll{--scroll-frame-border:var(--graphite-700);--scroll-frame-surface:var(--graphite-900);--scroll-frame-shadow:0 12px 24px color-mix(in srgb, var(--graphite-950) 65%, transparent), 0 40px 64px color-mix(in srgb, var(--graphite-950) 45%, transparent);width:100%;min-width:0;padding:32px 0 min(16vh,128px)}.container-scroll__perspective{perspective:1000px;width:100%;min-width:0}.container-scroll__header{text-align:center;max-width:100%;margin:0 auto 64px}.container-scroll__card{border:4px solid var(--scroll-frame-border);background:var(--scroll-frame-surface);border-radius:var(--r-card);width:94%;max-width:1120px;box-shadow:var(--scroll-frame-shadow);transform-origin:50%;margin:0 auto;padding:12px}.container-scroll__screen{aspect-ratio:16/9;background:var(--scroll-frame-surface);border-radius:16px;width:100%;min-height:660px;position:relative;overflow:hidden}@media (width<=768px){.container-scroll__screen{aspect-ratio:auto;height:660px}}@media (width<=767px){.container-scroll{padding-top:24px;padding-bottom:64px}.container-scroll__header{margin-bottom:40px}.container-scroll__card{border-width:3px;width:100%;padding:6px}.container-scroll__screen{border-radius:18px}}@media (prefers-reduced-motion:reduce){.container-scroll__header,.container-scroll__card{transform:none!important}}.crm-example{background:var(--graphite-900);min-width:0;height:100%;color:var(--white);font-family:var(--font);letter-spacing:0;flex-direction:column;font-size:14px;line-height:1.4;display:flex}.crm-example *{min-width:0}.crm-example__topbar{border-bottom:1px solid var(--line-800);align-items:center;gap:20px;padding:18px 24px;display:flex}.crm-example__brand{white-space:nowrap;align-items:center;gap:9px;font-size:16px;display:flex}.crm-example__brand svg{color:var(--lime-500)}.crm-example svg{flex-shrink:0;width:18px;height:18px}.crm-example__search{background:var(--white-08);max-width:280px;color:var(--white-72);border-radius:6px;flex:1;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.crm-example__example{color:var(--lime-500);border:1px solid var(--graphite-700);white-space:nowrap;border-radius:4px;margin-left:auto;padding:4px 8px;font-size:11px}.crm-example__tabs{border-bottom:1px solid var(--line-800);color:var(--white-72);gap:24px;padding:0 24px;font-size:13px;display:flex}.crm-example__tabs span{padding:13px 0}.crm-example__tabs .is-active{color:var(--lime-500);border-bottom:2px solid var(--lime-500)}.crm-example__body{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.crm-example__inbox{border-right:1px solid var(--line-800);flex-direction:column;min-height:0;display:flex}.crm-example__list-title{color:var(--white-72);justify-content:space-between;padding:12px 20px;font-size:11px;display:flex}.crm-example__leads{flex:1;grid-template-rows:repeat(6,minmax(0,1fr));min-height:0;margin:0;padding:0;list-style:none;display:grid}.crm-example__lead{border-top:1px solid var(--line-800);align-items:center;gap:12px;padding:6px 18px;display:flex}.crm-example__lead.is-selected{background:var(--white-08);box-shadow:inset 3px 0 var(--lime-500)}.crm-example__avatar{background:var(--graphite-700);width:34px;height:34px;color:var(--white-72);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.is-selected .crm-example__avatar{background:var(--lime-500);color:var(--graphite-900)}.crm-example__lead-copy{flex:1}.crm-example__lead-name{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.crm-example__property{color:var(--white-72);overflow-wrap:anywhere;margin-top:3px;font-size:11px}.crm-example__chips{align-items:center;gap:6px;margin-top:5px;display:flex}.crm-example__chip{background:var(--white-08);color:var(--white-72);border-radius:4px;padding:2px 6px;font-size:10px;line-height:1.2}.crm-example__chip--hot{color:var(--lime-500)}.crm-example__chip--warm{background:var(--graphite-700);color:var(--white)}.crm-example__detail{flex-direction:column;gap:16px;padding:28px;display:flex}.crm-example__detail-avatar{background:var(--lime-500);width:48px;height:48px;color:var(--graphite-900);font-size:15px}.crm-example__detail-name{overflow-wrap:anywhere;font-size:24px;font-weight:700;line-height:1.2}.crm-example__detail-property{color:var(--white-72);margin-top:6px;font-size:13px}.crm-example__activity{border-block:1px solid var(--line-800);color:var(--white-72);align-items:center;gap:8px;padding:12px 0;font-size:12px;display:flex}.crm-example__activity svg{color:var(--lime-500)}.crm-example__timeline-title{font-size:12px;font-weight:600}.crm-example__timeline{gap:20px;padding:0;list-style:none;display:grid}.crm-example__timeline li{align-items:center;gap:12px;display:flex}.crm-example__timeline-icon{border:1px solid var(--graphite-700);width:28px;height:28px;color:var(--white-72);border-radius:50%;place-items:center;display:grid}.crm-example__timeline-icon.is-sent{color:var(--lime-500)}.crm-example__timeline b{font-size:12px;font-weight:500;display:block}.crm-example__timeline small{color:var(--white-72);font-size:11px}.crm-example__footer{border-top:1px solid var(--line-800);color:var(--white-72);align-items:center;gap:6px;padding:8px 20px;font-size:10px;display:flex}@media (width<=768px){.crm-example__topbar{flex-wrap:wrap;gap:12px;padding:14px 16px}.crm-example__search{flex-basis:100%;order:3;max-width:none}.crm-example__tabs{padding-inline:16px}.crm-example__body{grid-template-columns:minmax(0,1fr)}.crm-example__detail{display:none}.crm-example__inbox{border-right:0}.crm-example__lead{gap:10px;padding-inline:14px}.crm-example__list-title{padding-inline:16px}}.crm-dashboard{--crm-chart-loopnet:var(--graphite-900);--crm-chart-crexi:var(--slate-500);--crm-chart-website:var(--slate-400);--crm-chart-email:var(--line-200);--crm-dashboard-shadow:0 12px 32px color-mix(in srgb, var(--graphite-900) 7%, transparent);margin-bottom:var(--s-12);letter-spacing:0;color:var(--graphite-900)}.crm-dashboard__frame{border:1px solid var(--line-200);box-shadow:var(--crm-dashboard-shadow);border-radius:8px;overflow:hidden}.crm-dashboard__bar{background:var(--white);border-bottom:1px solid var(--line-200);align-items:center;gap:12px;padding:14px 20px;font-size:13px;font-weight:600;display:flex}.crm-dashboard__dots{gap:5px;display:flex}.crm-dashboard__dots span{border-radius:var(--r-pill);background:var(--line-200);width:6px;height:6px}.crm-dashboard .crm-dashboard__badge{border-color:var(--line-200);background:var(--fog-100);color:var(--slate-500);white-space:nowrap;border-radius:4px;font-weight:500}.crm-dashboard__bar>.crm-dashboard__badge{margin-left:auto}.crm-dashboard__grid{background:var(--fog-100);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px;display:grid}.crm-dashboard .crm-dashboard__card{border:1px solid var(--line-200);background:var(--white);min-width:0;color:var(--graphite-900);box-shadow:none;border-radius:8px;padding:20px}.crm-dashboard__card h3{margin-bottom:16px;font-size:14px;font-weight:600;line-height:1.4}.crm-dashboard__stat-label{color:var(--slate-500);align-items:center;gap:8px;font-size:12px;display:flex}.crm-dashboard__stat-value{margin-top:12px;font-size:30px;font-weight:700;line-height:1.2}.crm-dashboard__stat-note{color:var(--slate-500);margin-top:6px;font-size:11px}.crm-dashboard__span2{grid-column:span 2}.crm-dashboard__chart{width:100%;min-width:0;height:218px}.crm-dashboard__legend{color:var(--slate-500);flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:11px;display:flex}.crm-dashboard__legend span{align-items:center;gap:5px;display:inline-flex}.crm-dashboard__swatch{border-radius:var(--r-pill);width:7px;height:7px}.crm-dashboard__swatch--loopnet,.crm-dashboard__swatch--hot{background:var(--crm-chart-loopnet)}.crm-dashboard__swatch--crexi,.crm-dashboard__swatch--warm{background:var(--crm-chart-crexi)}.crm-dashboard__swatch--website,.crm-dashboard__swatch--cold{background:var(--crm-chart-website)}.crm-dashboard__swatch--email{background:var(--crm-chart-email)}.crm-dashboard__tooltip{background:var(--white);border:1px solid var(--line-200);box-shadow:var(--crm-dashboard-shadow);border-radius:6px;padding:10px 12px;font-size:12px}.crm-dashboard__tooltip p{margin-top:3px}.crm-dashboard__pipeline{gap:12px;padding:0;list-style:none;display:grid}.crm-dashboard__pipeline-label{justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.crm-dashboard__progress{border-radius:var(--r-pill);background:var(--fog-100);height:4px;overflow:hidden}.crm-dashboard__progress span{background:var(--slate-500);height:100%;display:block}.crm-dashboard__followups{padding:0;list-style:none}.crm-dashboard__followups li{border-top:1px solid var(--line-200);align-items:center;gap:12px;padding:12px 0;display:flex}.crm-dashboard__followups li:first-child{border-top:0;padding-top:0}.crm-dashboard__followups li>div:first-child{flex:1;min-width:0}.crm-dashboard__followups strong{font-size:13px;font-weight:600}.crm-dashboard__followups p{color:var(--slate-500);margin-top:3px;font-size:12px}.crm-dashboard__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.crm-dashboard .crm-dashboard__action{border-color:var(--line-200);background:var(--white);height:auto;min-height:44px;color:var(--graphite-900);white-space:normal;text-align:left;box-shadow:none;letter-spacing:0;justify-content:flex-start;padding:10px;font-size:12px}.crm-dashboard .crm-dashboard__action:hover{background:var(--fog-100)}.crm-dashboard__caption{color:var(--slate-500);text-align:center;margin-top:14px;font-size:12px}@media (width<=1023px){.crm-dashboard__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.crm-dashboard__grid{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.crm-dashboard__span2{grid-column:auto}.crm-dashboard__bar{gap:8px;padding:12px;font-size:11px}.crm-dashboard__dots{gap:3px}.crm-dashboard .crm-dashboard__card{padding:16px}.crm-dashboard__actions{grid-template-columns:minmax(0,1fr)}}