:root{--croly-ink: #202223;--croly-muted: #6d7175;--croly-border: #dfe3e8;--croly-surface: #ffffff;--croly-subdued: #f6f6f7;--croly-critical: #b42318;--croly-critical-soft: #fff4f2;--croly-success: #007a5a;--croly-success-soft: #f1f8f5}*{box-sizing:border-box}html,body{margin:0;background:#f1f1f1;color:var(--croly-ink)}button,input,select,textarea{font:inherit}.croly-root{min-height:100vh}.croly-demo-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:10px clamp(16px,4vw,44px);border-bottom:1px solid var(--croly-border);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.croly-demo-nav{display:flex;align-items:center;gap:4px}.croly-filter-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);align-items:end;gap:16px}.croly-filter-narrow{width:min(260px,100%);margin-left:auto}.croly-diagnosis-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);align-items:stretch;gap:16px}.croly-diagnosis-grid>s-section{height:100%}.croly-diagnosis-grid.no-checks{grid-template-columns:minmax(0,1fr)}.croly-funnel-scroll{overflow-x:auto;padding:4px 2px 10px}.croly-funnel{display:flex;align-items:stretch;min-width:0}.croly-stage-group{display:flex;flex:1 1 0;min-width:0;align-items:stretch}.croly-stage-group:last-child{flex-basis:0}.croly-stage{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;width:100%;min-width:0;overflow-wrap:anywhere;min-height:178px;padding:16px;border:1px solid var(--croly-border);border-radius:12px;background:var(--croly-surface)}.croly-stage.is-alert{border-color:#f0aaa2;background:var(--croly-critical-soft);box-shadow:inset 0 3px 0 var(--croly-critical)}.croly-stage>strong{font-size:24px;line-height:1.2;letter-spacing:-.02em}.croly-stage-icon{display:grid;place-items:center;width:42px;height:42px;align-self:center;border-radius:10px;background:var(--croly-subdued)}.croly-stage.is-alert .croly-stage-icon{background:#ffe4e0}.croly-stage-rate{display:grid;gap:2px}.croly-stage-rate b{font-size:14px}.croly-stage-rate small,.croly-campaign-highlight small,.croly-impact small,.croly-health-update small,.croly-event-row small{color:var(--croly-muted);font-size:12px}.croly-stage-arrow{display:grid;place-items:center;width:32px;flex:0 0 32px}.croly-source-mark{display:inline-grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #b7d7cf;border-radius:9px;background:#edf7f3;color:#006e52;font-size:14px;font-weight:700}.croly-campaign-highlight{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(85px,.55fr)) auto auto;align-items:center;gap:18px}.croly-campaign-highlight>span:not(.croly-source-mark){display:grid;gap:4px}.croly-campaign-highlight>span strong{font-size:14px}.croly-metrics-grid{display:grid;gap:16px}.croly-metrics-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.croly-metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.croly-metrics-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.croly-metric-value{font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.025em}.croly-metric-critical{color:var(--croly-critical)}.croly-metric-success{color:var(--croly-success)}.croly-table-subtitle{margin:2px 0 0 8px;color:var(--croly-muted);font-size:12px}.croly-issue-row{display:grid;grid-template-columns:38px minmax(280px,1fr) minmax(150px,auto) minmax(150px,auto);align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e8eaed}.croly-issue-row:last-child{border-bottom:0}.croly-issue-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#fff0ee;color:var(--croly-critical)}.croly-issue-icon.severity-medium{background:#fff6e6;color:#8a6116}.croly-issue-icon.severity-low{background:var(--croly-success-soft);color:var(--croly-success)}.croly-impact{display:grid;gap:4px}.croly-impact strong{font-size:15px}.croly-health-hero{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:22px}.croly-score{display:flex;align-items:center;justify-content:center;width:94px;height:94px;border-radius:50%;background:var(--croly-success-soft);color:var(--croly-success);font-size:32px;font-weight:700}.croly-score span{margin-left:2px;font-size:14px}.croly-health-update{display:grid;gap:5px;min-width:210px;padding-left:22px;border-left:1px solid var(--croly-border)}.croly-health-row{display:grid;grid-template-columns:28px minmax(260px,1fr) 70px 100px;align-items:center;gap:14px;min-height:66px;padding:10px 0;border-bottom:1px solid #e8eaed}.croly-health-row:last-child{border-bottom:0}.croly-health-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.croly-event-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 90px;align-items:center;gap:12px;min-height:42px;padding:8px 0;border-bottom:1px solid #e8eaed}.croly-event-row:last-child{border-bottom:0}.croly-event-row small{text-align:right}.croly-settings-fields{display:grid;gap:20px;width:min(720px,100%)}.croly-registry-list{margin:0;overflow:hidden;border:1px solid var(--croly-border);border-radius:10px}.croly-registry-list div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;min-height:46px;padding:12px 14px;border-bottom:1px solid #e8eaed}.croly-registry-list div:last-child{border-bottom:0}.croly-registry-list dt{color:var(--croly-muted)}.croly-registry-list dd{margin:0;overflow-wrap:anywhere}.croly-toast{position:fixed;left:50%;bottom:24px;z-index:100;display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 14px;border-radius:10px;background:#202223;color:#fff;box-shadow:0 10px 30px #0000003d;transform:translate(-50%);font-size:13px}@media(max-width:1300px){.croly-diagnosis-grid{grid-template-columns:1fr}}@media(max-width:1050px){.croly-diagnosis-grid,.croly-health-grid{grid-template-columns:1fr}.croly-metrics-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.croly-campaign-highlight{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(85px,auto)) auto auto}.croly-campaign-highlight>span:nth-of-type(4){display:none}.croly-issue-row{grid-template-columns:38px minmax(240px,1fr) minmax(150px,auto)}.croly-issue-row>s-stack:last-child{grid-column:2 / -1;justify-content:flex-start}}@media(max-width:760px){.croly-funnel{flex-direction:column}.croly-stage-group{flex:none;flex-direction:column}.croly-stage{min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;padding:12px 16px}.croly-stage-icon{display:none}.croly-stage-rate{grid-column:1 / -1;grid-template-columns:auto 1fr;gap:12px}.croly-stage-arrow{transform:rotate(90deg);flex-basis:24px}.croly-demo-header{position:static;align-items:flex-start;flex-direction:column}.croly-demo-nav{width:100%;overflow-x:auto}.croly-filter-grid,.croly-metrics-grid.four,.croly-metrics-grid.three,.croly-metrics-grid.two{grid-template-columns:1fr}.croly-campaign-highlight{grid-template-columns:1fr auto}.croly-campaign-highlight>span,.croly-campaign-highlight>s-badge{display:none}.croly-issue-row{grid-template-columns:36px minmax(0,1fr);align-items:start}.croly-impact,.croly-issue-row>s-stack:last-child{grid-column:2}.croly-health-hero{grid-template-columns:auto 1fr;align-items:start}.croly-health-update{grid-column:1 / -1;padding:16px 0 0;border-top:1px solid var(--croly-border);border-left:0}.croly-health-row{grid-template-columns:26px minmax(0,1fr) auto}.croly-health-row s-badge{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}