.pacing-main{padding:0 5.5% 60px}.demo-intro{padding:65px 0 35px;max-width:850px}.demo-intro h1{font-size:clamp(44px,6vw,76px);letter-spacing:-3px}.demo-intro>p{max-width:740px;color:var(--muted);font-size:17px}.demo-intro .demo-note,.demo-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:14px}.control-panel{display:grid;grid-template-columns:1.5fr 1.1fr 1fr 1fr auto;gap:20px;padding:25px;background:#e7e9dd;border:1px solid var(--line);align-items:end}.control-panel label,.platform-control{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:bold}.control-panel select,.platform-control select,.retention-inputs input{padding:10px;background:var(--paper);border:1px solid #adb69d;border-radius:3px;color:var(--ink);width:100%;min-width:0}.control-panel input[type=range],.platform-control input{width:100%;accent-color:#6c8052}.control-panel output{font-size:13px;font-weight:400}.window-note{font-size:12px;color:var(--muted);margin:15px 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-grid article{border:1px solid var(--line);padding:22px}.kpi-grid small{display:block;font-size:11px;color:var(--muted)}.kpi-grid strong{display:block;font-size:27px;font-weight:400;letter-spacing:-1px;margin:8px 0}.kpi-grid article>span{font-size:11px;display:block}.insight-banner{padding:20px 25px;margin:22px 0;background:var(--lime);font-size:14px;border-left:3px solid #6c8052}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo-panel{border:1px solid var(--line);padding:30px;margin:24px 0}.chart-grid .demo-panel{margin:0}.demo-panel h2,.next-demo h2{font-size:26px;letter-spacing:-.7px;line-height:1.2;font-weight:400;margin-bottom:12px}.demo-panel>p,.next-demo p{font-size:13px;color:var(--muted)}.mix-layout{display:flex;gap:25px;align-items:center;margin:25px 0}.donut{width:180px;height:180px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.donut>div{height:125px;width:125px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column}.donut strong{font-size:22px;font-weight:400}.donut span{font-size:9px;color:var(--muted)}.mix-legend{padding:0;list-style:none;flex:1;margin:0}.mix-legend li{display:flex;gap:8px;align-items:center;font-size:11px;margin:12px 0}.mix-legend i{width:9px;height:9px;border-radius:2px;flex-shrink:0}.mix-legend b{margin-left:auto;font-weight:400;white-space:nowrap}.chart-key{display:flex;gap:15px;font-size:11px;color:var(--muted)}#trend svg{width:100%;height:auto;display:block;margin:20px 0 5px}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:26px}.platform-card{border:1px solid var(--line);border-top:4px solid var(--platform);padding:22px;min-width:0}.platform-card h3{font-size:18px;font-weight:400}.platform-kind{font-size:11px;color:var(--muted);margin:5px 0 15px}.platform-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.platform-stats small{display:block;font-size:10px;color:var(--muted)}.platform-stats strong{font-size:18px;font-weight:400;display:block}.platform-control{font-weight:400;margin-top:16px}.status-row{display:flex;gap:7px;flex-wrap:wrap}.badge{display:inline-block;font-size:10px;padding:4px 8px;background:#e7e9dd;border-radius:3px}.badge.warn{background:#f0ddc4;color:#744216}.badge.bad{background:#ecd4ce;color:#793c2c}.badge.good{background:#dce5c7;color:#40502c}.mini-bar{height:8px;background:#e0e2d8;position:relative;margin:18px 0 6px}.mini-bar>span{display:block;background:var(--platform);height:100%;max-width:100%}.mini-bar>i{position:absolute;top:-3px;height:14px;border-left:2px solid var(--ink)}.platform-footnote{font-size:11px;color:var(--muted);margin-top:10px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.action-card{padding:20px;background:#e7e9dd}.action-card h3{font-size:16px;margin:10px 0}.action-card p{font-size:13px}.action-card small{display:block;color:var(--muted);margin-top:14px;font-size:11px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.method-grid h3{font-size:15px;margin-bottom:8px}.method-grid p,.method-grid a{font-size:13px}.method-grid p{color:var(--muted)}.method-grid a{text-decoration:underline}.demo-panel details{border-top:1px solid var(--line);padding-top:20px}.demo-panel summary{cursor:pointer;font-size:14px}.next-demo{background:#e7e9dd;padding:35px}.next-demo .button{margin-top:20px}.retention-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:25px}.retention-inputs{display:grid;gap:18px}.retention-inputs label{display:grid;gap:6px;font-size:12px}.retention-results .kpi-grid{grid-template-columns:1fr 1fr}.retention-results .demo-panel{margin-top:0}.input-error{background:#ecd4ce;color:#793c2c;padding:15px;font-size:13px}.cohort-bars{display:flex;height:150px;gap:5px;align-items:end;margin:25px 0}.cohort-col{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;font-size:9px}.cohort-col i{width:100%;background:#819259}.cohort-col span{padding-top:5px}.retention-inputs p{font-size:12px;color:var(--muted)}@media(max-width:1000px){.control-panel{grid-template-columns:1fr 1fr}.control-panel button{grid-column:span 2;justify-content:center}.mix-layout{flex-direction:column}.mix-legend{width:100%}.kpi-grid strong{font-size:23px}}@media(max-width:640px){.pacing-main{padding:0 6% 35px}.demo-intro{padding-top:35px}.demo-intro h1{font-size:49px}.demo-intro>p{font-size:15px}.control-panel{padding:18px;gap:20px}.control-panel>label:first-child{grid-column:span 2}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-grid article{padding:15px}.kpi-grid strong{font-size:22px}.chart-grid,.platform-grid,.action-grid,.method-grid,.retention-layout{grid-template-columns:1fr}.demo-panel{padding:22px}.chart-grid{gap:20px}.mix-layout{flex-direction:row;gap:17px}.donut{width:135px;height:135px}.donut>div{width:95px;height:95px}.donut strong{font-size:18px}.mix-legend li{font-size:10px;flex-wrap:wrap}.mix-legend b{width:100%;margin-left:17px}.platform-stats strong{font-size:17px}.next-demo{padding:25px}.retention-results .kpi-grid{grid-template-columns:1fr 1fr}}